Update snapshots

Author: danielguillan

packages/e2e/scripts/playwright/playwright.generate-tests.ts

@@ -24,6 +24,10 @@ const port = 6006
 
 const defaultTimeout = 500 // Storybook 7 introduced a small delay in loading stories. This is to migigate the spinner showing up in screenshots.
 
+const reducedMotionLookup = [
+  'recipes-flexsuite-overview--ai', // capture the stable video poster instead of a nondeterministic playback frame
+]
+
 /**
  * Manual lookup for tests that need animation or side-effects to complete before tests start
  */
@@ -233,6 +237,7 @@ for (const key of Object.keys(categorisedStories)) {
           const testName = language === 'en' ? base : `${base} (${language})`
 
           return `test('${testName}', async ({page}) => {
+            ${reducedMotionLookup.includes(id) ? `await page.emulateMedia({ reducedMotion: 'reduce' })` : ''}
             await page.goto('http://localhost:${port}/iframe.html?${localeParam}args=&id=${id}&viewMode=story', { waitUntil: 'networkidle' })
             await page.locator('body.sb-show-main').waitFor({ state: 'visible' })
 

packages/react/src/recipes/Flexsuite/Overview/Overview.visual.spec.ts

@@ -8,6 +8,7 @@ import {test, expect} from '@playwright/test'
 // eslint-disable-next-line i18n-text/no-en
 test.describe('Visual Comparison: Overview', () => {
   test('Overview / AI', async ({page}) => {
+    await page.emulateMedia({reducedMotion: 'reduce'})
     await page.goto('http://localhost:6006/iframe.html?args=&id=recipes-flexsuite-overview--ai&viewMode=story', {
       waitUntil: 'networkidle',
     })