Update dependency @vector-im/compound-design-tokens to v3 #4130
Annotations
10 errors, 4 warnings, and 1 notice
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L156
1) [Chrome] › timeline/timeline.spec.ts:140:13 › Timeline › configure room › should create and configure a room on IRC layout @screenshot
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-43bff-figure-a-room-on-IRC-layout-Chrome/configured-room-irc-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-43bff-figure-a-room-on-IRC-layout-Chrome/configured-room-irc-layout-diff.png
Call log:
- expect.toHaveScreenshot(configured-room-irc-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
154 | await expect(page.locator(".mx_TimelineSeparator")).toHaveText("today");
155 |
> 156 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("configured-room-irc-layout.png");
| ^
157 | },
158 | );
159 |
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:156:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L156
1) [Chrome] › timeline/timeline.spec.ts:140:13 › Timeline › configure room › should create and configure a room on IRC layout @screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
84 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-43bff-figure-a-room-on-IRC-layout-Chrome-retry1/configured-room-irc-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-43bff-figure-a-room-on-IRC-layout-Chrome-retry1/configured-room-irc-layout-diff.png
Call log:
- expect.toHaveScreenshot(configured-room-irc-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 84 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 84 pixels (ratio 0.01 of all image pixels) are different.
154 | await expect(page.locator(".mx_TimelineSeparator")).toHaveText("today");
155 |
> 156 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("configured-room-irc-layout.png");
| ^
157 | },
158 | );
159 |
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:156:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L156
1) [Chrome] › timeline/timeline.spec.ts:140:13 › Timeline › configure room › should create and configure a room on IRC layout @screenshot
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/configured-room-irc-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-43bff-figure-a-room-on-IRC-layout-Chrome-retry2/configured-room-irc-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-43bff-figure-a-room-on-IRC-layout-Chrome-retry2/configured-room-irc-layout-diff.png
Call log:
- expect.toHaveScreenshot(configured-room-irc-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
154 | await expect(page.locator(".mx_TimelineSeparator")).toHaveText("today");
155 |
> 156 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("configured-room-irc-layout.png");
| ^
157 | },
158 | );
159 |
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:156:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L181
2) [Chrome] › timeline/timeline.spec.ts:160:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on IRC layout @screenshot
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-88c2d--summary-GELS-on-IRC-layout-Chrome/expanded-gels-irc-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-88c2d--summary-GELS-on-IRC-layout-Chrome/expanded-gels-irc-layout-diff.png
Call log:
- expect.toHaveScreenshot(expanded-gels-irc-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
179 | await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
180 |
> 181 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-irc-layout.png", {
| ^
182 | mask: [page.locator(".mx_MessageTimestamp")],
183 | css: `
184 | .mx_TopUnreadMessagesBar, .mx_MessagePanel_myReadMarker {
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:181:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L1
2) [Chrome] › timeline/timeline.spec.ts:160:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on IRC layout @screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L177
2) [Chrome] › timeline/timeline.spec.ts:160:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on IRC layout @screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.click: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('.mx_GenericEventListSummary').getByRole('button', { name: 'Expand' })
- locator resolved to <div tabindex="0" role="button" aria-expanded="false" class="mx_AccessibleButton mx_GenericEventListSummary_toggle mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline">Expand</div>
- attempting click action
2 × waiting for element to be visible, enabled and stable
- element is visible, enabled and stable
- scrolling into view if needed
- done scrolling
- <div tabindex="0" role="button" aria-label="Scroll to most recent messages" class="mx_AccessibleButton mx_JumpToBottomButton_scrollDown"></div> from <div class="mx_JumpToBottomButton">…</div> subtree intercepts pointer events
- retrying click action
- waiting 20ms
2 × waiting for element to be visible, enabled and stable
- element is visible, enabled and stable
- scrolling into view if needed
- done scrolling
- <div tabindex="0" role="button" aria-label="Scroll to most recent messages" class="mx_AccessibleButton mx_JumpToBottomButton_scrollDown"></div> from <div class="mx_JumpToBottomButton">…</div> subtree intercepts pointer events
- retrying click action
- waiting 100ms
45 × waiting for element to be visible, enabled and stable
- element is visible, enabled and stable
- scrolling into view if needed
- done scrolling
- <div tabindex="0" role="button" aria-label="Scroll to most recent messages" class="mx_AccessibleButton mx_JumpToBottomButton_scrollDown"></div> from <div class="mx_JumpToBottomButton">…</div> subtree intercepts pointer events
- retrying click action
- waiting 500ms
175 | const gels = page.locator(".mx_GenericEventListSummary");
176 | // Click "expand" link button
> 177 | await gels.getByRole("button", { name: "Expand" }).click();
| ^
178 | // Assert that the "expand" link button worked
179 | await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
180 |
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:177:68
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L181
2) [Chrome] › timeline/timeline.spec.ts:160:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on IRC layout @screenshot
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-irc-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-88c2d--summary-GELS-on-IRC-layout-Chrome-retry2/expanded-gels-irc-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-88c2d--summary-GELS-on-IRC-layout-Chrome-retry2/expanded-gels-irc-layout-diff.png
Call log:
- expect.toHaveScreenshot(expanded-gels-irc-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
179 | await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
180 |
> 181 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-irc-layout.png", {
| ^
182 | mask: [page.locator(".mx_MessageTimestamp")],
183 | css: `
184 | .mx_TopUnreadMessagesBar, .mx_MessagePanel_myReadMarker {
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:181:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L215
3) [Chrome] › timeline/timeline.spec.ts:192:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on compact modern/group layout @screenshot
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-3585c-compact-modern-group-layout-Chrome/expanded-gels-modern-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-3585c-compact-modern-group-layout-Chrome/expanded-gels-modern-layout-diff.png
Call log:
- expect.toHaveScreenshot(expanded-gels-modern-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
213 | await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
214 |
> 215 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-modern-layout.png", {
| ^
216 | mask: [page.locator(".mx_MessageTimestamp")],
217 | css: `
218 | .mx_TopUnreadMessagesBar, .mx_MessagePanel_myReadMarker {
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:215:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L215
3) [Chrome] › timeline/timeline.spec.ts:192:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on compact modern/group layout @screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-3585c-compact-modern-group-layout-Chrome-retry1/expanded-gels-modern-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-3585c-compact-modern-group-layout-Chrome-retry1/expanded-gels-modern-layout-diff.png
Call log:
- expect.toHaveScreenshot(expanded-gels-modern-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
213 | await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
214 |
> 215 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-modern-layout.png", {
| ^
216 | mask: [page.locator(".mx_MessageTimestamp")],
217 | css: `
218 | .mx_TopUnreadMessagesBar, .mx_MessagePanel_myReadMarker {
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:215:61
|
Run Playwright tests:
playwright/e2e/timeline/timeline.spec.ts#L215
3) [Chrome] › timeline/timeline.spec.ts:192:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on compact modern/group layout @screenshot
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/element-web/element-web/playwright/snapshots/timeline/timeline.spec.ts/expanded-gels-modern-layout-linux.png
Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-3585c-compact-modern-group-layout-Chrome-retry2/expanded-gels-modern-layout-actual.png
Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-3585c-compact-modern-group-layout-Chrome-retry2/expanded-gels-modern-layout-diff.png
Call log:
- expect.toHaveScreenshot(expanded-gels-modern-layout.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('.mx_MainSplit')
- locator resolved to <div class="mx_MainSplit">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 44 pixels (ratio 0.01 of all image pixels) are different.
213 | await expect(gels.getByRole("button", { name: "Collapse" })).toBeVisible();
214 |
> 215 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-modern-layout.png", {
| ^
216 | mask: [page.locator(".mx_MessageTimestamp")],
217 | css: `
218 | .mx_TopUnreadMessagesBar, .mx_MessagePanel_myReadMarker {
at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:215:61
|
Run Playwright tests:
[Chrome] › spotlight/spotlight.spec.ts#L1
[Chrome] › spotlight/spotlight.spec.ts took 2.2m
|
Run Playwright tests:
[Chrome] › spaces/spaces.spec.ts#L1
[Chrome] › spaces/spaces.spec.ts took 53.1s
|
Run Playwright tests:
[Chrome] › spaces/threads-activity-centre/threadsActivityCentre.spec.ts#L1
[Chrome] › spaces/threads-activity-centre/threadsActivityCentre.spec.ts took 47.8s
|
Run Playwright tests:
[Chrome] › threads/threads.spec.ts#L1
[Chrome] › threads/threads.spec.ts took 27.0s
|
Run Playwright tests
8 failed
[Chrome] › timeline/timeline.spec.ts:140:13 › Timeline › configure room › should create and configure a room on IRC layout @screenshot
[Chrome] › timeline/timeline.spec.ts:160:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on IRC layout @screenshot
[Chrome] › timeline/timeline.spec.ts:192:13 › Timeline › configure room › should have an expanded generic event list summary (GELS) on compact modern/group layout @screenshot
[Chrome] › timeline/timeline.spec.ts:226:13 › Timeline › configure room › should click 'collapse' on the first hovered info event line inside GELS on bubble layout @screenshot
[Chrome] › timeline/timeline.spec.ts:277:13 › Timeline › configure room › should add inline start margin to an event line on IRC layout @screenshot
[Chrome] › timeline/timeline.spec.ts:343:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout @screenshot
[Chrome] › timeline/timeline.spec.ts:487:13 › Timeline › message displaying › should render EventTiles on IRC, modern (group), and bubble layout @screenshot
[Chrome] › timeline/timeline.spec.ts:589:13 › Timeline › message displaying › should set inline start padding to a hidden event line @screenshot
1 skipped
51 passed (10.2m)
|
Loading