1) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:33:9 › Recovery section in Encryption tab › should verify the device @screenshot Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32999 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-f601d-ab-should-verify-the-device-Chrome/default-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-f601d-ab-should-verify-the-device-Chrome/default-recovery-diff.png Call log: - expect.toHaveScreenshot(default-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32999 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32999 pixels (ratio 0.06 of all image pixels) are different. 41 | 42 | await util.verifyDevice(recoveryKey); > 43 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("default-recovery.png"); | ^ 44 | 45 | // Check that our device is now cross-signed 46 | await checkDeviceIsCrossSigned(app); at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:43:54

1) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:33:9 › Recovery section in Encryption tab › should verify the device @screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32870 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-f601d-ab-should-verify-the-device-Chrome-retry1/default-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-f601d-ab-should-verify-the-device-Chrome-retry1/default-recovery-diff.png Call log: - expect.toHaveScreenshot(default-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32870 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32870 pixels (ratio 0.06 of all image pixels) are different. 41 | 42 | await util.verifyDevice(recoveryKey); > 43 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("default-recovery.png"); | ^ 44 | 45 | // Check that our device is now cross-signed 46 | await checkDeviceIsCrossSigned(app); at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:43:54

1) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:33:9 › Recovery section in Encryption tab › should verify the device @screenshot Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32810 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-f601d-ab-should-verify-the-device-Chrome-retry2/default-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-f601d-ab-should-verify-the-device-Chrome-retry2/default-recovery-diff.png Call log: - expect.toHaveScreenshot(default-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32810 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32810 pixels (ratio 0.06 of all image pixels) are different. 41 | 42 | await util.verifyDevice(recoveryKey); > 43 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("default-recovery.png"); | ^ 44 | 45 | // Check that our device is now cross-signed 46 | await checkDeviceIsCrossSigned(app); at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:43:54

2) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:54:9 › Recovery section in Encryption tab › should change the recovery key @screenshot Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32785 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-d7db3-uld-change-the-recovery-key-Chrome/default-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-d7db3-uld-change-the-recovery-key-Chrome/default-recovery-diff.png Call log: - expect.toHaveScreenshot(default-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32785 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32785 pixels (ratio 0.06 of all image pixels) are different. 62 | const changeButton = dialog.getByRole("button", { name: "Change recovery key" }); 63 | await expect(changeButton).toBeVisible(); > 64 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("default-recovery.png"); | ^ 65 | await changeButton.click(); 66 | 67 | // Display the new recovery key and click on the copy button at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:64:58

2) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:54:9 › Recovery section in Encryption tab › should change the recovery key @screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32844 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-d7db3-uld-change-the-recovery-key-Chrome-retry1/default-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-d7db3-uld-change-the-recovery-key-Chrome-retry1/default-recovery-diff.png Call log: - expect.toHaveScreenshot(default-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32844 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32844 pixels (ratio 0.06 of all image pixels) are different. 62 | const changeButton = dialog.getByRole("button", { name: "Change recovery key" }); 63 | await expect(changeButton).toBeVisible(); > 64 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("default-recovery.png"); | ^ 65 | await changeButton.click(); 66 | 67 | // Display the new recovery key and click on the copy button at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:64:58

2) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:54:9 › Recovery section in Encryption tab › should change the recovery key @screenshot Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32994 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/default-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-d7db3-uld-change-the-recovery-key-Chrome-retry2/default-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-d7db3-uld-change-the-recovery-key-Chrome-retry2/default-recovery-diff.png Call log: - expect.toHaveScreenshot(default-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32994 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32994 pixels (ratio 0.06 of all image pixels) are different. 62 | const changeButton = dialog.getByRole("button", { name: "Change recovery key" }); 63 | await expect(changeButton).toBeVisible(); > 64 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("default-recovery.png"); | ^ 65 | await changeButton.click(); 66 | 67 | // Display the new recovery key and click on the copy button at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:64:58

3) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:84:9 › Recovery section in Encryption tab › should setup the recovery key @screenshot Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32941 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-9749f-ould-setup-the-recovery-key-Chrome/set-up-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-9749f-ould-setup-the-recovery-key-Chrome/set-up-recovery-diff.png Call log: - expect.toHaveScreenshot(set-up-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32941 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32941 pixels (ratio 0.06 of all image pixels) are different. 90 | const setupButton = dialog.getByRole("button", { name: "Set up recovery" }); 91 | await expect(setupButton).toBeVisible(); > 92 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("set-up-recovery.png"); | ^ 93 | await setupButton.click(); 94 | 95 | // Display an informative panel about the recovery key at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:92:54

3) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:84:9 › Recovery section in Encryption tab › should setup the recovery key @screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32862 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-9749f-ould-setup-the-recovery-key-Chrome-retry1/set-up-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-9749f-ould-setup-the-recovery-key-Chrome-retry1/set-up-recovery-diff.png Call log: - expect.toHaveScreenshot(set-up-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32862 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32862 pixels (ratio 0.06 of all image pixels) are different. 90 | const setupButton = dialog.getByRole("button", { name: "Set up recovery" }); 91 | await expect(setupButton).toBeVisible(); > 92 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("set-up-recovery.png"); | ^ 93 | await setupButton.click(); 94 | 95 | // Display an informative panel about the recovery key at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:92:54

3) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:84:9 › Recovery section in Encryption tab › should setup the recovery key @screenshot Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 258px, received 748px by 791px. 32984 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/set-up-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-9749f-ould-setup-the-recovery-key-Chrome-retry2/set-up-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-9749f-ould-setup-the-recovery-key-Chrome-retry2/set-up-recovery-diff.png Call log: - expect.toHaveScreenshot(set-up-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32984 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 258px, received 748px by 791px. 32984 pixels (ratio 0.06 of all image pixels) are different. 90 | const setupButton = dialog.getByRole("button", { name: "Set up recovery" }); 91 | await expect(setupButton).toBeVisible(); > 92 | await expect(util.getEncryptionTabContent()).toMatchScreenshot("set-up-recovery.png"); | ^ 93 | await setupButton.click(); 94 | 95 | // Display an informative panel about the recovery key at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:92:54

4) [Chrome] › settings/encryption-user-tab/recovery.spec.ts:127:9 › Recovery section in Encryption tab › should enter the recovery key when the secrets are not cached @screenshot Error: expect(locator).toHaveScreenshot(expected) Expected an image 748px by 286px, received 748px by 819px. 32865 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/element-web/element-web/playwright/snapshots/settings/encryption-user-tab/recovery.spec.ts/out-of-sync-recovery-linux.png Received: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-291c2--the-secrets-are-not-cached-Chrome/out-of-sync-recovery-actual.png Diff: /home/runner/work/element-web/element-web/playwright/test-results/settings-encryption-user-t-291c2--the-secrets-are-not-cached-Chrome/out-of-sync-recovery-diff.png Call log: - expect.toHaveScreenshot(out-of-sync-recovery.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 286px, received 748px by 819px. 32864 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('encryptionTab') - locator resolved to <div data-testid="encryptionTab" class="mx_SettingsTab mx_EncryptionUserSettingsTab">…</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 - Expected an image 748px by 286px, received 748px by 819px. 32865 pixels (ratio 0.06 of all image pixels) are different. 138 | const enterKeyButton = dialog.getByRole("button", { name: "Enter recovery key" }); 139 | await expect(enterKeyButton).toBeVisible(); > 140 | await expect(dialog).toMatchScreenshot("out-of-sync-recovery.png"); | ^ 141 | await enterKeyButton.click(); 142 | 143 | // Fill the recovery key at /home/runner/work/element-web/element-web/playwright/e2e/settings/encryption-user-tab/recovery.spec.ts:140:34

[Chrome] › sliding-sync/sliding-sync.spec.ts took 54.3s

[Chrome] › room/room-header.spec.ts took 25.3s

[Chrome] › settings/account-user-settings-tab.spec.ts took 16.8s