feat: App router migration for Next.js 13 #1348
failsafe.yml
on: pull_request
wait-for-deployment
/
Wait for current Vercel deployment to be ready
29s
Failsafe Page Generation (Production Schedule)
0s
Failsafe Page Generation (Stage Deployment)
3m 29s
Failsafe Page Generation (Production Deployment)
0s
Annotations
10 errors and 1 notice
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
1) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected
Error: Screenshot comparison failed:
676946 pixels (ratio 0.74 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/article-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-desktop/article-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-desktop/article-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(article-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 676946 pixels (ratio 0.74 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 676946 pixels (ratio 0.74 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
1) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
676946 pixels (ratio 0.74 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/article-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-desktop-retry1/article-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-desktop-retry1/article-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(article-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 676946 pixels (ratio 0.74 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 676946 pixels (ratio 0.74 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
1) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
676946 pixels (ratio 0.74 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/article-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-desktop-retry2/article-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-desktop-retry2/article-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(article-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 676946 pixels (ratio 0.74 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 676946 pixels (ratio 0.74 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
2) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected
Error: Screenshot comparison failed:
684656 pixels (ratio 0.75 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/coding-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-11674-sually-the-same-as-expected-failsafe-test-desktop/coding-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-11674-sually-the-same-as-expected-failsafe-test-desktop/coding-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(coding-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 684656 pixels (ratio 0.75 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 684656 pixels (ratio 0.75 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
2) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
684656 pixels (ratio 0.75 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/coding-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-11674-sually-the-same-as-expected-failsafe-test-desktop-retry1/coding-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-11674-sually-the-same-as-expected-failsafe-test-desktop-retry1/coding-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(coding-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 684656 pixels (ratio 0.75 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 684656 pixels (ratio 0.75 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
2) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
684656 pixels (ratio 0.75 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/coding-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-11674-sually-the-same-as-expected-failsafe-test-desktop-retry2/coding-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-11674-sually-the-same-as-expected-failsafe-test-desktop-retry2/coding-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(coding-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 684656 pixels (ratio 0.75 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 684656 pixels (ratio 0.75 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
3) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected
Error: Screenshot comparison failed:
684703 pixels (ratio 0.75 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/music-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-3bf65-sually-the-same-as-expected-failsafe-test-desktop/music-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-3bf65-sually-the-same-as-expected-failsafe-test-desktop/music-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(music-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 684703 pixels (ratio 0.75 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 684703 pixels (ratio 0.75 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
3) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
684703 pixels (ratio 0.75 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/music-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-3bf65-sually-the-same-as-expected-failsafe-test-desktop-retry1/music-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-3bf65-sually-the-same-as-expected-failsafe-test-desktop-retry1/music-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(music-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 684703 pixels (ratio 0.75 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 684703 pixels (ratio 0.75 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
3) [failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
684703 pixels (ratio 0.75 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/music-screenshot-failsafe-test-desktop.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-3bf65-sually-the-same-as-expected-failsafe-test-desktop-retry2/music-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-3bf65-sually-the-same-as-expected-failsafe-test-desktop-retry2/music-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(music-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 684703 pixels (ratio 0.75 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 684703 pixels (ratio 0.75 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
[failsafe-test-mobile] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected:
tests/e2e/failsafe/notion-article-list.spec.ts#L44
4) [failsafe-test-mobile] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected
Error: Screenshot comparison failed:
205157 pixels (ratio 0.83 of all image pixels) are different.
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts-snapshots/article-screenshot-failsafe-test-mobile.png
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-mobile/article-screenshot-actual.png
Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Failsa-aaa42-sually-the-same-as-expected-failsafe-test-mobile/article-screenshot-diff.png
Call log:
- expect.toHaveScreenshot(article-screenshot.png) with timeout 60000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 205157 pixels (ratio 0.83 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 205157 pixels (ratio 0.83 of all image pixels) are different.
42 | await page.goto(pagePath)
43 | await page.waitForTimeout(1500) // wait for layout render script execution
> 44 | await expect(page).toHaveScreenshot(
| ^
45 | `${pageName}-screenshot.png`,
46 | screenshotOption
47 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/failsafe/notion-article-list.spec.ts:44:26
|
🎭 Playwright Run Summary
6 failed
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected
[failsafe-test-desktop] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected
[failsafe-test-mobile] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: article › static failsafe page should render visually the same as expected
[failsafe-test-mobile] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: coding › static failsafe page should render visually the same as expected
[failsafe-test-mobile] › failsafe/notion-article-list.spec.ts:39:9 › Failsafe test for Notion article list page: music › static failsafe page should render visually the same as expected
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
stage-deployment-failsafe-test-report
Expired
|
3.9 MB |
|