3) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list.spec.ts:77:9 › Room list › Room list › should open the more options menu @screenshot Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 30 pixels (ratio 0.01 of all image pixels) are different. Snapshot: room-list-item-open-more-options.png Call log: - Expect "toHaveScreenshot(room-list-item-open-more-options.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 30 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 30 pixels (ratio 0.01 of all image pixels) are different. 83 | const roomItemMenu = roomItem.getByRole("button", { name: "More Options" }); 84 | await roomItemMenu.click(); > 85 | await expect(page).toMatchScreenshot("room-list-item-open-more-options.png"); | ^ 86 | 87 | // It should make the room favourited 88 | await page.getByRole("menuitemcheckbox", { name: "Favourited" }).click(); at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts:85:32

3) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list.spec.ts:77:9 › Room list › Room list › should open the more options menu @screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 30 pixels (ratio 0.01 of all image pixels) are different. Snapshot: room-list-item-open-more-options.png Call log: - Expect "toHaveScreenshot(room-list-item-open-more-options.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 30 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 30 pixels (ratio 0.01 of all image pixels) are different. 83 | const roomItemMenu = roomItem.getByRole("button", { name: "More Options" }); 84 | await roomItemMenu.click(); > 85 | await expect(page).toMatchScreenshot("room-list-item-open-more-options.png"); | ^ 86 | 87 | // It should make the room favourited 88 | await page.getByRole("menuitemcheckbox", { name: "Favourited" }).click(); at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts:85:32

3) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list.spec.ts:77:9 › Room list › Room list › should open the more options menu @screenshot Error: expect(page).toHaveScreenshot(expected) failed 30 pixels (ratio 0.01 of all image pixels) are different. Snapshot: room-list-item-open-more-options.png Call log: - Expect "toHaveScreenshot(room-list-item-open-more-options.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 30 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 30 pixels (ratio 0.01 of all image pixels) are different. 83 | const roomItemMenu = roomItem.getByRole("button", { name: "More Options" }); 84 | await roomItemMenu.click(); > 85 | await expect(page).toMatchScreenshot("room-list-item-open-more-options.png"); | ^ 86 | 87 | // It should make the room favourited 88 | await page.getByRole("menuitemcheckbox", { name: "Favourited" }).click(); at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list.spec.ts:85:32

2) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts:30:5 › Search section of the room list › should render the search section @screenshot Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: getByRole('search') 19 pixels (ratio 0.01 of all image pixels) are different. Snapshot: search-section.png Call log: - Expect "toHaveScreenshot(search-section.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for getByRole('search') - locator resolved to <div role="search" data-testid="room-list-search" class="_flex_4dswl_9 _view_z7ks9_8">…</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 - 19 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByRole('search') - locator resolved to <div role="search" data-testid="room-list-search" class="_flex_4dswl_9 _view_z7ks9_8">…</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 - 19 pixels (ratio 0.01 of all image pixels) are different. 32 | // exact=false to ignore the shortcut which is related to the OS 33 | await expect(searchSection.getByRole("button", { name: "Search", exact: false })).toBeVisible(); > 34 | await expect(searchSection).toMatchScreenshot("search-section.png"); | ^ 35 | }); 36 | 37 | test("should open the spotlight when the search button is clicked", async ({ page, app, user }) => { at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts:34:37

2) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts:30:5 › Search section of the room list › should render the search section @screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: getByRole('search') 19 pixels (ratio 0.01 of all image pixels) are different. Snapshot: search-section.png Call log: - Expect "toHaveScreenshot(search-section.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for getByRole('search') - locator resolved to <div role="search" data-testid="room-list-search" class="_flex_4dswl_9 _view_z7ks9_8">…</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 - 19 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByRole('search') - locator resolved to <div role="search" data-testid="room-list-search" class="_flex_4dswl_9 _view_z7ks9_8">…</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 - 19 pixels (ratio 0.01 of all image pixels) are different. 32 | // exact=false to ignore the shortcut which is related to the OS 33 | await expect(searchSection.getByRole("button", { name: "Search", exact: false })).toBeVisible(); > 34 | await expect(searchSection).toMatchScreenshot("search-section.png"); | ^ 35 | }); 36 | 37 | test("should open the spotlight when the search button is clicked", async ({ page, app, user }) => { at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts:34:37

2) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts:30:5 › Search section of the room list › should render the search section @screenshot Error: expect(locator).toHaveScreenshot(expected) failed Locator: getByRole('search') 19 pixels (ratio 0.01 of all image pixels) are different. Snapshot: search-section.png Call log: - Expect "toHaveScreenshot(search-section.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for getByRole('search') - locator resolved to <div role="search" data-testid="room-list-search" class="_flex_4dswl_9 _view_z7ks9_8">…</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 - 19 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByRole('search') - locator resolved to <div role="search" data-testid="room-list-search" class="_flex_4dswl_9 _view_z7ks9_8">…</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 - 19 pixels (ratio 0.01 of all image pixels) are different. 32 | // exact=false to ignore the shortcut which is related to the OS 33 | await expect(searchSection.getByRole("button", { name: "Search", exact: false })).toBeVisible(); > 34 | await expect(searchSection).toMatchScreenshot("search-section.png"); | ^ 35 | }); 36 | 37 | test("should open the spotlight when the search button is clicked", async ({ page, app, user }) => { at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-search.spec.ts:34:37

1) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts:38:5 › Room list panel › should render the room list panel @screenshot Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: getByRole('navigation', { name: 'Room list' }) 29 pixels (ratio 0.01 of all image pixels) are different. Snapshot: room-list-panel.png Call log: - Expect "toHaveScreenshot(room-list-panel.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for getByRole('navigation', { name: 'Room list' }) - locator resolved to <nav aria-label="Room list" class="_flex_4dswl_9 mx_RoomListPanel">…</nav> - 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 - 29 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByRole('navigation', { name: 'Room list' }) - locator resolved to <nav aria-label="Room list" class="_flex_4dswl_9 mx_RoomListPanel">…</nav> - 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 - 29 pixels (ratio 0.01 of all image pixels) are different. 40 | // Wait for the last room to be visible 41 | await expect(roomListView.getByRole("option", { name: "Open room room19" })).toBeVisible(); > 42 | await expect(roomListView).toMatchScreenshot("room-list-panel.png"); | ^ 43 | }); 44 | 45 | test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page }) => { at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts:42:36

1) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts:38:5 › Room list panel › should render the room list panel @screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: getByRole('navigation', { name: 'Room list' }) 29 pixels (ratio 0.01 of all image pixels) are different. Snapshot: room-list-panel.png Call log: - Expect "toHaveScreenshot(room-list-panel.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for getByRole('navigation', { name: 'Room list' }) - locator resolved to <nav aria-label="Room list" class="_flex_4dswl_9 mx_RoomListPanel">…</nav> - 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 - 29 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByRole('navigation', { name: 'Room list' }) - locator resolved to <nav aria-label="Room list" class="_flex_4dswl_9 mx_RoomListPanel">…</nav> - 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 - 29 pixels (ratio 0.01 of all image pixels) are different. 40 | // Wait for the last room to be visible 41 | await expect(roomListView.getByRole("option", { name: "Open room room19" })).toBeVisible(); > 42 | await expect(roomListView).toMatchScreenshot("room-list-panel.png"); | ^ 43 | }); 44 | 45 | test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page }) => { at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts:42:36

1) [Chrome] › playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts:38:5 › Room list panel › should render the room list panel @screenshot Error: expect(locator).toHaveScreenshot(expected) failed Locator: getByRole('navigation', { name: 'Room list' }) 29 pixels (ratio 0.01 of all image pixels) are different. Snapshot: room-list-panel.png Call log: - Expect "toHaveScreenshot(room-list-panel.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for getByRole('navigation', { name: 'Room list' }) - locator resolved to <nav aria-label="Room list" class="_flex_4dswl_9 mx_RoomListPanel">…</nav> - 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 - 29 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByRole('navigation', { name: 'Room list' }) - locator resolved to <nav aria-label="Room list" class="_flex_4dswl_9 mx_RoomListPanel">…</nav> - 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 - 29 pixels (ratio 0.01 of all image pixels) are different. 40 | // Wait for the last room to be visible 41 | await expect(roomListView.getByRole("option", { name: "Open room room19" })).toBeVisible(); > 42 | await expect(roomListView).toMatchScreenshot("room-list-panel.png"); | ^ 43 | }); 44 | 45 | test("should respond to small screen sizes", { tag: "@screenshot" }, async ({ page }) => { at /home/runner/work/element-web/element-web/apps/web/playwright/e2e/left-panel/room-list-panel/room-list-panel.spec.ts:42:36

Testing stopped early after 10 maximum allowed failures.

The strategy configuration was canceled because "build_ed_windows.arm64" failed

The strategy configuration was canceled because "build_ed_windows.arm64" failed