1) [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › accordion › with-expanded-items › matches the saved screenshot Error: Screenshot comparison failed: Expected an image 1536px by 1372px, received 1536px by 850px. 89320 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/moduk-frontend/moduk-frontend/e2e/tests/__screenshots__/visual-regression.spec.ts/accordion/with-expanded-items/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-acc-61799-ith-expanded-items-matches-the-saved-screenshot-react-tablet-safari/accordion/with-expanded-items/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-acc-61799-ith-expanded-items-matches-the-saved-screenshot-react-tablet-safari/accordion/with-expanded-items/screenshot-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root > *:first-child') - locator resolved to <div class="govuk-accordion" data-module="govuk-accor…>…</div> - 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 1372px, received 1536px by 850px. 89320 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root > *:first-child') - locator resolved to <div class="govuk-accordion" data-module="govuk-accor…>…</div> - 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 1372px, received 1536px by 850px. 89320 pixels (ratio 0.05 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 › accordion › with-expanded-items › matches the saved screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1536px by 1372px, received 1536px by 850px. 89320 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/moduk-frontend/moduk-frontend/e2e/tests/__screenshots__/visual-regression.spec.ts/accordion/with-expanded-items/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-acc-61799-ith-expanded-items-matches-the-saved-screenshot-react-tablet-safari-retry1/accordion/with-expanded-items/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-acc-61799-ith-expanded-items-matches-the-saved-screenshot-react-tablet-safari-retry1/accordion/with-expanded-items/screenshot-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root > *:first-child') - locator resolved to <div class="govuk-accordion" data-module="govuk-accor…>…</div> - 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 1372px, received 1536px by 850px. 89320 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root > *:first-child') - locator resolved to <div class="govuk-accordion" data-module="govuk-accor…>…</div> - 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 1372px, received 1536px by 850px. 89320 pixels (ratio 0.05 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

2) [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › accordion › with-custom-text › matches the saved screenshot Error: Screenshot comparison failed: Expected an image 1536px by 1012px, received 1536px by 490px. 77970 pixels (ratio 0.06 of all image pixels) are different. Expected: /__w/moduk-frontend/moduk-frontend/e2e/tests/__screenshots__/visual-regression.spec.ts/accordion/with-custom-text/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-accordion-with-custom-text-matches-the-saved-screenshot-react-tablet-safari/accordion/with-custom-text/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-accordion-with-custom-text-matches-the-saved-screenshot-react-tablet-safari/accordion/with-custom-text/screenshot-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root > *:first-child') - locator resolved to <div class="govuk-accordion" data-module="govuk-accor…>…</div> - 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 1012px, received 1536px by 490px. 77970 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root > *:first-child') - locator resolved to <div class="govuk-accordion" data-module="govuk-accor…>…</div> - 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 1012px, received 1536px by 490px. 77970 pixels (ratio 0.06 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.

The job was canceled because "_2_2" failed.

479 passed (2.2m)

478 passed (2.4m)

1 failed [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › accordion › with-expanded-items › matches the saved screenshot 1 flaky [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › accordion › with-custom-text › matches the saved screenshot 444 passed (2.8m)

446 passed (1.9m)

478 passed (3.6m)