Vitest caught 1 unhandled error during the test run.
This might cause false positive tests. Resolve unhandled errors to make sure your tests are not affected.

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Error ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
Error:   × Expected ';', '}' or <eof>
   ╭─[/__vitest_test__/__test__/3f88ef57-aceb-412a-b54a-57248d1f6580/%2FUsers%2Ftgrigorov%2FCode%2Fmy-vite-app%2Fsrc%2FApp.test.tsx:2:1]
 1 │ 
 2 │       html {
   ·       ──┬─ ─
   ·         ╰── This is the expression part of an expression statement
 3 │         padding: 0;
 4 │         margin: 0;
 5 │       }
   ╰────


Caused by:
    Syntax Error
1  |  
2  |        html {
   |            ^
3  |          padding: 0;
4  |          margin: 0;

// vite.config.ts
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  test: {
    globals: true,
    browser: {
      enabled: true,
      name: "chromium",
      headless: true,
      provider: "playwright",
      screenshotFailures: false,
    },
  },
});

// App.test.tsx
import {test} from 'vitest'
import { render } from 'vitest-browser-react';
import App from './App';

test('App', () => {
	render(<App />)
})