1) [react-tablet-safari] › visual-regression.spec.ts:13:15 › @visual-regression › @react › accordion › with-remember-expanded-off › matches the saved screenshot Error: Screenshot comparison failed: Expected an image 1536px by 1012px, received 1536px by 490px. 73870 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-remember-expanded-off/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-acc-91c25-ember-expanded-off-matches-the-saved-screenshot-react-tablet-safari/accordion/with-remember-expanded-off/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-acc-91c25-ember-expanded-off-matches-the-saved-screenshot-react-tablet-safari/accordion/with-remember-expanded-off/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. 73870 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 1012px, received 1536px by 490px. 73870 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-summary-lines › matches the saved screenshot Error: Screenshot comparison failed: Expected an image 1536px by 1316px, received 1536px by 794px. 110924 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-summary-lines/screenshot--tablet-safari.png Received: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-accordion-with-summary-lines-matches-the-saved-screenshot-react-tablet-safari/accordion/with-summary-lines/screenshot-actual.png Diff: /__w/moduk-frontend/moduk-frontend/e2e/output/artefacts/visual-regression--visual-regression-react-accordion-with-summary-lines-matches-the-saved-screenshot-react-tablet-safari/accordion/with-summary-lines/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 1316px, received 1536px by 794px. 110924 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 1316px, received 1536px by 794px. 110924 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

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/setup-node@v3, actions/upload-artifact@v3. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

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/