Fixed failing tests

Author: Eric Olkowski

packages/react-core/src/components/Alert/Alert.tsx

@@ -161,8 +161,8 @@ export const Alert: React.FunctionComponent<AlertProps> = ({
   }, [shouldDismiss, hasAnimations, isDismissed]);
 
   React.useEffect(() => {
-    const prefersReducedMotion = !window.matchMedia('(prefers-reduced-motion: no-preference)')?.matches;
     const handleOnTransitionEnd = (event: TransitionEvent) => {
+      const prefersReducedMotion = !window.matchMedia('(prefers-reduced-motion: no-preference)')?.matches;
       const parentAlertGroupItem = getParentAlertGroupItem();
       if (
         parentAlertGroupItem?.contains(event.target as Node) &&

packages/react-core/src/components/Alert/AlertActionCloseButton.tsx

@@ -42,8 +42,8 @@ export const AlertActionCloseButton: React.FunctionComponent<AlertActionCloseBut
   };
 
   React.useEffect(() => {
-    const prefersReducedMotion = !window.matchMedia('(prefers-reduced-motion: no-preference)')?.matches;
     const handleOnTransitionEnd = (event: TransitionEvent) => {
+      const prefersReducedMotion = !window.matchMedia('(prefers-reduced-motion: no-preference)')?.matches;
       const parentAlertGroupItem = getParentAlertGroupItem();
       if (
         shouldDismissOnTransition &&

packages/react-core/src/components/Alert/__tests__/AlertGroup.test.tsx

@@ -71,7 +71,7 @@ test('alertgroup closes when alerts are closed', async () => {
   const user = userEvent.setup();
 
   render(
-    <AlertGroup isToast appendTo={document.body}>
+    <AlertGroup hasAnimations={false} isToast appendTo={document.body}>
       <Alert
         isLiveRegion
         title={'Test Alert'}

packages/react-integration/demo-app-ts/src/components/demos/AlertGroupDemo/AlertGroupDemo.tsx

@@ -73,7 +73,7 @@ export class AlertGroupDemo extends Component<{}, AlertGroupDemoState> {
             </Button>
           </InputGroupItem>
         </InputGroup>
-        <AlertGroup isToast>
+        <AlertGroup hasAnimations={false} isToast>
           {this.state.alerts.map(({ title, variant, key }) => (
             <Alert
               isLiveRegion

packages/react-integration/demo-app-ts/src/components/demos/AlertGroupDemo/AlertGroupTimeoutFromBottomDemo.tsx

@@ -37,7 +37,7 @@ export const AlertGroupTimeoutFromBottomDemo: React.FunctionComponent = () => {
       <Button variant="secondary" onClick={onClick}>
         Add alert
       </Button>
-      <AlertGroup>{alerts}</AlertGroup>
+      <AlertGroup hasAnimations={false}>{alerts}</AlertGroup>
     </>
   );
 };