test: disable animations for ctx menu on integration tests

ts/components/calling/CallButtons.tsx

@@ -11,6 +11,7 @@ import { SessionIconButton } from '../icon';
 import { DropDownAndToggleButton } from '../icon/DropDownAndToggleButton';
 import { SessionContextMenuContainer } from '../SessionContextMenuContainer';
 import { ItemWithDataTestId } from '../menu/items/MenuItemWithDataTestId';
+import { getMenuAnimation } from '../menu/MenuAnimation';
 
 const VideoInputMenu = ({
   triggerId,
@@ -21,7 +22,7 @@ const VideoInputMenu = ({
 }) => {
   return (
     <SessionContextMenuContainer>
-      <Menu id={triggerId} animation="fade">
+      <Menu id={triggerId} animation={getMenuAnimation()}>
         {camerasList.map(m => {
           return (
             <ItemWithDataTestId
@@ -94,7 +95,7 @@ const AudioInputMenu = ({
 }) => {
   return (
     <SessionContextMenuContainer>
-      <Menu id={triggerId} animation="fade">
+      <Menu id={triggerId} animation={getMenuAnimation()}>
         {audioInputsList.map(m => {
           return (
             <ItemWithDataTestId
@@ -163,7 +164,7 @@ const AudioOutputMenu = ({
 }) => {
   return (
     <SessionContextMenuContainer>
-      <Menu id={triggerId} animation="fade">
+      <Menu id={triggerId} animation={getMenuAnimation()}>
         {audioOutputsList.map(m => {
           return (
             <ItemWithDataTestId

ts/components/conversation/message/message-content/MessageContextMenu.tsx

@@ -52,6 +52,7 @@ import { showCopyAccountIdAction } from '../../../menu/items/CopyAccountId';
 import { CopyAccountIdMenuItem } from '../../../menu/items/CopyAccountId/CopyAccountIdMenuItem';
 import { Localizer } from '../../../basic/Localizer';
 import { ItemWithDataTestId } from '../../../menu/items/MenuItemWithDataTestId';
+import { getMenuAnimation } from '../../../menu/MenuAnimation';
 
 export type MessageContextMenuSelectorProps = Pick<
   MessageRenderingProps,
@@ -369,7 +370,11 @@ export const MessageContextMenu = (props: Props) => {
         </StyledEmojiPanelContainer>
       )}
       <SessionContextMenuContainer>
-        <Menu id={contextMenuId} onVisibilityChange={onVisibilityChange} animation="fade">
+        <Menu
+          id={contextMenuId}
+          onVisibilityChange={onVisibilityChange}
+          animation={getMenuAnimation()}
+        >
           {enableReactions && (
             // eslint-disable-next-line @typescript-eslint/no-misused-promises
             <MessageReactBar

ts/components/menu/ConversationListItemContextMenu.tsx

@@ -28,6 +28,7 @@ import {
 import { CopyCommunityUrlMenuItem } from './items/CopyCommunityUrl/CopyCommunityUrlMenuItem';
 import { CopyAccountIdMenuItem } from './items/CopyAccountId/CopyAccountIdMenuItem';
 import { ItemWithDataTestId } from './items/MenuItemWithDataTestId';
+import { getMenuAnimation } from './MenuAnimation';
 
 export type PropsContextConversationItem = {
   triggerId: string;
@@ -45,7 +46,7 @@ const ConversationListItemContextMenu = (props: PropsContextConversationItem) =>
 
   return (
     <SessionContextMenuContainer>
-      <Menu id={triggerId} animation="fade">
+      <Menu id={triggerId} animation={getMenuAnimation()}>
         {/* Message request related actions */}
         <AcceptMsgRequestMenuItem />
         <DeclineMsgRequestMenuItem />

ts/components/menu/MenuAnimation.ts

@@ -0,0 +1,5 @@
+import { isTestIntegration } from '../../shared/env_vars';
+
+export function getMenuAnimation() {
+  return isTestIntegration() ? false : ('fade' as const);
+}

ts/components/menu/MessageRequestBannerContextMenu.tsx

@@ -5,6 +5,7 @@ import { SessionContextMenuContainer } from '../SessionContextMenuContainer';
 
 import { hideMessageRequestBanner } from '../../state/ducks/userConfig';
 import { ItemWithDataTestId } from './items/MenuItemWithDataTestId';
+import { getMenuAnimation } from './MenuAnimation';
 
 export type PropsContextConversationItem = {
   triggerId: string;
@@ -28,7 +29,7 @@ export const MessageRequestBannerContextMenu = (props: PropsContextConversationI
 
   return (
     <SessionContextMenuContainer>
-      <Menu id={triggerId} animation="fade">
+      <Menu id={triggerId} animation={getMenuAnimation()}>
         <HideBannerMenuItem />
       </Menu>
     </SessionContextMenuContainer>