From b833a2f862084258b9a7c4faf789b008141f1520 Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@getsession.org>
Date: Tue, 10 Sep 2024 14:31:29 +1000
Subject: [PATCH] test: disable animations for ctx menu on integration tests

---
 ts/components/calling/CallButtons.tsx                      | 7 ++++---
 .../message/message-content/MessageContextMenu.tsx         | 7 ++++++-
 ts/components/menu/ConversationListItemContextMenu.tsx     | 3 ++-
 ts/components/menu/MenuAnimation.ts                        | 5 +++++
 ts/components/menu/MessageRequestBannerContextMenu.tsx     | 3 ++-
 5 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 ts/components/menu/MenuAnimation.ts

diff --git a/ts/components/calling/CallButtons.tsx b/ts/components/calling/CallButtons.tsx
index c802337e8..f08381679 100644
--- a/ts/components/calling/CallButtons.tsx
+++ b/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
diff --git a/ts/components/conversation/message/message-content/MessageContextMenu.tsx b/ts/components/conversation/message/message-content/MessageContextMenu.tsx
index ec297356f..112ccd187 100644
--- a/ts/components/conversation/message/message-content/MessageContextMenu.tsx
+++ b/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
diff --git a/ts/components/menu/ConversationListItemContextMenu.tsx b/ts/components/menu/ConversationListItemContextMenu.tsx
index e8e6e76ad..06ea3742e 100644
--- a/ts/components/menu/ConversationListItemContextMenu.tsx
+++ b/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 />
diff --git a/ts/components/menu/MenuAnimation.ts b/ts/components/menu/MenuAnimation.ts
new file mode 100644
index 000000000..114b8932f
--- /dev/null
+++ b/ts/components/menu/MenuAnimation.ts
@@ -0,0 +1,5 @@
+import { isTestIntegration } from '../../shared/env_vars';
+
+export function getMenuAnimation() {
+  return isTestIntegration() ? false : ('fade' as const);
+}
diff --git a/ts/components/menu/MessageRequestBannerContextMenu.tsx b/ts/components/menu/MessageRequestBannerContextMenu.tsx
index 053fadfb7..4e8597b77 100644
--- a/ts/components/menu/MessageRequestBannerContextMenu.tsx
+++ b/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>