[test] Fix flaky tooltip test

packages/mui-material/src/Tooltip/Tooltip.test.js

@@ -10,7 +10,6 @@ import {
   programmaticFocusTriggersFocusVisible,
   reactMajor,
   isJsdom,
-  flushMicrotasks,
 } from '@mui/internal-test-utils';
 import { camelCase } from 'es-toolkit/string';
 import Tooltip, { tooltipClasses as classes } from '@mui/material/Tooltip';
@@ -592,12 +591,13 @@ describe('<Tooltip />', () => {
       const leaveDelay = 111;
       const enterDelay = 0;
       const transitionTimeout = 10;
+
       render(
         <Tooltip
           leaveDelay={leaveDelay}
           enterDelay={enterDelay}
           title="tooltip"
-          TransitionProps={{ timeout: transitionTimeout }}
+          slotProps={{ transition: { timeout: transitionTimeout } }}
         >
           <button id="testChild" type="submit">
             Hello World
@@ -617,10 +617,17 @@ describe('<Tooltip />', () => {
 
       expect(screen.getByRole('tooltip')).toBeVisible();
 
-      clock.tick(leaveDelay);
-      clock.tick(transitionTimeout);
+      // still mounted at 110ms
+      clock.tick(leaveDelay - 1);
+      expect(screen.queryByRole('tooltip')).not.to.equal(null);
 
-      await flushMicrotasks();
+      // leaveDelay is now 111ms
+      clock.tick(1);
+      clock.tick(transitionTimeout);
+      // Advance a little extra time to let the exit transition finish and for Popper to flip `exited`,
+      // so it can return `null` (unmount). In browser runs, react-transition-group may schedule the
+      // `onExited` callback in a later tick beyond the configured timeout.
+      clock.tick(200);
 
       expect(screen.queryByRole('tooltip')).to.equal(null);
     });