diff --git a/src/components/carousel/carousel.test.ts b/src/components/carousel/carousel.test.ts index 50628c253..5fe1f6b00 100644 --- a/src/components/carousel/carousel.test.ts +++ b/src/components/carousel/carousel.test.ts @@ -5,6 +5,10 @@ import sinon from 'sinon'; import type SlCarousel from './carousel'; describe('', () => { + afterEach(async () => { + await resetMouse(); + }); + it('should render a carousel with default configuration', async () => { // Arrange const el = await fixture(html` @@ -307,13 +311,16 @@ describe('', () => { const carouselItem = el.querySelector('sl-carousel-item') as HTMLElement; // Act - await moveMouseOnElement(carouselItem, 'center'); + await moveMouseOnElement(carouselItem, 'right'); await sendMouse({ type: 'down' }); - await moveMouseOnElement(carouselItem, 'center', -10); - await new Promise(r => setTimeout(r, 100)); - await moveMouseOnElement(carouselItem, 'center', -carouselItem.offsetWidth); + + // For some reason it seems necessary to move the mouse back and forth to trigger a move event + await moveMouseOnElement(carouselItem, 'left'); + await moveMouseOnElement(carouselItem, 'right'); + await moveMouseOnElement(carouselItem, 'left'); + await sendMouse({ type: 'up' }); diff --git a/web-test-runner.config.js b/web-test-runner.config.js index b273756b7..7dace6288 100644 --- a/web-test-runner.config.js +++ b/web-test-runner.config.js @@ -5,7 +5,7 @@ import { playwrightLauncher } from '@web/test-runner-playwright'; export default { rootDir: '.', files: 'src/**/*.test.ts', // "default" group - concurrentBrowsers: 1, + concurrentBrowsers: 3, nodeResolve: true, testFramework: { config: {