Skip to content

Standardise icons using Compound Design Tokens #2389

Standardise icons using Compound Design Tokens

Standardise icons using Compound Design Tokens #2389

Triggered via pull request November 13, 2024 17:20
Status Failure
Total duration 16m 7s
Artifacts 8

end-to-end-tests.yaml

on: pull_request
Build Element-Web
1m 52s
Build Element-Web
Matrix: playwright
end-to-end-tests
38s
end-to-end-tests
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 30 warnings, and 6 notices
timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout: playwright/e2e/timeline/timeline.spec.ts#L419
1) timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout Error: Screenshot comparison failed: 210 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-and-messages-irc-layout-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-5dcf4-ges-and-emote-on-IRC-layout/expanded-gels-and-messages-irc-layout-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-5dcf4-ges-and-emote-on-IRC-layout/expanded-gels-and-messages-irc-layout-diff.png Call log: - expect.toHaveScreenshot(expanded-gels-and-messages-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 - 210 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 - 210 pixels (ratio 0.01 of all image pixels) are different. 417 | ).toHaveCSS("margin-inline-start", "99px"); 418 | // Record alignment of expanded GELS and messages on messagePanel > 419 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-and-messages-irc-layout.png", { | ^ 420 | // Exclude timestamp from snapshot of mx_MainSplit 421 | mask: [page.locator(".mx_MessageTimestamp")], 422 | }); at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:419:57
timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout: playwright/e2e/timeline/timeline.spec.ts#L419
1) timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 210 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-and-messages-irc-layout-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-5dcf4-ges-and-emote-on-IRC-layout-retry1/expanded-gels-and-messages-irc-layout-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-5dcf4-ges-and-emote-on-IRC-layout-retry1/expanded-gels-and-messages-irc-layout-diff.png Call log: - expect.toHaveScreenshot(expanded-gels-and-messages-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 - 210 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 - 210 pixels (ratio 0.01 of all image pixels) are different. 417 | ).toHaveCSS("margin-inline-start", "99px"); 418 | // Record alignment of expanded GELS and messages on messagePanel > 419 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-and-messages-irc-layout.png", { | ^ 420 | // Exclude timestamp from snapshot of mx_MainSplit 421 | mask: [page.locator(".mx_MessageTimestamp")], 422 | }); at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:419:57
timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout: playwright/e2e/timeline/timeline.spec.ts#L419
1) timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 210 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-and-messages-irc-layout-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-5dcf4-ges-and-emote-on-IRC-layout-retry2/expanded-gels-and-messages-irc-layout-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/timeline-timeline-Timeline-5dcf4-ges-and-emote-on-IRC-layout-retry2/expanded-gels-and-messages-irc-layout-diff.png Call log: - expect.toHaveScreenshot(expanded-gels-and-messages-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 - 210 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 - 210 pixels (ratio 0.01 of all image pixels) are different. 417 | ).toHaveCSS("margin-inline-start", "99px"); 418 | // Record alignment of expanded GELS and messages on messagePanel > 419 | await expect(page.locator(".mx_MainSplit")).toMatchScreenshot("expanded-gels-and-messages-irc-layout.png", { | ^ 420 | // Exclude timestamp from snapshot of mx_MainSplit 421 | mask: [page.locator(".mx_MessageTimestamp")], 422 | }); at /home/runner/work/element-web/element-web/playwright/e2e/timeline/timeline.spec.ts:419:57
spaces/threads-activity-centre/threadsActivityCentre.spec.ts:39:9 › Threads Activity Centre › should show a notification indicator when there is a message in a thread: playwright/e2e/spaces/threads-activity-centre/index.ts#L290
2) spaces/threads-activity-centre/threadsActivityCentre.spec.ts:39:9 › Threads Activity Centre › should show a notification indicator when there is a message in a thread Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: getByRole('navigation', { name: 'Spaces' }).getByLabel('Threads').locator('[data-indicator=\'success\']') Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 5000ms - waiting for getByRole('navigation', { name: 'Spaces' }).getByLabel('Threads').locator('[data-indicator=\'success\']') at spaces/threads-activity-centre/index.ts:290 288 | */ 289 | assertNotificationTac() { > 290 | return expect(this.getTacButton().locator("[data-indicator='success']")).toBeVisible(); | ^ 291 | } 292 | 293 | /** at Helpers.assertNotificationTac (/home/runner/work/element-web/element-web/playwright/e2e/spaces/threads-activity-centre/index.ts:290:82) at /home/runner/work/element-web/element-web/playwright/e2e/spaces/threads-activity-centre/threadsActivityCentre.spec.ts:44:20
Run Tests 6/6
Process completed with exit code 1.
crypto/event-shields.spec.ts:273:13 › Cryptography › event shields › should show correct shields on events sent by devices which have since been deleted: playwright/e2e/crypto/event-shields.spec.ts#L308
1) crypto/event-shields.spec.ts:273:13 › Cryptography › event shields › should show correct shields on events sent by devices which have since been deleted Error: Timed out 5000ms waiting for expect(locator).not.toBeVisible() Locator: locator('.mx_EventTile').filter({ hasText: 'test encrypted from verified' }).locator('.mx_EventTile_e2eIcon') Expected: not visible Received: visible Call log: - expect.not.toBeVisible with timeout 5000ms - waiting for locator('.mx_EventTile').filter({ hasText: 'test encrypted from verified' }).locator('.mx_EventTile_e2eIcon') - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" - locator resolved to <div tabindex="0" aria-labelledby=":r86:" aria-label="State of the end-to-end encryption" class="mx_EventTile_e2eIcon mx_EventTile_e2eIcon_warning"></div> - unexpected value "visible" 306 | 307 | const penultimate = page.locator(".mx_EventTile").filter({ hasText: "test encrypted from verified" }); > 308 | await expect(penultimate.locator(".mx_EventTile_e2eIcon")).not.toBeVisible(); | ^ 309 | }); 310 | }); 311 | }); at /home/runner/work/element-web/element-web/playwright/e2e/crypto/event-shields.spec.ts:308:76
end-to-end-tests
Process completed with exit code 1.
Slow Test: read-receipts/high-level.spec.ts#L1
read-receipts/high-level.spec.ts took 3.5m
Slow Test: read-receipts/new-messages-in-threads.spec.ts#L1
read-receipts/new-messages-in-threads.spec.ts took 1.9m
Slow Test: read-receipts/editing-messages-in-threads.spec.ts#L1
read-receipts/editing-messages-in-threads.spec.ts took 1.4m
Slow Test: read-receipts/editing-messages-main-timeline.spec.ts#L1
read-receipts/editing-messages-main-timeline.spec.ts took 1.3m
Slow Test: read-receipts/editing-messages-thread-roots.spec.ts#L1
read-receipts/editing-messages-thread-roots.spec.ts took 58.1s
Slow Test: spaces/spaces.spec.ts#L1
spaces/spaces.spec.ts took 1.1m
Slow Test: right-panel/right-panel.spec.ts#L1
right-panel/right-panel.spec.ts took 1.0m
Slow Test: settings/account-user-settings-tab.spec.ts#L1
settings/account-user-settings-tab.spec.ts took 49.0s
Slow Test: right-panel/file-panel.spec.ts#L1
right-panel/file-panel.spec.ts took 43.0s
Slow Test: settings/appearance-user-settings-tab/theme-choice-panel.spec.ts#L1
settings/appearance-user-settings-tab/theme-choice-panel.spec.ts took 35.1s
Slow Test: spotlight/spotlight.spec.ts#L1
spotlight/spotlight.spec.ts took 2.3m
Slow Test: threads/threads.spec.ts#L1
threads/threads.spec.ts took 37.0s
Slow Test: user-onboarding/user-onboarding-new.spec.ts#L1
user-onboarding/user-onboarding-new.spec.ts took 33.4s
Slow Test: widgets/widget-pip-close.spec.ts#L1
widgets/widget-pip-close.spec.ts took 23.8s
Slow Test: widgets/stickers.spec.ts#L1
widgets/stickers.spec.ts took 22.5s
Slow Test: messages/messages.spec.ts#L1
messages/messages.spec.ts took 2.5m
Slow Test: pinned-messages/pinned-messages.spec.ts#L1
pinned-messages/pinned-messages.spec.ts took 1.8m
Slow Test: login/login.spec.ts#L1
login/login.spec.ts took 1.1m
Slow Test: knock/knock-into-room.spec.ts#L1
knock/knock-into-room.spec.ts took 41.4s
Slow Test: integration-manager/read_events.spec.ts#L1
integration-manager/read_events.spec.ts took 37.6s
Slow Test: read-receipts/redactions-in-threads.spec.ts#L1
read-receipts/redactions-in-threads.spec.ts took 2.8m
Slow Test: read-receipts/redactions-main-timeline.spec.ts#L1
read-receipts/redactions-main-timeline.spec.ts took 2.2m
Slow Test: read-receipts/new-messages-main-timeline.spec.ts#L1
read-receipts/new-messages-main-timeline.spec.ts took 1.5m
Slow Test: read-receipts/read-receipts.spec.ts#L1
read-receipts/read-receipts.spec.ts took 1.2m
Slow Test: read-receipts/reactions-in-threads.spec.ts#L1
read-receipts/reactions-in-threads.spec.ts took 1.1m
Slow Test: composer/RTE.spec.ts#L1
composer/RTE.spec.ts took 1.4m
Slow Test: audio-player/audio-player.spec.ts#L1
audio-player/audio-player.spec.ts took 1.3m
Slow Test: crypto/crypto.spec.ts#L1
crypto/crypto.spec.ts took 1.2m
Slow Test: crypto/device-verification.spec.ts#L1
crypto/device-verification.spec.ts took 50.2s
Slow Test: integration-manager/kick.spec.ts#L1
integration-manager/kick.spec.ts took 42.4s
🎭 Playwright Run Summary
32 skipped 42 passed (9.2m)
🎭 Playwright Run Summary
9 skipped 65 passed (9.5m)
🎭 Playwright Run Summary
1 failed timeline/timeline.spec.ts:335:13 › Timeline › message displaying › should align generic event list summary with messages and emote on IRC layout 1 flaky spaces/threads-activity-centre/threadsActivityCentre.spec.ts:39:9 › Threads Activity Centre › should show a notification indicator when there is a message in a thread 3 skipped 67 passed (11.2m)
🎭 Playwright Run Summary
1 skipped 78 passed (11.6m)
🎭 Playwright Run Summary
15 skipped 68 passed (11.8m)
🎭 Playwright Run Summary
1 flaky crypto/event-shields.spec.ts:273:13 › Cryptography › event shields › should show correct shields on events sent by devices which have since been deleted 77 passed (12.5m)

Artifacts

Produced during runtime
Name Size
all-blob-reports-1 Expired
3.01 MB
all-blob-reports-2 Expired
349 KB
all-blob-reports-3 Expired
270 KB
all-blob-reports-4 Expired
365 KB
all-blob-reports-5 Expired
721 KB
all-blob-reports-6 Expired
6.92 MB
html-report Expired
9.75 MB
webapp Expired
37 MB