fix: Drain microtask queue before advancing timers in tests

Author: rkaraivanov

src/components/carousel/carousel.spec.ts

@@ -793,6 +793,8 @@ describe('Carousel', () => {
         carousel.interval = 200;
         await elementUpdated(carousel);
 
+        // Flush microtasks to ensure property watcher has completed
+        await vi.advanceTimersByTimeAsync(0);
         await vi.advanceTimersByTimeAsync(199);
 
         expect(carousel.isPlaying).to.be.true;

src/components/tooltip/tooltip.spec.ts

@@ -426,6 +426,8 @@ describe('Tooltip', () => {
         })
       );
 
+      // Flush microtasks to ensure async event handler completes
+      await clock.advanceTimersByTimeAsync(0);
       await clock.advanceTimersByTimeAsync(endTick(DEFAULT_HIDE_DELAY));
       await hideComplete();
       expect(tooltip.open).to.be.false;
@@ -557,13 +559,18 @@ describe('Tooltip', () => {
         tooltip.parentElement!.querySelectorAll('button')
       );
 
+      // Flush any pending microtasks before showing
+      await clock.advanceTimersByTimeAsync(0);
+
       const result = await tooltip.show(transientAnchor);
       expect(result).to.be.true;
       expect(tooltip.open).to.be.true;
       expect(spy).to.toHaveBeenCalledTimes(0);
 
       simulatePointerEnter(defaultAnchor);
       // Trigger on the initial default anchor. Tooltip must be hidden.
+      // Flush microtasks to ensure async event handler completes
+      await clock.advanceTimersByTimeAsync(0);
       expect(tooltip.open).to.be.false;
       await clock.advanceTimersByTimeAsync(DEFAULT_SHOW_DELAY);
       await showComplete();
@@ -790,6 +797,8 @@ describe('Tooltip', () => {
       });
 
       simulatePointerEnter(anchor);
+      // Flush microtasks to ensure the async event handler completes before advancing timers
+      await clock.advanceTimersByTimeAsync(0);
       await clock.advanceTimersByTimeAsync(DEFAULT_SHOW_DELAY);
       await showComplete(tooltip);
 
@@ -808,6 +817,8 @@ describe('Tooltip', () => {
       });
 
       simulatePointerLeave(anchor);
+      // Flush microtasks to ensure the async event handler completes before advancing timers
+      await clock.advanceTimersByTimeAsync(0);
       await clock.advanceTimersByTimeAsync(endTick(DEFAULT_HIDE_DELAY));
       await hideComplete(tooltip);
 

vite.config.ts

@@ -51,6 +51,7 @@ export default defineConfig({
       enabled: true,
       provider: playwright(),
       instances: [{ browser: 'chromium', headless: true }],
+      screenshotFailures: false,
     },
     setupFiles: ['./vitest.setup.ts'],
     coverage: {