fix tests

Author: lexi-taylor

__tests__/html2/activity/feedback.activity.html.snap-1.png

@@ -84,7 +84,9 @@ function ActivityFeedback({ activity }: ActivityFeedbackProps) {
       // Intentionally left blank.
     }
     return Object.freeze(new Set([] as OrgSchemaAction[]));
-  }, [feedbackSubmitted, graph, messageThing?.potentialAction, selectedAction]);
+    // Do not want to add selectedAction to the dependency array as it will cause an infinite loop
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [feedbackSubmitted, graph, messageThing?.potentialAction]);
 
   const handleFeedbackActionClick = useCallback(
     (action: OrgSchemaAction) => setSelectedAction(action === selectedAction ? undefined : action),

__tests__/html2/activity/feedback.activity.html.snap-2.png

@@ -47,14 +47,13 @@ const Feedback = memo(({ actions, className, isFeedbackFormSupported, onActionCl
 
   const actionProps = useMemo(
     () =>
-      [...actions].some(action => action.actionStatus === 'CompletedActionStatus') ||
-      selectedAction?.actionStatus === 'CompletedActionStatus'
+      [...actions].some(action => action.actionStatus === 'CompletedActionStatus')
         ? {
             disabled: true,
             title: localize('VOTE_COMPLETE_ALT')
           }
         : undefined,
-    [actions, localize, selectedAction]
+    [actions, localize]
   );
 
   return (

__tests__/html2/activity/feedback.activity.html.snap-3.png

@@ -57,7 +57,9 @@ const ThumbButton = memo(({ className, direction, disabled, onClick, pressed, ti
         direction={direction}
         filled={true}
       />
-      <Tooltip>{buttonTitle}</Tooltip>
+      <Tooltip className={buttonTitle === title ? 'webchat__tooltip__long--block-start' : undefined}>
+        {buttonTitle}
+      </Tooltip>
     </button>
   );
 });

__tests__/html2/activity/feedback.activity.html.snap-4.png

@@ -45,18 +45,23 @@ export default () => ({
     '&.webchat__tooltip--block-start': {
       insetBlockEnd: 'calc(100% + 7px)',
       insetInlineStart: '50%',
-      transform: 'translate(-20%, 0)',
-
+      transform: 'translate(-50%, 0)',
       '&::after': {
         border: '1px solid var(--webchat__tooltip-background)',
         borderBottomLeftRadius: '2px',
         clipPath: 'polygon(0% 0%, 100% 100%, 0% 100%)',
         height: 'var(--webchat__tooltip-tip-size)',
         insetBlockStart: 'calc(100% - 6px)',
-        insetInlineStart: 'calc(20% - var(--webchat__tooltip-tip-size) / 2)',
+        insetInlineStart: 'calc(50% - var(--webchat__tooltip-tip-size) / 2)',
         transform: 'rotate(-45deg)',
         width: 'var(--webchat__tooltip-tip-size)'
       }
+    },
+    '&.webchat__tooltip__long--block-start': {
+      transform: 'translate(-20%, 0)',
+      '&::after': {
+        insetInlineStart: 'calc(20% - var(--webchat__tooltip-tip-size) / 2)'
+      }
     }
   }
 });