fix: registration via code and verification/recovery card stretches #176
BenehikoAnnotations
10 errors, 3 warnings, and 1 notice
|
[chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L37
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
|
|
[chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L37
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
|
|
[chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L37
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
|
|
[chromium] › verification.spec.ts:7:3 › Verification Page › verification success:
src/test/mock/verification.ts#L40
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
|
|
[chromium] › verification.spec.ts:7:3 › Verification Page › verification success:
src/test/mock/verification.ts#L40
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
|
|
[chromium] › verification.spec.ts:7:3 › Verification Page › verification success:
src/test/mock/verification.ts#L40
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
|
|
[webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L37
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
|
|
[webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L37
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
|
|
[webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L37
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
|
|
[webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L71
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
|
|
test
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/
|
|
test
No files were found with the provided path: examples/preact-spa/playwright-report/
examples/preact-spa/test-results/. No artifacts will be uploaded.
|
|
test
No files were found with the provided path: examples/nextjs-spa/playwright-report/
examples/nextjs-spa/test-results/. No artifacts will be uploaded.
|
|
🎭 Playwright Run Summary
4 failed
[chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success ───────────────────────────
[chromium] › verification.spec.ts:7:3 › Verification Page › verification success ───────────────
[webkit] › recovery.spec.ts:7:3 › Recovery Page › recovery success ─────────────────────────────
[webkit] › verification.spec.ts:7:3 › Verification Page › verification success ─────────────────
2 flaky
[firefox] › login.spec.ts:13:3 › Login Page › login with invalid credentials ───────────────────
[firefox] › recovery.spec.ts:7:3 › Recovery Page › recovery success ────────────────────────────
12 passed (1.7m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
react-spa playwright-report
Expired
|
14 MB |
|