test: improve test stability

packages/calcite-components/eslint.config.mjs

@@ -48,6 +48,10 @@ export default tseslint.config(
           property: "findAll",
           message: "Use custom findAll test util for more predictable (non-empty) result usage.",
         },
+        {
+          property: "waitForEvent",
+          message: "Use spyOnEvent and await on its next property instead for more reliable async event handling.",
+        },
       ],
 
       "unused-imports/no-unused-imports": "error",

packages/calcite-components/src/components/action-bar/action-bar.e2e.ts

@@ -375,17 +375,14 @@ describe("calcite-action-bar", () => {
     expect(await groups[0].getProperty("menuOpen")).toBe(false);
     expect(await groups[1].getProperty("menuOpen")).toBe(true);
 
-    const calciteActionMenuOpenEvent = page.waitForEvent("calciteActionMenuOpen");
-
+    const calciteActionMenuOpenEventSpy = await page.spyOnEvent("calciteActionMenuOpen");
     await page.$eval("calcite-action-group", (firstActionGroup: ActionGroup["el"]) => {
       firstActionGroup.menuOpen = true;
       const event = new CustomEvent("calciteActionMenuOpen", { bubbles: true });
       firstActionGroup.dispatchEvent(event);
     });
-
-    await calciteActionMenuOpenEvent;
-
     await page.waitForChanges();
+    await calciteActionMenuOpenEventSpy.next();
 
     expect(groups).toHaveLength(2);
     expect(await groups[0].getProperty("menuOpen")).toBe(true);