Merge branch 'main' into locfiles/51ffd811-bddd-40b6-bb03-6b932057433a

Author: compulim

.github/workflows/pull-request-validation.yml

@@ -82,6 +82,23 @@ jobs:
           path: docker.zip
           retention-days: 1
 
+  build-browser:
+    name: Build test harness
+    runs-on: windows-latest
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js ${{ env.node-version }}
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.node-version }}
+          cache: npm
+
+      - run: npm clean-install --ignore-scripts --strict-peer-deps
+
+      - run: npm run build-browser
+
   build-samples:
     name: Build samples
     runs-on: ubuntu-latest

CHANGELOG.md

@@ -30,7 +30,7 @@
         await host.sendShiftTab();
 
         const focusingOnRoot =
-          document.activeElement === document.querySelector('.webchat__adaptive-card-renderer').firstChild;
+          document.activeElement === document.querySelector('.adaptive-card-renderer').firstChild;
 
         expect(focusingOnRoot).toBe(true);
 

__tests__/html2/accessibility/adaptiveCard/withTapAction.html

@@ -38,7 +38,7 @@
         await pageConditions.scrollToBottomCompleted();
 
         const carouselContainer = document
-          .querySelector('.webchat__carousel-filmstrip')
+          .querySelector('.carousel-filmstrip')
           .getAttribute('aria-labelledby');
 
         expect(carouselContainer).toBeFalsy();

__tests__/html2/accessibility/attachment/aria.html

@@ -23,7 +23,7 @@
         await pageConditions.minNumActivitiesShown(2);
         await pageConditions.scrollToBottomCompleted();
 
-        const attachmentRole = document.querySelector('.webchat__carousel-filmstrip-attachment').getAttribute('role');
+        const attachmentRole = document.querySelector('.carousel-filmstrip-attachment').getAttribute('role');
 
         expect(attachmentRole).toBeTruthy();
       });

__tests__/html2/accessibility/attachment/stackedLayoutRole.html

@@ -51,7 +51,7 @@
         await pageConditions.minNumActivitiesShown(2);
 
         // Replace the animation with a static image.
-        for (const imageElement of document.querySelectorAll('.webchat__bubble__content img')) {
+        for (const imageElement of document.querySelectorAll('.bubble__content img')) {
           imageElement.setAttribute(
             'src',
             'https://raw.githubusercontent.com/compulim/BotFramework-MockBot/master/public/assets/surface1.jpg'

__tests__/html2/accessibility/liveRegion/attachment/animationCard.html

@@ -53,7 +53,7 @@
 
         await host.snapshot('local');
 
-        const markdownElement = pageElements.activities()[0].querySelector('.webchat__text-content__markdown');
+        const markdownElement = pageElements.activities()[0].querySelector('.text-content__markdown');
         const markdownLinks = markdownElement.querySelectorAll('a');
         const markdownButtons = markdownElement.querySelectorAll('button');
 

__tests__/html2/activity/citation.longRef.html

@@ -66,7 +66,7 @@
         ]
       });
 
-      const adaptiveCardEl = document.querySelector('.webchat__adaptive-card-renderer');
+      const adaptiveCardEl = document.querySelector('.adaptive-card-renderer');
       const [currentRenderedChild] = adaptiveCardEl.children;
 
       await new Promise(resolve => setTimeout(resolve, 200));

__tests__/html2/adaptiveCard/rerender.html

@@ -51,7 +51,7 @@
         // When using runHookActivityMiddleware, an additional hidden activities will be rendered to run the hook function. Thus, minNumActivitiesShown must be +1.
         await pageConditions.numActivitiesShown(1);
 
-        const renderer = document.querySelector('.webchat__adaptive-card-renderer');
+        const renderer = document.querySelector('.adaptive-card-renderer');
         const card = renderer.querySelector('.ac-adaptiveCard[tabindex="0"]');
 
         expect(card).toBeTruthy();

__tests__/html2/adaptiveCard/tapAction.html

@@ -39,11 +39,11 @@
         --webchat__fluent-icon--mask: var(--icon);
       }
 
-      #webchat .webchat__activity-button .component-icon.icon--view-code {
+      #webchat .activity-button .component-icon.icon--view-code {
         --webchat__component-icon--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 17.308L2.692 12L8 6.692l.714.714l-4.6 4.6L8.708 16.6zm8 0l-.713-.714l4.6-4.6L15.292 7.4L16 6.692L21.308 12z'/%3E%3C/svg%3E");
       }
 
-      #webchat .webchat__activity-button .component-icon.icon--copy {
+      #webchat .activity-button .component-icon.icon--copy {
         --webchat__component-icon--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.116 17q-.691 0-1.153-.462T7.5 15.385V4.615q0-.69.463-1.153T9.116 3h7.769q.69 0 1.153.462t.462 1.153v10.77q0 .69-.462 1.152T16.884 17zm0-1h7.769q.23 0 .423-.192t.192-.423V4.615q0-.23-.192-.423T16.884 4H9.116q-.231 0-.424.192t-.192.423v10.77q0 .23.192.423t.423.192m-3 4q-.69 0-1.153-.462T4.5 18.385V6.615h1v11.77q0 .23.192.423t.423.192h8.77v1zM8.5 16V4z'/%3E%3C/svg%3E");
       }
     </style>