feat: add vitest browser

.npmrc

@@ -1 +1,2 @@
-shamefully-hoist=true
+shamefully-hoist=true
+shell-emulator=true

package.json

@@ -43,6 +43,8 @@
     "preview": "vite preview",
     "playground": "cd playground && npm run dev",
     "test": "vitest",
+    "test:browser": "BROWSER_TEST=true HEADLESS=true vitest",
+    "test:browser:ui": "BROWSER_TEST=true vitest",
     "test:ci": "vitest run",
     "test:ui": "vitest --ui",
     "release": "release-it",
@@ -61,16 +63,17 @@
     "@vueuse/core": "^9.13.0"
   },
   "devDependencies": {
-    "@tresjs/core": "2.0.0-beta.5",
     "@alvarosabu/prettier-config": "^1.3.0",
     "@huntersofbook/plausible-vue": "^1.0.0",
     "@release-it/conventional-changelog": "^5.1.1",
     "@stackblitz/sdk": "^1.9.0",
     "@tresjs/cientos": "2.0.0-beta.1",
+    "@tresjs/core": "2.0.0-beta.5",
     "@types/three": "latest",
     "@typescript-eslint/eslint-plugin": "^5.58.0",
     "@typescript-eslint/parser": "^5.58.0",
     "@vitejs/plugin-vue": "^4.1.0",
+    "@vitest/browser": "file:vitest-browser-0.30.1.tgz",
     "@vitest/coverage-c8": "^0.30.1",
     "@vitest/ui": "^0.29.2",
     "@vue/test-utils": "^2.3.2",
@@ -99,6 +102,7 @@
     "vite-svg-loader": "^4.0.0",
     "vitepress": "1.0.0-alpha.65",
     "vitest": "^0.30.1",
-    "vue-demi": "^0.14.0"
+    "vue-demi": "^0.14.0",
+    "webdriverio": "^8.8.4"
   }
 }

vite.config.ts

@@ -20,6 +20,8 @@ import { ViteTresPlugin } from './plugins/vite-tres-types-plugin'
 
 import pkg from './package.json'
 
+function noop() {}
+
 // eslint-disable-next-line no-console
 console.log(`${lightGreen('▲')} ${gray('■')} ${yellow('●')} ${bold('Tres')} v${pkg.version}`)
 // https://vitejs.dev/config/
@@ -63,12 +65,34 @@ export default defineConfig({
     Inspect(),
   ],
   test: {
-    environment: 'jsdom',
+    environment: process.env.BROWSER_TEST ? 'node' : 'jsdom',
     globals: true,
     threads: false,
     alias: {
       '/@': resolve(__dirname, './src'),
     },
+    isolate: !process.env.BROWSER_TEST,
+    browser: {
+      enabled: !!process.env.BROWSER_TEST,
+
+      // @ts-expect-error ignore, we don't have the type here in vitest
+      enableUI: true,
+      name: 'chrome',
+      headless: !!process.env.HEADLESS,
+      provider: 'webdriverio',
+    },
+    reporters: process.env.BROWSER_TEST ? ['json', {
+      onInit: noop,
+      onPathsCollected: noop,
+      onCollected: noop,
+      onFinished: noop,
+      onTaskUpdate: noop,
+      onTestRemoved: noop,
+      onWatcherStart: noop,
+      onWatcherRerun: noop,
+      onServerRestart: noop,
+      onUserConsoleLog: noop,
+    }, 'default'] : undefined,
   },
   build: {
     lib: {