new thanks page #753
ci.yml
on: pull_request
Matrix: test-unit
Matrix: build
Matrix: lint
Matrix: test-e2e
Matrix: typecheck
coverage
40s
deploy
0s
Annotations
12 errors and 1 notice
typecheck (ubuntu-latest, 18)
Process completed with exit code 2.
|
typecheck (macos-13, 18)
Process completed with exit code 2.
|
[chromium] › 404.spec.ts:9:1 › matches screenshot:
test/e2e/404.spec.ts#L10
1) [chromium] › 404.spec.ts:9:1 › matches screenshot ─────────────────────────────────────────────
Error: Screenshot comparison failed:
213 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/404.spec.ts-snapshots/matches-screenshot-1-chromium-linux.png
Received: /home/runner/work/blog/blog/test-results/404-matches-screenshot-chromium/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/404-matches-screenshot-chromium/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 213 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 213 pixels (ratio 0.01 of all image pixels) are different.
8 |
9 | test('matches screenshot', async ({ page }) => {
> 10 | await expect(page).toHaveScreenshot()
| ^
11 | })
12 |
13 | test('meta is correct', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/404.spec.ts:10:22
|
[chromium] › 404.spec.ts:9:1 › matches screenshot:
test/e2e/404.spec.ts#L10
1) [chromium] › 404.spec.ts:9:1 › matches screenshot ─────────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
213 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/404.spec.ts-snapshots/matches-screenshot-1-chromium-linux.png
Received: /home/runner/work/blog/blog/test-results/404-matches-screenshot-chromium-retry1/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/404-matches-screenshot-chromium-retry1/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 213 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 213 pixels (ratio 0.01 of all image pixels) are different.
8 |
9 | test('matches screenshot', async ({ page }) => {
> 10 | await expect(page).toHaveScreenshot()
| ^
11 | })
12 |
13 | test('meta is correct', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/404.spec.ts:10:22
|
[chromium] › 404.spec.ts:9:1 › matches screenshot:
test/e2e/404.spec.ts#L10
1) [chromium] › 404.spec.ts:9:1 › matches screenshot ─────────────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
213 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/404.spec.ts-snapshots/matches-screenshot-1-chromium-linux.png
Received: /home/runner/work/blog/blog/test-results/404-matches-screenshot-chromium-retry2/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/404-matches-screenshot-chromium-retry2/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 213 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 213 pixels (ratio 0.01 of all image pixels) are different.
8 |
9 | test('matches screenshot', async ({ page }) => {
> 10 | await expect(page).toHaveScreenshot()
| ^
11 | })
12 |
13 | test('meta is correct', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/404.spec.ts:10:22
|
[chromium] › header.spec.ts:7:1 › matches screenshot:
test/e2e/header.spec.ts#L8
2) [chromium] › header.spec.ts:7:1 › matches screenshot ──────────────────────────────────────────
Error: Screenshot comparison failed:
213 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/header.spec.ts-snapshots/matches-screenshot-1-chromium-linux.png
Received: /home/runner/work/blog/blog/test-results/header-matches-screenshot-chromium/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/header-matches-screenshot-chromium/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 213 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 213 pixels (ratio 0.01 of all image pixels) are different.
6 |
7 | test('matches screenshot', async ({ page }) => {
> 8 | await expect(page.locator('header[aria-label="Header"]')).toHaveScreenshot()
| ^
9 | })
10 |
11 | test('all menu buttons are present', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/header.spec.ts:8:61
|
[chromium] › header.spec.ts:7:1 › matches screenshot:
test/e2e/header.spec.ts#L8
2) [chromium] › header.spec.ts:7:1 › matches screenshot ──────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
213 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/header.spec.ts-snapshots/matches-screenshot-1-chromium-linux.png
Received: /home/runner/work/blog/blog/test-results/header-matches-screenshot-chromium-retry1/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/header-matches-screenshot-chromium-retry1/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 213 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 213 pixels (ratio 0.01 of all image pixels) are different.
6 |
7 | test('matches screenshot', async ({ page }) => {
> 8 | await expect(page.locator('header[aria-label="Header"]')).toHaveScreenshot()
| ^
9 | })
10 |
11 | test('all menu buttons are present', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/header.spec.ts:8:61
|
[chromium] › header.spec.ts:7:1 › matches screenshot:
test/e2e/header.spec.ts#L8
2) [chromium] › header.spec.ts:7:1 › matches screenshot ──────────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
213 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/header.spec.ts-snapshots/matches-screenshot-1-chromium-linux.png
Received: /home/runner/work/blog/blog/test-results/header-matches-screenshot-chromium-retry2/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/header-matches-screenshot-chromium-retry2/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 213 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 213 pixels (ratio 0.01 of all image pixels) are different.
6 |
7 | test('matches screenshot', async ({ page }) => {
> 8 | await expect(page.locator('header[aria-label="Header"]')).toHaveScreenshot()
| ^
9 | })
10 |
11 | test('all menu buttons are present', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/header.spec.ts:8:61
|
[firefox] › 404.spec.ts:9:1 › matches screenshot:
test/e2e/404.spec.ts#L10
3) [firefox] › 404.spec.ts:9:1 › matches screenshot ──────────────────────────────────────────────
Error: Screenshot comparison failed:
211 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/404.spec.ts-snapshots/matches-screenshot-1-firefox-linux.png
Received: /home/runner/work/blog/blog/test-results/404-matches-screenshot-firefox/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/404-matches-screenshot-firefox/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 211 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 211 pixels (ratio 0.01 of all image pixels) are different.
8 |
9 | test('matches screenshot', async ({ page }) => {
> 10 | await expect(page).toHaveScreenshot()
| ^
11 | })
12 |
13 | test('meta is correct', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/404.spec.ts:10:22
|
[firefox] › 404.spec.ts:9:1 › matches screenshot:
test/e2e/404.spec.ts#L10
3) [firefox] › 404.spec.ts:9:1 › matches screenshot ──────────────────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
211 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/404.spec.ts-snapshots/matches-screenshot-1-firefox-linux.png
Received: /home/runner/work/blog/blog/test-results/404-matches-screenshot-firefox-retry1/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/404-matches-screenshot-firefox-retry1/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 211 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 211 pixels (ratio 0.01 of all image pixels) are different.
8 |
9 | test('matches screenshot', async ({ page }) => {
> 10 | await expect(page).toHaveScreenshot()
| ^
11 | })
12 |
13 | test('meta is correct', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/404.spec.ts:10:22
|
[firefox] › 404.spec.ts:9:1 › matches screenshot:
test/e2e/404.spec.ts#L10
3) [firefox] › 404.spec.ts:9:1 › matches screenshot ──────────────────────────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
211 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/404.spec.ts-snapshots/matches-screenshot-1-firefox-linux.png
Received: /home/runner/work/blog/blog/test-results/404-matches-screenshot-firefox-retry2/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/404-matches-screenshot-firefox-retry2/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- 211 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- captured a stable screenshot
- 211 pixels (ratio 0.01 of all image pixels) are different.
8 |
9 | test('matches screenshot', async ({ page }) => {
> 10 | await expect(page).toHaveScreenshot()
| ^
11 | })
12 |
13 | test('meta is correct', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/404.spec.ts:10:22
|
[firefox] › header.spec.ts:7:1 › matches screenshot:
test/e2e/header.spec.ts#L8
4) [firefox] › header.spec.ts:7:1 › matches screenshot ───────────────────────────────────────────
Error: Screenshot comparison failed:
211 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/blog/blog/test/e2e/header.spec.ts-snapshots/matches-screenshot-1-firefox-linux.png
Received: /home/runner/work/blog/blog/test-results/header-matches-screenshot-firefox/matches-screenshot-1-actual.png
Diff: /home/runner/work/blog/blog/test-results/header-matches-screenshot-firefox/matches-screenshot-1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 211 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('header[aria-label="Header"]')
- locator resolved to <header id="header" aria-label="Header" class="_header_1…>…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 211 pixels (ratio 0.01 of all image pixels) are different.
6 |
7 | test('matches screenshot', async ({ page }) => {
> 8 | await expect(page.locator('header[aria-label="Header"]')).toHaveScreenshot()
| ^
9 | })
10 |
11 | test('all menu buttons are present', async ({ page }) => {
at /home/runner/work/blog/blog/test/e2e/header.spec.ts:8:61
|
🎭 Playwright Run Summary
10 failed
[chromium] › 404.spec.ts:9:1 › matches screenshot ──────────────────────────────────────────────
[chromium] › header.spec.ts:7:1 › matches screenshot ───────────────────────────────────────────
[firefox] › 404.spec.ts:9:1 › matches screenshot ───────────────────────────────────────────────
[firefox] › header.spec.ts:7:1 › matches screenshot ────────────────────────────────────────────
[webkit] › 404.spec.ts:9:1 › matches screenshot ────────────────────────────────────────────────
[webkit] › header.spec.ts:7:1 › matches screenshot ─────────────────────────────────────────────
[Mobile Chrome] › 404.spec.ts:9:1 › matches screenshot ─────────────────────────────────────────
[Mobile Chrome] › header.spec.ts:7:1 › matches screenshot ──────────────────────────────────────
[Mobile Safari] › 404.spec.ts:9:1 › matches screenshot ─────────────────────────────────────────
[Mobile Safari] › header.spec.ts:7:1 › matches screenshot ──────────────────────────────────────
55 passed (4.6m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
coverage-ubuntu-latest-18
Expired
|
1.18 MB |
|