Skip to content

feat: strict eslint #180

feat: strict eslint

feat: strict eslint #180

Triggered via pull request September 21, 2023 16:31
Status Failure
Total duration 4m 14s
Artifacts 1

playwright-e2e.yml

on: pull_request
Fit to window
Zoom out
Zoom in

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