1) [chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success › mock the create recovery response Error: Screenshot comparison failed: 471 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 471 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 471 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-1-chromium-linux.png Received: /home/runner/work/elements/elements/examples/react-spa/test-results/recovery-Recovery-Page-recovery-success-chromium/Recovery-Page-recovery-success-1-actual.png Diff: /home/runner/work/elements/elements/examples/react-spa/test-results/recovery-Recovery-Page-recovery-success-chromium/Recovery-Page-recovery-success-1-diff.png at ../../../src/test/mock/recovery.ts:37 35 | expect(createResponse.status()).toBe(200) 36 | > 37 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 38 | // Validate that the form fields are present 39 | await recoveryPage.expectTraitFields() 40 | }) at /home/runner/work/elements/elements/src/test/mock/recovery.ts:37:39 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:25:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

1) [chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success › mock the create recovery response Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 471 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 471 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 471 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-1-chromium-linux.png Received: /home/runner/work/elements/elements/examples/react-spa/test-results/recovery-Recovery-Page-recovery-success-chromium-retry1/Recovery-Page-recovery-success-1-actual.png Diff: /home/runner/work/elements/elements/examples/react-spa/test-results/recovery-Recovery-Page-recovery-success-chromium-retry1/Recovery-Page-recovery-success-1-diff.png at ../../../src/test/mock/recovery.ts:37 35 | expect(createResponse.status()).toBe(200) 36 | > 37 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 38 | // Validate that the form fields are present 39 | await recoveryPage.expectTraitFields() 40 | }) at /home/runner/work/elements/elements/src/test/mock/recovery.ts:37:39 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:25:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

1) [chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success › mock the create recovery response Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 471 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 471 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 471 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-1-chromium-linux.png Received: /home/runner/work/elements/elements/examples/react-spa/test-results/recovery-Recovery-Page-recovery-success-chromium-retry2/Recovery-Page-recovery-success-1-actual.png Diff: /home/runner/work/elements/elements/examples/react-spa/test-results/recovery-Recovery-Page-recovery-success-chromium-retry2/Recovery-Page-recovery-success-1-diff.png at ../../../src/test/mock/recovery.ts:37 35 | expect(createResponse.status()).toBe(200) 36 | > 37 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 38 | // Validate that the form fields are present 39 | await recoveryPage.expectTraitFields() 40 | }) at /home/runner/work/elements/elements/src/test/mock/recovery.ts:37:39 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:25:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

2) [chromium] › verification.spec.ts:7:3 › Verification Page › verification success › mock the create verification response Error: Screenshot comparison failed: 453 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 453 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 453 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/elements/elements/examples/react-spa/e2e/verification.spec.ts-snapshots/Verification-Page-verification-success-1-chromium-linux.png Received: /home/runner/work/elements/elements/examples/react-spa/test-results/verification-Verification-Page-verification-success-chromium/Verification-Page-verification-success-1-actual.png Diff: /home/runner/work/elements/elements/examples/react-spa/test-results/verification-Verification-Page-verification-success-chromium/Verification-Page-verification-success-1-diff.png at ../../../src/test/mock/verification.ts:40 38 | await verificationPage.expectTraitFields() 39 | > 40 | await expect(verificationPage.page).toHaveScreenshot() | ^ 41 | }) 42 | 43 | await test.step("mock the fetch verification flow", async () => { at /home/runner/work/elements/elements/src/test/mock/verification.ts:40:43 at Object.VerificationSuccessTest (/home/runner/work/elements/elements/src/test/mock/verification.ts:24:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/verification.spec.ts:14:5

2) [chromium] › verification.spec.ts:7:3 › Verification Page › verification success › mock the create verification response Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 453 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 453 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 453 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/elements/elements/examples/react-spa/e2e/verification.spec.ts-snapshots/Verification-Page-verification-success-1-chromium-linux.png Received: /home/runner/work/elements/elements/examples/react-spa/test-results/verification-Verification-Page-verification-success-chromium-retry1/Verification-Page-verification-success-1-actual.png Diff: /home/runner/work/elements/elements/examples/react-spa/test-results/verification-Verification-Page-verification-success-chromium-retry1/Verification-Page-verification-success-1-diff.png at ../../../src/test/mock/verification.ts:40 38 | await verificationPage.expectTraitFields() 39 | > 40 | await expect(verificationPage.page).toHaveScreenshot() | ^ 41 | }) 42 | 43 | await test.step("mock the fetch verification flow", async () => { at /home/runner/work/elements/elements/src/test/mock/verification.ts:40:43 at Object.VerificationSuccessTest (/home/runner/work/elements/elements/src/test/mock/verification.ts:24:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/verification.spec.ts:14:5

2) [chromium] › verification.spec.ts:7:3 › Verification Page › verification success › mock the create verification response Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 453 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 453 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 453 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/elements/elements/examples/react-spa/e2e/verification.spec.ts-snapshots/Verification-Page-verification-success-1-chromium-linux.png Received: /home/runner/work/elements/elements/examples/react-spa/test-results/verification-Verification-Page-verification-success-chromium-retry2/Verification-Page-verification-success-1-actual.png Diff: /home/runner/work/elements/elements/examples/react-spa/test-results/verification-Verification-Page-verification-success-chromium-retry2/Verification-Page-verification-success-1-diff.png at ../../../src/test/mock/verification.ts:40 38 | await verificationPage.expectTraitFields() 39 | > 40 | await expect(verificationPage.page).toHaveScreenshot() | ^ 41 | }) 42 | 43 | await test.step("mock the fetch verification flow", async () => { at /home/runner/work/elements/elements/src/test/mock/verification.ts:40:43 at Object.VerificationSuccessTest (/home/runner/work/elements/elements/src/test/mock/verification.ts:24:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/verification.spec.ts:14:5

3) [webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success ──────────────────────────── Error: A snapshot doesn't exist at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-1-webkit-linux.png. at ../../../src/test/mock/recovery.ts:37 35 | expect(createResponse.status()).toBe(200) 36 | > 37 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 38 | // Validate that the form fields are present 39 | await recoveryPage.expectTraitFields() 40 | }) at /home/runner/work/elements/elements/src/test/mock/recovery.ts:37:39 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:25:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

3) [webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success ──────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: A snapshot doesn't exist at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-1-webkit-linux.png. at ../../../src/test/mock/recovery.ts:37 35 | expect(createResponse.status()).toBe(200) 36 | > 37 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 38 | // Validate that the form fields are present 39 | await recoveryPage.expectTraitFields() 40 | }) at /home/runner/work/elements/elements/src/test/mock/recovery.ts:37:39 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:25:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

3) [webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success ──────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: A snapshot doesn't exist at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-1-webkit-linux.png, writing actual. at ../../../src/test/mock/recovery.ts:37 35 | expect(createResponse.status()).toBe(200) 36 | > 37 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 38 | // Validate that the form fields are present 39 | await recoveryPage.expectTraitFields() 40 | }) at /home/runner/work/elements/elements/src/test/mock/recovery.ts:37:7 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:25:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

3) [webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success ──────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: A snapshot doesn't exist at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts-snapshots/Recovery-Page-recovery-success-2-webkit-linux.png, writing actual. at ../../../src/test/mock/recovery.ts:71 69 | expect(submitResponse.status()).toBe(200) 70 | > 71 | await expect(recoveryPage.page).toHaveScreenshot() | ^ 72 | }) 73 | 74 | await test.step("submit the recovery form again with a valid code", async () => { at /home/runner/work/elements/elements/src/test/mock/recovery.ts:71:7 at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:56:11) at /home/runner/work/elements/elements/examples/react-spa/e2e/recovery.spec.ts:11:5

The following actions uses node12 which is deprecated and will be forced to run on node16: actions/upload-artifact@v2. For more info: https://github.blog/changelog/2023-06-13-github-actions-all-actions-will-run-on-node16-instead-of-node12-by-default/

No files were found with the provided path: examples/preact-spa/playwright-report/ examples/preact-spa/test-results/. No artifacts will be uploaded.

No files were found with the provided path: examples/nextjs-spa/playwright-report/ examples/nextjs-spa/test-results/. No artifacts will be uploaded.