test: expect to be visible before focus in video-conference (RocketChat#36789)

dougfabris · web-flow · commit 7787147da2be · 2025-09-12T17:48:51.000Z
diff --git a/apps/meteor/tests/e2e/video-conference.spec.ts b/apps/meteor/tests/e2e/video-conference.spec.ts
@@ -35,6 +35,7 @@ test.describe('video conference', () => {
 			await page.keyboard.press('Tab');
 			await page.keyboard.press('Space');
 
+			await expect(poHomeChannel.content.getVideoConfPopup(`Start a call in ${targetChannel}`)).toBeVisible();
 			await expect(poHomeChannel.content.btnVideoConfMic).toBeFocused();
 		});
 
diff --git a/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupBackdrop.tsx b/packages/ui-video-conf/src/VideoConfPopup/VideoConfPopupBackdrop.tsx
@@ -15,7 +15,7 @@ const backdropStyle = css`
 `;
 
 const VideoConfPopupBackdrop = ({ children }: { children: ReactNode }): ReactElement => (
-	<Box m={40} className={backdropStyle}>
+	<Box m={40} zIndex={99} className={backdropStyle}>
 		{children}
 	</Box>
 );
diff --git a/packages/ui-video-conf/src/VideoConfPopup/__snapshots__/VideoConfPopup.spec.tsx.snap b/packages/ui-video-conf/src/VideoConfPopup/__snapshots__/VideoConfPopup.spec.tsx.snap
@@ -1,10 +1,10 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`renders StartCall without crashing 1`] = `
 <body>
   <div>
     <div
-      class="rcx-box rcx-box--full rcx-css-11d1wak rcx-css-tzpx07"
+      class="rcx-box rcx-box--full rcx-css-11d1wak rcx-css-veoob9"
     >
       <div
         aria-label="Start Call"
