feat: strict eslint #180
Annotations
10 errors, 3 warnings, and 1 notice
[chromium] › recovery.spec.ts:7:3 › Recovery Page › recovery success:
src/test/mock/recovery.ts#L38
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:38
36 | expect(createResponse.status()).toBe(200)
37 |
> 38 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
39 | // Validate that the form fields are present
40 | await recoveryPage.expectTraitFields()
41 | })
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:38:39
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:26: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#L38
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:38
36 | expect(createResponse.status()).toBe(200)
37 |
> 38 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
39 | // Validate that the form fields are present
40 | await recoveryPage.expectTraitFields()
41 | })
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:38:39
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:26: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#L38
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:38
36 | expect(createResponse.status()).toBe(200)
37 |
> 38 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
39 | // Validate that the form fields are present
40 | await recoveryPage.expectTraitFields()
41 | })
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:38:39
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:26: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#L38
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:38
36 | expect(createResponse.status()).toBe(200)
37 |
> 38 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
39 | // Validate that the form fields are present
40 | await recoveryPage.expectTraitFields()
41 | })
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:38:39
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:26: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#L38
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:38
36 | expect(createResponse.status()).toBe(200)
37 |
> 38 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
39 | // Validate that the form fields are present
40 | await recoveryPage.expectTraitFields()
41 | })
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:38:39
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:26: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#L38
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:38
36 | expect(createResponse.status()).toBe(200)
37 |
> 38 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
39 | // Validate that the form fields are present
40 | await recoveryPage.expectTraitFields()
41 | })
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:38:7
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:26: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#L72
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:72
70 | expect(submitResponse.status()).toBe(200)
71 |
> 72 | await expect(recoveryPage.page).toHaveScreenshot()
| ^
73 | })
74 |
75 | await test.step("submit the recovery form again with a valid code", async () => {
at /home/runner/work/elements/elements/src/test/mock/recovery.ts:72:7
at Object.RecoverySuccessTest (/home/runner/work/elements/elements/src/test/mock/recovery.ts:57: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 ─────────────────
14 passed (1.1m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
react-spa playwright-report
Expired
|
8.17 MB |
|