chore: remove animation from test environments

microsoft · Oct 30, 2023 · 07db9b4 · 07db9b4
1 parent e966dcf
commit 07db9b4
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 10 deletions.
diff --git a/change/@fluentui-react-dialog-583dc616-fa6f-4401-8ee9-6f25dd159aac.json b/change/@fluentui-react-dialog-583dc616-fa6f-4401-8ee9-6f25dd159aac.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: remove animation from test environments",
+  "packageName": "@fluentui/react-dialog",
+  "email": "bernardo.sunderhus@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-dialog/src/components/Dialog/renderDialog.tsx b/packages/react-components/react-dialog/src/components/Dialog/renderDialog.tsx
@@ -16,16 +16,20 @@ export const renderDialog_unstable = (state: DialogState, contextValues: DialogC
     <DialogProvider value={contextValues.dialog}>
       <DialogSurfaceProvider value={contextValues.dialogSurface}>
         {trigger}
-        <Transition
-          mountOnEnter
-          unmountOnExit
-          in={state.open}
-          nodeRef={state.dialogRef}
-          // FIXME: this should not be hardcoded tokens.durationGentle
-          timeout={250}
-        >
-          {status => <DialogTransitionProvider value={status}>{content}</DialogTransitionProvider>}
-        </Transition>
+        {process.env.NODE_ENV === 'test' ? (
+          state.open && <DialogTransitionProvider value={'entered'}>{content}</DialogTransitionProvider>
+        ) : (
+          <Transition
+            mountOnEnter
+            unmountOnExit
+            in={state.open}
+            nodeRef={state.dialogRef}
+            // FIXME: this should not be hardcoded tokens.durationGentle
+            timeout={250}
+          >
+            {status => <DialogTransitionProvider value={status}>{content}</DialogTransitionProvider>}
+          </Transition>
+        )}
       </DialogSurfaceProvider>
     </DialogProvider>
   );