Updated Node versions for Web UI library (#5589)

.github/workflows/alpha-release.yml

@@ -28,7 +28,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
 
       # Try get node_modules from cache
       - name: Restore node_modules from cache

.github/workflows/create-api-view-feature-level.yml

@@ -23,10 +23,10 @@ jobs:
         with:
           fetch-depth: 0
       # Ensure node version is great enough
-      - name: Use Node.js v20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       # Install dependencies
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")

.github/workflows/create-prerelease-branch.yml

@@ -60,7 +60,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
 
       # Try get node_modules from cache
       - name: Restore node_modules from cache

.github/workflows/create-release-branch.yml

@@ -48,7 +48,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
 
       # Make sure that Rush is installed in run
       - name: Add rush to run

.github/workflows/deploy-azure-webapps.yml

@@ -28,10 +28,10 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 'lts/*'
 
       - name: Restore node_modules from cache
         uses: actions/cache@v4

.github/workflows/deploy-feature-azure-webapps.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies
@@ -68,7 +68,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies
@@ -110,7 +110,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies

.github/workflows/deploy-release-azure-webapps.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies
@@ -78,7 +78,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies
@@ -126,7 +126,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies

.github/workflows/deploy-storybook.yml

@@ -19,10 +19,10 @@ jobs:
     steps:
       - uses: actions/checkout@v4
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 'lts/*'
 
       - name: Restore node_modules from cache
         uses: actions/cache@v4

.github/workflows/nightly-cd.yml

@@ -75,7 +75,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
 
       # Try get node_modules from cache
       - name: Restore node_modules from cache

.github/workflows/npm-release-publish.yml

@@ -60,7 +60,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
 
       # Install dependencies
       - name: Install rush

.github/workflows/publish-chromatic.yml

@@ -28,10 +28,10 @@ jobs:
         with:
           fetch-depth: 0
 
-      - name: Use Node.js 20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: 20.x
+          node-version: 'lts/*'
 
       - name: Restore node_modules from cache
         uses: actions/cache@v4

.github/workflows/stress-test-ui-tests.yml

@@ -20,7 +20,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:

.github/workflows/update-api-files.yml

@@ -49,7 +49,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       # Try get node_modules from cache
       - name: Restore node_modules from cache
         uses: actions/cache@v4

.github/workflows/update-chat-snapshots.yml

@@ -48,10 +48,10 @@ jobs:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
-      - name: Use Node.js v20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - id: get-matrix
         run: echo "matrix=$(node ./common/scripts/workflow-read-matrix.mjs)" >> $GITHUB_OUTPUT
 
@@ -82,10 +82,10 @@ jobs:
         run: |
           git config user.email "41898282+github-actions[bot]@users.noreply.github.com"
           git config user.name "github-actions[bot]"
-      - name: Use Node.js v20.x
+      - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Install rush
         run: npm install -g @microsoft/rush@$(jq -r '.rushVersion' "rush.json")
       - name: Install dependencies

.github/workflows/update-snapshots.yml

@@ -56,7 +56,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - id: get-matrix
         run: echo "matrix=$(node ./common/scripts/workflow-read-matrix.mjs)" >> $GITHUB_OUTPUT
 
@@ -90,7 +90,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:
@@ -186,7 +186,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:
@@ -282,7 +282,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:
@@ -378,7 +378,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:
@@ -474,7 +474,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:
@@ -570,7 +570,7 @@ jobs:
       - name: Use Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: 'lts/*'
       - name: Restore node_modules from cache
         uses: actions/cache@v4
         with:

packages/react-components/tests/browser/FluentChatMessageComponentKeyboardNavigationTests.spec.tsx

@@ -36,10 +36,10 @@ betaTest.describe('FluentChatMessageComponent keyboard navigation tests', () =>
 
   betaTest('User can navigate to message using keyboard', async ({ mount, page }) => {
     const component = await mount(<FluentChatMessageComponent {...props} />);
+    const messageBody = component.getByTestId('chat-composite-message');
+    await messageBody.waitFor({ state: 'visible' });
 
     await page.keyboard.press('Tab');
-    const messageBody = component.getByTestId('chat-composite-message');
-    await expect(messageBody).toBeVisible();
     await expect(messageBody).toBeFocused();
 
     // check that focus stays on the message and not moved anywhere after additional Enter key press