chore: Force microtask queue to drain

Author: rkaraivanov

src/components/carousel/carousel.spec.ts

@@ -698,7 +698,7 @@ describe('Carousel', () => {
 
       it('should pause/play on pointerenter/pointerleave', async () => {
         const spy = vi.spyOn(carousel, 'emitEvent');
-        const divContainer = carousel.shadowRoot?.querySelector(
+        const divContainer = carousel.renderRoot.querySelector(
           'div[aria-live]'
         ) as HTMLDivElement;
 
@@ -732,7 +732,7 @@ describe('Carousel', () => {
 
       it('should pause/play on keyboard interaction', async () => {
         const spy = vi.spyOn(carousel, 'emitEvent');
-        const divContainer = carousel.shadowRoot?.querySelector(
+        const divContainer = carousel.renderRoot.querySelector(
           'div[aria-live]'
         ) as HTMLDivElement;
 
@@ -794,6 +794,8 @@ describe('Carousel', () => {
         await elementUpdated(carousel);
 
         await vi.advanceTimersByTimeAsync(199);
+        vi.runAllTicks();
+        await nextFrame();
 
         expect(carousel.isPlaying).to.be.true;
         expect(carousel.isPaused).to.be.false;
@@ -804,6 +806,8 @@ describe('Carousel', () => {
         await elementUpdated(carousel);
 
         await vi.advanceTimersByTimeAsync(1);
+        vi.runAllTicks();
+        await nextFrame();
 
         expect(carousel.isPlaying).to.be.false;
         expect(carousel.isPaused).to.be.true;
@@ -818,6 +822,8 @@ describe('Carousel', () => {
         await elementUpdated(carousel);
 
         await vi.advanceTimersByTimeAsync(200);
+        vi.runAllTicks();
+        await nextFrame();
 
         // an interactive element is focused
         // -> should not start rotation on pointerleave

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: {