build: migrate to Next.js 13, React 18, Github Action v4 #720
dazedbearplaywright.yml
on: pull_request
wait-for-deployment
/
Wait for current Vercel deployment to be ready
13s
Playwright E2E Tests (Production Schedule)
0s
Playwright E2E Tests (Stage Deployment)
8m 54s
Playwright E2E Tests (Production Deployment)
0s
Annotations
10 errors, 2 warnings, 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#L45
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: Snapshot comparison failed:
Article 文章 · DazedBear StudioLogin – Vercel
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts-snapshots/article-page-title-page-test-desktop
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Page-t-4f255-ould-have-correct-meta-tags-page-test-desktop/article-page-title-actual
43 | const metaOgImage = await page.$(locator.meta.ogImage)
44 |
> 45 | expect(pageTitle).toMatchSnapshot(`${pageName}-page-title`)
| ^
46 | expect(await metaDescription?.getAttribute('content')).toMatchSnapshot(
47 | `${pageName}-meta-description`
48 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:45:25
|
|
[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#L45
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: Snapshot comparison failed:
Article 文章 · DazedBear StudioLogin – Vercel
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts-snapshots/article-page-title-page-test-desktop
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Page-t-4f255-ould-have-correct-meta-tags-page-test-desktop-retry1/article-page-title-actual
43 | const metaOgImage = await page.$(locator.meta.ogImage)
44 |
> 45 | expect(pageTitle).toMatchSnapshot(`${pageName}-page-title`)
| ^
46 | expect(await metaDescription?.getAttribute('content')).toMatchSnapshot(
47 | `${pageName}-meta-description`
48 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:45:25
|
|
[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#L45
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: Snapshot comparison failed:
Article 文章 · DazedBear StudioLogin – Vercel
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts-snapshots/article-page-title-page-test-desktop
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Page-t-4f255-ould-have-correct-meta-tags-page-test-desktop-retry2/article-page-title-actual
43 | const metaOgImage = await page.$(locator.meta.ogImage)
44 |
> 45 | expect(pageTitle).toMatchSnapshot(`${pageName}-page-title`)
| ^
46 | expect(await metaDescription?.getAttribute('content')).toMatchSnapshot(
47 | `${pageName}-meta-description`
48 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:45:25
|
|
[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:
679543 pixels (ratio 0.74 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
- 679543 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
- 679543 pixels (ratio 0.74 of all image pixels) are different.
70 | await page.goto(pagePath)
71 | await page.waitForTimeout(1500) // 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
|
|
[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
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
679543 pixels (ratio 0.74 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-retry1/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-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
- 679543 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
- 679543 pixels (ratio 0.74 of all image pixels) are different.
70 | await page.goto(pagePath)
71 | await page.waitForTimeout(1500) // 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
|
|
[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
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
679543 pixels (ratio 0.74 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-retry2/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-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
- 679543 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
- 679543 pixels (ratio 0.74 of all image pixels) are different.
70 | await page.goto(pagePath)
71 | await page.waitForTimeout(1500) // 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
|
|
[page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: coding › should have correct meta tags:
tests/e2e/pages/notion-article-list.spec.ts#L45
4) [page-test-desktop] › pages/notion-article-list.spec.ts:37:9 › Page test for Notion article list page: coding › should have correct meta tags
Error: Snapshot comparison failed:
Coding 程式 · DazedBear StudioLogin – Vercel
Expected: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts-snapshots/coding-page-title-page-test-desktop
Received: /Users/runner/work/dazedbear.github.io/dazedbear.github.io/artifacts/e2e-test-results/notion-article-list-Page-t-c924f-ould-have-correct-meta-tags-page-test-desktop/coding-page-title-actual
43 | const metaOgImage = await page.$(locator.meta.ogImage)
44 |
> 45 | expect(pageTitle).toMatchSnapshot(`${pageName}-page-title`)
| ^
46 | expect(await metaDescription?.getAttribute('content')).toMatchSnapshot(
47 | `${pageName}-meta-description`
48 | )
at /Users/runner/work/dazedbear.github.io/dazedbear.github.io/tests/e2e/pages/notion-article-list.spec.ts:45:25
|
|
wait-for-deployment / Wait for current Vercel deployment to be ready
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: UnlyEd/github-action-await-vercel@v1. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
|
wait-for-deployment / Wait for current Vercel deployment to be ready
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
|
|
🎭 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
|
49.8 MB |
|