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

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

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

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

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

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

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

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

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

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