increase timeout on vrt

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

@@ -21,6 +21,7 @@
    * Manual lookup for tests that need animation or side-effects to complete before tests start
    */
   const waitForTimeoutLookup = {
+    'components-faq-features--with-prose': 2000, // for the animation
     'components-faq-features--all-open': 1000, // for the animation
     'components-subdomainnavbar--search-open': 5500, // for the animation
     'components-subdomainnavbar--search-results-visible': 5500, // for the animation
@@ -35,15 +36,15 @@
     'components-button-features--with-hover-interaction': 2000, // for the interaction test
     'components-button-features--secondary-with-hover-interaction': 2000, // for the interaction test
     'components-button-features--subtle-with-hover-interaction': 2000, // for the interaction test
-    'components-anchornav--playground': 1000, // for the animation
-    'components-anchornav-features--fewer-anchor-links': 1000, // for the animation
-    'components-anchornav-features--custom-background': 1000, // for the animation
-    'components-anchornav-features--shorter-labels': 1000, // for the animation
-    'components-anchornav-features--narrow-view': 1000, // for the interaction test
-    'components-anchornav-features--narrow-view-menu-open': 1000, // for the interaction test
-    'components-anchornav-features--regular-view': 1000, // for the interaction test
-    'components-anchornav-features--regular-view-menu-open': 1000, // for the interaction test
-    'components-anchornav-features--longer-labels': 1000, // for the animation
+    'components-anchornav--playground': 2000, // for the animation
+    'components-anchornav-features--fewer-anchor-links': 2000, // for the animation
+    'components-anchornav-features--custom-background': 2000, // for the animation
+    'components-anchornav-features--shorter-labels': 2000, // for the animation
+    'components-anchornav-features--narrow-view': 2000, // for the interaction test
+    'components-anchornav-features--narrow-view-menu-open': 2000, // for the interaction test
+    'components-anchornav-features--regular-view': 2000, // for the interaction test
+    'components-anchornav-features--regular-view-menu-open': 2000, // for the interaction test
+    'components-anchornav-features--longer-labels': 2000, // for the animation
     'components-minimalfooter--default': 5000, // for external social imagery to load
     'components-minimalfooter--playground': 5000, // for external social imagery to load
     'components-minimalfooter-features--dark-theme': 5000, // for external social imagery to load
@@ -92,6 +93,7 @@
     'components-textrevealanimation-examples--with-large-testimonial': 3000, // for the animation
     'components-textrevealanimation-examples--with-hero': 3000, // for the animation
     'components-textrevealanimation-features--animation-on-scroll': 3000, // for the animation
+    'components-footnotes-examples--rivers-with-citations': 3000, // for the images
   }
 
   /**

packages/react/src/AnchorNav/AnchorNav.visual.spec.ts

@@ -17,7 +17,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
   test('AnchorNav / Playground', async ({page}) => {
     await page.goto('http://localhost:6006/iframe.html?args=&id=components-anchornav--playground&viewMode=story')
 
-    await page.waitForTimeout(1000)
+    await page.waitForTimeout(2000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
 
@@ -26,7 +26,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
       'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--fewer-anchor-links&viewMode=story',
     )
 
-    await page.waitForTimeout(1000)
+    await page.waitForTimeout(2000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
 
@@ -35,7 +35,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
       'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--shorter-labels&viewMode=story',
     )
 
-    await page.waitForTimeout(1000)
+    await page.waitForTimeout(2000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
 
@@ -44,7 +44,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
       'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--longer-labels&viewMode=story',
     )
 
-    await page.waitForTimeout(1000)
+    await page.waitForTimeout(2000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
 
@@ -53,7 +53,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
       'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--custom-background&viewMode=story',
     )
 
-    await page.waitForTimeout(1000)
+    await page.waitForTimeout(2000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
 
@@ -65,7 +65,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
         'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--narrow-view&viewMode=story',
       )
 
-      await page.waitForTimeout(1000)
+      await page.waitForTimeout(2000)
       expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
     })
   })
@@ -78,7 +78,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
         'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--narrow-view-menu-open&viewMode=story',
       )
 
-      await page.waitForTimeout(1000)
+      await page.waitForTimeout(2000)
       expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
     })
   })
@@ -91,7 +91,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
         'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--regular-view&viewMode=story',
       )
 
-      await page.waitForTimeout(1000)
+      await page.waitForTimeout(2000)
       expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
     })
   })
@@ -104,7 +104,7 @@ test.describe('Visual Comparison: AnchorNav', () => {
         'http://localhost:6006/iframe.html?args=&id=components-anchornav-features--regular-view-menu-open&viewMode=story',
       )
 
-      await page.waitForTimeout(1000)
+      await page.waitForTimeout(2000)
       expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
     })
   })

packages/react/src/FAQ/FAQ.visual.spec.ts

@@ -86,7 +86,7 @@ test.describe('Visual Comparison: FAQ', () => {
   test('FAQ / With Prose', async ({page}) => {
     await page.goto('http://localhost:6006/iframe.html?args=&id=components-faq-features--with-prose&viewMode=story')
 
-    await page.waitForTimeout(500)
+    await page.waitForTimeout(2000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })
 })

packages/react/src/Footnotes/Footnotes.visual.spec.ts

@@ -26,7 +26,7 @@ test.describe('Visual Comparison: Footnotes', () => {
       'http://localhost:6006/iframe.html?args=&id=components-footnotes-examples--rivers-with-citations&viewMode=story',
     )
 
-    await page.waitForTimeout(500)
+    await page.waitForTimeout(3000)
     expect(await page.screenshot({fullPage: true})).toMatchSnapshot()
   })