stabilize snapshots for VideoGallery component tests

Azure · Dec 8, 2024 · 5a48463 · 5a48463
1 parent b8c534f
commit 5a48463
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/packages/react-components/tests/browser/VideoGallery.spec.tsx b/packages/react-components/tests/browser/VideoGallery.spec.tsx
@@ -29,7 +29,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-1-1-videogallery-with-audio-only-before-dominant-speakers.png');
     await component.update(
       <Stack styles={{ root: { width: '90vw', height: '90vh' } }}>
@@ -41,7 +41,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-1-2-videogallery-with-audio-only-after-dominant-speakers.png');
   });
 
@@ -69,7 +69,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-2-1-videogallery-with-some-video-before-dominant-speakers.png');
     await component.update(
       <Stack styles={{ root: { width: '90vw', height: '90vh' } }}>
@@ -81,7 +81,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-2-2-videogallery--with-some-video-after-dominant-speakers.png');
   });
 
@@ -104,7 +104,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-3-1-videogallery-with-screen-share-before-dominant-speakers.png');
     await component.update(
       <Stack styles={{ root: { width: '90vw', height: '90vw' } }}>
@@ -116,7 +116,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-3-2-videogallery-with-screen-share-after-dominant-speakers.png');
   });
 
@@ -139,7 +139,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-4-1-videogallery-before-spotlight.png');
     remoteParticipants[7].spotlight = { spotlightedOrderPosition: 1 };
     component.update(
@@ -152,7 +152,7 @@ test.describe('VGL - VideoGallery tests', () => {
         />
       </Stack>
     );
-    await component.waitFor({ state: 'attached' });
+    await component.waitFor({ state: 'visible' });
     await expect(component).toHaveScreenshot('VGL-4-2-videogallery-after-spotlight.png');
   });
 });