Shows JSX error when testing SvelteKit components using playwright

[0djek]

Hello, I get this weird error when trying to test SvelteKit components using playwright: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?. I don't know if this error is specific to Playwright or Vite, so I asked in both, but I couldn't find a solution in playwright repository.

I created this repository, which might help find something: https://github.com/aidvai-sp/playwright-bug
After doing npm install, run npm run test-ct.

Funny thing is, I don't get this error on another PC, only on one specific, so maybe there is some files/packages installed that don't need to be?
Full error output:

PS C:\Users\aidvai\Documents\js\playwright-bug> npm run test-ct

> [email protected] test-ct
> playwright test -c playwright-ct.config.ts

SyntaxError: C:\Users\aidvai\Documents\js\playwright-bug\src\lib\Text.svelte: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (6:0)

  4 | </script>
  5 |
> 6 | <p>
    | ^
  7 |   {text}
  8 |   {#if important}
  9 |           !

   at Text.test.ts:6

  4 | test.describe('Chip tests', () => {
  5 |   test('Should display passed text', async ({ mount }) => {
> 6 |           const component = await mount(Text, {
  7 |                   props: {
  8 |                           text: 'Test'
  9 |                   }

Error: No tests found

To open last HTML report run:

  npx playwright show-report

[francisu]

This is probably coming from eslint. And you may have a different eslint configuration on one computer vs another. I don't yet know the incantation for eslint to turn this checking off (it should not be checked for svelte files), but hopefully this helps you find the problem.