Migrate to App Router (RSC) #48
Annotations
9 errors and 1 notice
[chromium] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page:
src/tests/specs/visual-snapshots.spec.ts#L20
1) [chromium] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ────────────────────
Error: Screenshot comparison failed:
608 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-chromium/Index-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-chromium/Index-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-chromium/Index-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[chromium] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page:
src/tests/specs/visual-snapshots.spec.ts#L20
2) [chromium] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ─────────────────────
Error: Screenshot comparison failed:
621 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-chromium/Post-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-chromium/Post-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-chromium/Post-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[webkit] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page:
src/tests/specs/visual-snapshots.spec.ts#L20
3) [webkit] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ──────────────────────
Error: Screenshot comparison failed:
1901 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-webkit/Index-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-webkit/Index-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-webkit/Index-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[webkit] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page:
src/tests/specs/visual-snapshots.spec.ts#L20
4) [webkit] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ───────────────────────
Error: Screenshot comparison failed:
1926 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-webkit/Post-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-webkit/Post-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-webkit/Post-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[firefox] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page:
src/tests/specs/visual-snapshots.spec.ts#L20
5) [firefox] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ─────────────────────
Error: Screenshot comparison failed:
634 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-firefox/Index-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-firefox/Index-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-firefox/Index-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[firefox] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page:
src/tests/specs/visual-snapshots.spec.ts#L20
6) [firefox] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ──────────────────────
Error: Screenshot comparison failed:
668 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-firefox/Post-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-firefox/Post-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-firefox/Post-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[chromium-mobile] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page:
src/tests/specs/visual-snapshots.spec.ts#L20
7) [chromium-mobile] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ─────────────
Error: Screenshot comparison failed:
4070 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-chromium-mobile/Index-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-chromium-mobile/Index-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Index-page-chromium-mobile/Index-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
[chromium-mobile] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page:
src/tests/specs/visual-snapshots.spec.ts#L20
8) [chromium-mobile] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ──────────────
Error: Screenshot comparison failed:
4070 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-chromium-mobile/Post-page-light-mode-expected.png
Received: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-chromium-mobile/Post-page-light-mode-actual.png
Diff: /home/runner/work/kaihao.dev/kaihao.dev/test-results/visual-snapshots-Visual-snapshots-Post-page-chromium-mobile/Post-page-light-mode-diff.png
18 | expect(
19 | await page.screenshot({ fullPage: true, animations: 'disabled' }),
> 20 | ).toMatchSnapshot(`${route.label}-${colorScheme}-mode.png`);
| ^
21 | }
22 |
23 | if (testInfo.project.name === 'chromium') {
at file:///home/runner/work/kaihao.dev/kaihao.dev/src/tests/specs/visual-snapshots.spec.ts:20:11
|
test
Process completed with exit code 1.
|
🎭 Playwright Run Summary
8 failed
[chromium] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ─────────────────────
[chromium] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ──────────────────────
[webkit] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ───────────────────────
[webkit] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ────────────────────────
[firefox] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ──────────────────────
[firefox] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ───────────────────────
[chromium-mobile] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Index page ──────────────
[chromium-mobile] › visual-snapshots.spec.ts:13:5 › Visual snapshots › Post page ───────────────
16 passed (1.3m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
playwright-report
Expired
|
25.6 MB |
|