microsoft · OEvgeny · May 5, 2025 · Apr 29, 2025 · Apr 29, 2025 · Apr 29, 2025
@@ -85,7 +85,7 @@ Notes: web developers are advised to use [`~` (tilde range)](https://github.com/
 - Added support of [contentless activity in livestream](https://github.com/microsoft/BotFramework-WebChat/blob/main/docs/LIVESTREAMING.md#scenario-3-interim-activities-with-no-content), in PR [#5430](https://github.com/microsoft/BotFramework-WebChat/pull/5430), by [@compulim](https://github.com/compulim)
 - Added sliding dots typing indicator in Fluent theme, in PR [#5447](https://github.com/microsoft/BotFramework-WebChat/pull/5447) and PR [#5448](https://github.com/microsoft/BotFramework-WebChat/pull/5448), by [@compulim](https://github.com/compulim)
 - (Experimental) Add an ability to pass `completion` prop into Fluent send box and expose the component, in PR [#5466](https://github.com/microsoft/BotFramework-WebChat/pull/5466), by [@OEvgeny](https://github.com/OEvgeny)
-- Added feedback form for like/dislike button when `feedbackActionsPlacement` is `"activity-actions"`, in PR [#5460](https://github.com/microsoft/BotFramework-WebChat/pull/5460) and in PR [#5469](https://github.com/microsoft/BotFramework-WebChat/pull/5469), by [@lexi-taylor](https://github.com/lexi-taylor) and [@OEvgeny](https://github.com/OEvgeny)
+- Added feedback form for like/dislike button when `feedbackActionsPlacement` is `"activity-actions"`, in PR [#5460](https://github.com/microsoft/BotFramework-WebChat/pull/5460), PR [#5469](https://github.com/microsoft/BotFramework-WebChat/pull/5469), and PR [5470](https://github.com/microsoft/BotFramework-WebChat/pull/5470) by [@lexi-taylor](https://github.com/lexi-taylor) and [@OEvgeny](https://github.com/OEvgeny)
 
 ### Changed
 

@@ -51,14 +51,26 @@
         await host.sendShiftTab(3);
         await host.sendKeys('ENTER');
         await expect(document.activeElement).toBe(buttons[0]);
+
+        // Wait for 400 ms for the tooltip to show up.
+        await new Promise(resolve => setTimeout(resolve, 400));
+
         await host.snapshot();
 
         await host.sendTab();
         await expect(document.activeElement).toBe(buttons[1]);
+
+        // Wait for 400 ms for the tooltip to show up.
+        await new Promise(resolve => setTimeout(resolve, 400));
+
         await host.snapshot();
 
         await host.sendTab();
         await expect(document.activeElement).toBe(buttons[0]);
+
+        // Wait for 400 ms for the tooltip to show up.
+        await new Promise(resolve => setTimeout(resolve, 400));
+
         await host.snapshot();
       });
     </script>

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-US">
   <head>
     <link href="/assets/index.css" rel="stylesheet" type="text/css" />
@@ -52,6 +52,10 @@
 
         const upvoteResult = await directLine.actPostActivity(async () => {
           await host.click(buttons[0]);
+
+          // Wait for 400 ms for the tooltip to show up.
+          await new Promise(resolve => setTimeout(resolve, 400));
+
           await host.snapshot();
 
           clock.tick(500);
@@ -75,6 +79,10 @@
 
         const downvoteResult = await directLine.actPostActivity(async () => {
           await host.click(buttons[1]);
+
+          // Wait for 400 ms for the tooltip to show up.
+          await new Promise(resolve => setTimeout(resolve, 400));
+
           await host.snapshot();
 
           clock.tick(500);
@@ -99,6 +107,10 @@
         const switchingResult = await directLine.actPostActivity(async () => {
           await host.click(buttons[0]);
           await host.click(buttons[1]);
+
+          // Wait for 400 ms for the tooltip to show up.
+          await new Promise(resolve => setTimeout(resolve, 400));
+
           await host.snapshot();
 
           clock.tick(500);

@@ -91,6 +91,10 @@
       await host.sendShiftTab(3);
 
       await host.sendKeys('ENTER');
+
+      // Wait for 400 ms for the tooltip to show up before taking screenshot.
+      await new Promise(resolve => setTimeout(resolve, 400));
+
       await host.snapshot('local');
       await host.sendKeys('ENTER');
       await host.snapshot('local');
@@ -146,4 +150,4 @@
   </script>
 </body>
 
-</html>
+</html>
@@ -24,13 +24,13 @@
           {
             directLine: await testHelpers.createDirectLineWithTranscript([
               {
-                from:{
-                  role: "bot"
+                from: {
+                  role: 'bot'
                 },
-                id: "a-00000",
+                id: 'a-00000',
                 timestamp: 0,
-                type: "message",
-                text: "This is compleded feedback action example.",
+                type: 'message',
+                text: 'This is compleded feedback action example.',
                 entities: [
                   {
                     '@context': 'https://schema.org',
@@ -40,41 +40,41 @@
                     keywords: ['AIGeneratedContent', 'AllowCopy'],
                     potentialAction: [
                       {
-                        "@type": "LikeAction",
-                        actionStatus: "CompletedActionStatus",
-                        target: { 
-                          "@type": "EntryPoint",
-                          urlTemplate: "ms-directline://postback?interaction=like"
+                        '@type': 'LikeAction',
+                        actionStatus: 'CompletedActionStatus',
+                        target: {
+                          '@type': 'EntryPoint',
+                          urlTemplate: 'ms-directline://postback?interaction=like'
                         }
                       },
                       {
-                        "@type": "DislikeAction",
-                        actionStatus: "PotentialActionStatus",
+                        '@type': 'DislikeAction',
+                        actionStatus: 'PotentialActionStatus',
                         result: {
-                          "@type": "Review",
+                          '@type': 'Review',
                           reviewBody: "I don't like it.",
-                          "reviewBody-input": {
-                            "@type": "PropertyValueSpecification",
+                          'reviewBody-input': {
+                            '@type': 'PropertyValueSpecification',
                             valueMinLength: 3,
-                            valueName: "reason"
+                            valueName: 'reason'
                           }
                         },
                         target: {
-                          "@type": "EntryPoint",
-                          urlTemplate: "ms-directline://postback?interaction=dislike{&reason}"
+                          '@type': 'EntryPoint',
+                          urlTemplate: 'ms-directline://postback?interaction=dislike{&reason}'
                         }
                       }
                     ]
                   }
                 ]
               },
               {
-                from:{
-                  role: "bot"
+                from: {
+                  role: 'bot'
                 },
-                id: "a-00002",
+                id: 'a-00002',
                 timestamp: 0,
-                type: "message",
+                type: 'message',
                 text: "Hi! I'm *Cody*, the devbot. How can I help?",
                 entities: [
                   {
@@ -85,28 +85,28 @@
                     keywords: [],
                     potentialAction: [
                       {
-                        "@type": "LikeAction",
-                        actionStatus: "PotentialActionStatus",
-                        target: { 
-                          "@type": "EntryPoint",
-                          urlTemplate: "ms-directline://postback?interaction=like"
+                        '@type': 'LikeAction',
+                        actionStatus: 'PotentialActionStatus',
+                        target: {
+                          '@type': 'EntryPoint',
+                          urlTemplate: 'ms-directline://postback?interaction=like'
                         }
                       },
                       {
-                        "@type": "DislikeAction",
-                        actionStatus: "PotentialActionStatus",
+                        '@type': 'DislikeAction',
+                        actionStatus: 'PotentialActionStatus',
                         result: {
-                          "@type": "Review",
+                          '@type': 'Review',
                           reviewBody: "I don't like it.",
-                          "reviewBody-input": {
-                            "@type": "PropertyValueSpecification",
+                          'reviewBody-input': {
+                            '@type': 'PropertyValueSpecification',
                             valueMinLength: 3,
-                            valueName: "reason"
+                            valueName: 'reason'
                           }
                         },
                         target: {
-                          "@type": "EntryPoint",
-                          urlTemplate: "ms-directline://postback?interaction=dislike{&reason}"
+                          '@type': 'EntryPoint',
+                          urlTemplate: 'ms-directline://postback?interaction=dislike{&reason}'
                         }
                       }
                     ]
@@ -117,7 +117,7 @@
             styleOptions: {
               feedbackActionsPlacement: 'activity-actions'
             },
-            store: testHelpers.createStore(),
+            store: testHelpers.createStore()
           },
           document.getElementById('webchat')
         );
@@ -130,6 +130,10 @@
         await host.sendShiftTab(3);
 
         await host.sendKeys('ENTER');
+
+        // Wait for 400 ms for the tooltip to show up.
+        await new Promise(resolve => setTimeout(resolve, 400));
+
         await host.snapshot('local');
         await host.sendKeys('ENTER');
         await host.snapshot('local');

@@ -69,8 +69,6 @@
         await host.sendShiftTab(2);
         await host.sendKeys('ENTER');
 
-        await host.snapshot('local');
-
         // Click like button
         await host.sendKeys('ENTER');