Skip to content

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

feat: App router migration for Next.js 13

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

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

playwright.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
Playwright E2E Tests (Production Schedule)
0s
Playwright E2E Tests (Production Schedule)
Playwright E2E Tests (Stage Deployment)
42m 37s
Playwright E2E Tests (Stage Deployment)
Playwright E2E Tests (Production Deployment)
0s
Playwright E2E Tests (Production Deployment)
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 1 notice
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags: tests/e2e/pages/notion-article-list.spec.ts#L1
1) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags Test timeout of 60000ms exceeded.
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags: tests/e2e/pages/notion-article-list.spec.ts#L40
1) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags Error: page.textContent: Test timeout of 60000ms exceeded. Call log: - waiting for locator('title') 38 | await page.goto(pagePath) 39 | > 40 | const pageTitle = await page.textContent(locator.pageTitle) | ^ 41 | const metaDescription = await page.$(locator.meta.description) 42 | const metaOgTitle = await page.$(locator.meta.ogTitle) 43 | const metaOgImage = await page.$(locator.meta.ogImage) at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:40:36
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags: tests/e2e/pages/notion-article-list.spec.ts#L1
1) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 60000ms exceeded.
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags: tests/e2e/pages/notion-article-list.spec.ts#L40
1) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.textContent: Test timeout of 60000ms exceeded. Call log: - waiting for locator('title') 38 | await page.goto(pagePath) 39 | > 40 | const pageTitle = await page.textContent(locator.pageTitle) | ^ 41 | const metaDescription = await page.$(locator.meta.description) 42 | const metaOgTitle = await page.$(locator.meta.ogTitle) 43 | const metaOgImage = await page.$(locator.meta.ogImage) at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:40:36
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags: tests/e2e/pages/notion-article-list.spec.ts#L1
1) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 60000ms exceeded.
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags: tests/e2e/pages/notion-article-list.spec.ts#L40
1) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.textContent: Test timeout of 60000ms exceeded. Call log: - waiting for locator('title') 38 | await page.goto(pagePath) 39 | > 40 | const pageTitle = await page.textContent(locator.pageTitle) | ^ 41 | const metaDescription = await page.$(locator.meta.description) 42 | const metaOgTitle = await page.$(locator.meta.ogTitle) 43 | const metaOgImage = await page.$(locator.meta.ogImage) at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:40:36
[page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content: tests/e2e/pages/notion-article-list.spec.ts#L61
2) [page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content Error: expect(received).not.toBeNull() Received: null 59 | expect( 60 | await page.$(get(locator, ['pages', pageName, 'notionWrapper'])) > 61 | ).not.toBeNull() | ^ 62 | expect( 63 | await page.$(get(locator, ['pages', pageName, 'notionContent'])) 64 | ).not.toBeNull() at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:61:13
[page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content: tests/e2e/pages/notion-article-list.spec.ts#L61
2) [page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).not.toBeNull() Received: null 59 | expect( 60 | await page.$(get(locator, ['pages', pageName, 'notionWrapper'])) > 61 | ).not.toBeNull() | ^ 62 | expect( 63 | await page.$(get(locator, ['pages', pageName, 'notionContent'])) 64 | ).not.toBeNull() at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:61:13
[page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content: tests/e2e/pages/notion-article-list.spec.ts#L61
2) [page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).not.toBeNull() Received: null 59 | expect( 60 | await page.$(get(locator, ['pages', pageName, 'notionWrapper'])) > 61 | ).not.toBeNull() | ^ 62 | expect( 63 | await page.$(get(locator, ['pages', pageName, 'notionContent'])) 64 | ).not.toBeNull() at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:61:13
[page-test-desktop] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: article › regular page should render visually the same as expected: tests/e2e/pages/notion-article-list.spec.ts#L72
3) [page-test-desktop] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: article › regular page should render visually the same as expected Error: Screenshot comparison failed: 684626 pixels (ratio 0.75 of all image pixels) are different. Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts-snapshots/article-screenshot-page-test-desktop.png Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Page-t-8ebb9-sually-the-same-as-expected-page-test-desktop/article-screenshot-actual.png Diff: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Page-t-8ebb9-sually-the-same-as-expected-page-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 - 684626 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 - 684626 pixels (ratio 0.75 of all image pixels) are different. 70 | await page.goto(pagePath) 71 | await page.waitForTimeout(3000) // wait for layout render script execution > 72 | await expect(page).toHaveScreenshot( | ^ 73 | `${pageName}-screenshot.png`, 74 | screenshotOption 75 | ) at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:72:26
🎭 Playwright Run Summary
32 failed [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags [page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content [page-test-desktop] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: article › regular page should render visually the same as expected [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: coding › should have correct meta tags [page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: coding › should render notion wrapper and content [page-test-desktop] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: coding › regular page should render visually the same as expected [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: music › should have correct meta tags [page-test-desktop] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: music › should render notion wrapper and content [page-test-desktop] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: music › regular page should render visually the same as expected [page-test-desktop] › pages/notion-single.spec.ts:34:9 › Page test for Notion single page: about › should have correct meta tags [page-test-desktop] › pages/notion-single.spec.ts:54:9 › Page test for Notion single page: about › should render notion wrapper and content [page-test-desktop] › pages/notion-single.spec.ts:64:9 › Page test for Notion single page: about › regular page should render visually the same as expected [page-test-desktop] › pages/static.spec.ts:28:9 › Page test for static page: index › should have correct meta tags [page-test-desktop] › pages/static.spec.ts:48:9 › Page test for static page: index › regular page should render visually the same as expected [page-test-desktop] › pages/static.spec.ts:28:9 › Page test for static page: maintain › should have correct meta tags [page-test-desktop] › pages/static.spec.ts:48:9 › Page test for static page: maintain › regular page should render visually the same as expected [page-test-mobile] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: article › should have correct meta tags [page-test-mobile] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: article › should render notion wrapper and content [page-test-mobile] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: article › regular page should render visually the same as expected [page-test-mobile] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: coding › should have correct meta tags [page-test-mobile] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: coding › should render notion wrapper and content [page-test-mobile] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: coding › regular page should render visually the same as expected [page-test-mobile] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: music › should have correct meta tags [page-test-mobile] › pages/notion-article-list.spec.ts:57:9 › Page test for Notion article list page: music › should render notion wrapper and content [page-test-mobile] › pages/notion-article-list.spec.ts:67:9 › Page test for Notion article list page: music › regular page should render visually the same as expected [page-test-mobile] › pages/notion-single.spec.ts:34:9 › Page test for Notion single page: about › should have correct meta tags [page-test-mobile] › pages/notion-single.spec.ts:54:9 › Page test for Notion single page: about › shou

Artifacts

Produced during runtime
Name Size
stage-deployment-page-api-test-report Expired
29.5 MB