Skip to content

feat: App router migration for Next.js 13 #1348

feat: App router migration for Next.js 13

feat: App router migration for Next.js 13 #1348

Triggered via pull request June 10, 2024 07:52
Status Failure
Total duration 4m 16s
Artifacts 1

failsafe.yml

on: pull_request
wait-for-deployment  /  Wait for current Vercel deployment to be ready
29s
wait-for-deployment / Wait for current Vercel deployment to be ready
Failsafe Page Generation (Production Schedule)
0s
Failsafe Page Generation (Production Schedule)
Failsafe Page Generation (Stage Deployment)
3m 29s
Failsafe Page Generation (Stage Deployment)
Failsafe Page Generation (Production Deployment)
0s
Failsafe Page Generation (Production Deployment)
Fit to window
Zoom out
Zoom in

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