1) [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › header › with-service-name-and-navigation › matches the saved screenshot Error: Screenshot comparison failed: Expected an image 1536px by 220px, received 1536px by 546px. 519489 pixels (ratio 0.62 of all image pixels) are different. Expected: /__w/moduk-frontend/moduk-frontend/e2e/tests/__screenshots__/visual-regression.spec.ts/header/with-service-name-and-navigation/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-hea-4045d-ame-and-navigation-matches-the-saved-screenshot-react-tablet-safari/header/with-service-name-and-navigation/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-hea-4045d-ame-and-navigation-matches-the-saved-screenshot-react-tablet-safari/header/with-service-name-and-navigation/screenshot-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root > *:first-child') - locator resolved to <header class="govuk-header" data-module="govuk-header">…</header> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 1536px by 220px, received 1536px by 546px. 519489 pixels (ratio 0.62 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root > *:first-child') - locator resolved to <header class="govuk-header" data-module="govuk-header">…</header> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 1536px by 220px, received 1536px by 546px. 519489 pixels (ratio 0.62 of all image pixels) are different. 12 | 13 | test('matches the saved screenshot', async ({ componentElement }) => { > 14 | await expect(componentElement).toHaveScreenshot([ | ^ 15 | component, 16 | exampleName, 17 | 'screenshot.png', at /__w/moduk-frontend/moduk-frontend/e2e/tests/visual-regression.spec.ts:14:44

1) [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › header › with-service-name-and-navigation › matches the saved screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1536px by 220px, received 1536px by 546px. 519489 pixels (ratio 0.62 of all image pixels) are different. Expected: /__w/moduk-frontend/moduk-frontend/e2e/tests/__screenshots__/visual-regression.spec.ts/header/with-service-name-and-navigation/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-hea-4045d-ame-and-navigation-matches-the-saved-screenshot-react-tablet-safari-retry1/header/with-service-name-and-navigation/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-hea-4045d-ame-and-navigation-matches-the-saved-screenshot-react-tablet-safari-retry1/header/with-service-name-and-navigation/screenshot-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root > *:first-child') - locator resolved to <header class="govuk-header" data-module="govuk-header">…</header> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 1536px by 220px, received 1536px by 546px. 519489 pixels (ratio 0.62 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root > *:first-child') - locator resolved to <header class="govuk-header" data-module="govuk-header">…</header> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 1536px by 220px, received 1536px by 546px. 519489 pixels (ratio 0.62 of all image pixels) are different. 12 | 13 | test('matches the saved screenshot', async ({ componentElement }) => { > 14 | await expect(componentElement).toHaveScreenshot([ | ^ 15 | component, 16 | exampleName, 17 | 'screenshot.png', at /__w/moduk-frontend/moduk-frontend/e2e/tests/visual-regression.spec.ts:14:44

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

The following artifacts were uploaded using a version of actions/upload-artifact that is scheduled for deprecation: "e2e-blob-reports", "e2e-html-report", "visual-regression-blob-reports", "visual-regression-html-report". Please update your workflow to use v4 of the artifact actions. Learn more: https://github.blog/changelog/2024-04-16-deprecation-notice-v3-of-the-artifact-actions/