[Question] Can someone help with Unknown file extension ".svelte" error for component test?

Context:

• Playwright Version: 1.25.1
• Operating System: Ubuntu 22.04.1 (WSL2 - Windows 11)
• Node.js version: 16.17.0
• Browser: All
• Extra: SvelteKit

Hi guys, can someone help with the issue below? I’m not used to Javascript/Node or anything related to frontend.

I have this project (for study) with KoaJS for the backend, SvelteKit for the frontend and Playwright to do all API/E2E/Component tests.

I tried to setup the Component Test for the Button.svelte component but here is the error is occurring. Thanks in advance.

> git clone https://github.com/ltsuda/learning-tests.git
> git switch test/initial-component
> npm i
> npx playwright install
> npm run test-ct

> learning-tests@1.0.0 test-ct
> playwright test -c playwright-ct.config.js


Running 0 tests using 0 workers
TypeError: Unknown file extension ".svelte" for /home/ltsuda/developer/learning-tests/frontend/src/components/button/Button.svelte

    at async Promise.all (index 1)

=================
 no tests found.
=================


  1 error was not a part of any test, see above for details

To open last HTML report run:

  npx playwright show-report

[cheapCoder]

you can try to use npm init playwright@latest -- --ct to generate the config. see here

and you can add vite config here instead of vite.config.js

[ltsuda]

Thanks for the message, I have try again sometime. Whenever you guys want to close this, it’s fine for me. If I have any other problem again, I can open a new issue. Thanks again for the help 😃