fix(web-components): ensure menu initialization is queued (#35328)

Author: radium-v

change/@fluentui-web-components-3f1e093c-48f1-4247-812b-b316d1939b5c.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix(web-components): ensure menu initialization is queued",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/web-components/src/menu/menu.spec.ts

@@ -284,7 +284,7 @@ test.describe('Menu', () => {
     await fastPage.setTemplate(/* html */ `
       <fluent-menu>
         <fluent-menu-button appearance="primary" slot="trigger" icon-only></fluent-menu-button>
-        <fluent-button appearance="primary" slot="primary-action">Primary Action</fluent-menu-button>
+        <fluent-button appearance="primary" slot="primary-action">Primary Action</fluent-button>
         <fluent-menu-list>
           <fluent-menu-item>
             Item 1

packages/web-components/src/menu/menu.ts

@@ -129,7 +129,9 @@ export class Menu extends FASTElement {
    */
   public connectedCallback() {
     super.connectedCallback();
-    Updates.enqueue(() => this.setComponent());
+    queueMicrotask(() => {
+      this.setComponent();
+    });
   }
 
   /**

packages/web-components/src/tabs/tabs.spec.ts

@@ -327,6 +327,8 @@ test.describe('Tabs', () => {
       node.disabled = true;
     });
 
+    await expect(secondTab).toBeDisabled();
+
     // eslint-disable-next-line playwright/no-force-option
     await secondTab.click({ force: true });