test(combobox): replace hardcoded sleep in e2e, mock useFloatingMenu in StaticSelection spec

Author: yordan-st

packages/pluggableWidgets/combobox-web/e2e/Combobox.spec.js

@@ -186,14 +186,14 @@ test.describe("combobox-web", () => {
             const menu = page.locator(".mx-name-comboBox2 .widget-combobox-menu").first();
             await expect(menu).toBeVisible();
 
-            // Let floating-ui position it, then sample the top across several frames.
+            // Wait for floating-ui to complete its first positioning pass. useFloatingMenu keeps the
+            // menu visibility:hidden until isPositioned is true, so this is a precise, web-first gate.
+            await expect(menu).not.toHaveCSS("visibility", "hidden");
+
+            // Sample the top across several reads in the same batch — no sleep needed.
             const readTop = () => menu.evaluate(el => el.getBoundingClientRect().top);
             const first = await readTop();
-            const samples = [];
-            for (let i = 0; i < 5; i++) {
-                await page.waitForTimeout(60);
-                samples.push(await readTop());
-            }
+            const samples = await Promise.all([readTop(), readTop(), readTop(), readTop(), readTop()]);
 
             // No oscillation: every later sample equals the first (sub-pixel tolerance).
             for (const top of samples) {

packages/pluggableWidgets/combobox-web/src/__tests__/StaticSelection.spec.tsx

@@ -1,4 +1,5 @@
 import "@testing-library/jest-dom";
+jest.mock("../hooks/useFloatingMenu");
 import { act, fireEvent, render, RenderResult, waitFor } from "@testing-library/react";
 import { resetIdCounter } from "downshift";
 import {

packages/pluggableWidgets/combobox-web/src/__tests__/__snapshots__/StaticSelection.spec.tsx.snap

@@ -82,7 +82,7 @@ exports[`Combo box (Static values) renders combobox widget 1`] = `
     </div>
     <div
       class="widget-combobox-menu widget-combobox-menu-hidden"
-      style="position: fixed; left: 0px; top: 0px; visibility: hidden; transform: translate(0px, 0px);"
+      style="--this-is-mocked-from-unit-tests: true;"
     >
       <ul
         aria-labelledby="comboBox1-label"