Skip to content

new thanks page

new thanks page #753

Triggered via pull request November 5, 2023 20:14
Status Failure
Total duration 11m 58s
Artifacts 1

ci.yml

on: pull_request
Matrix: test-unit
Matrix: build
Matrix: lint
Matrix: test-e2e
Matrix: typecheck
Fit to window
Zoom out
Zoom in

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