fix(ui): wait for Vitest UI to initiate

package.json

@@ -21,7 +21,7 @@
     "@nuxt/schema": "3.1.1",
     "@release-it-plugins/workspaces": "^3.2.0",
     "@release-it/conventional-changelog": "5.1.1",
-    "@vitest/coverage-c8": "0.28.2",
+    "@vitest/coverage-c8": "0.28.3",
     "conventional-changelog-conventionalcommits": "5.0.0",
     "eslint": "8.32.0",
     "eslint-config-prettier": "8.6.0",
@@ -33,7 +33,7 @@
     "prettier": "2.8.3",
     "release-it": "15.6.0",
     "unbuild": "1.1.1",
-    "vitest": "0.28.2",
+    "vitest": "0.28.3",
     "vue": "3.2.45"
   },
   "pnpm": {

packages/nuxt-vitest/package.json

@@ -44,10 +44,11 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.1.1",
-    "@vitest/ui": "^0.28.2",
+    "@vitest/ui": "^0.28.3",
     "get-port-please": "^3.0.1",
     "perfect-debounce": "^0.1.3",
-    "vitest": "^0.28.2",
+    "std-env": "^3.3.1",
+    "vitest": "^0.28.3",
     "vitest-environment-nuxt": "0.6.3"
   },
   "devDependencies": {

packages/nuxt-vitest/src/module.ts

@@ -5,6 +5,7 @@ import { getVitestConfigFromNuxt } from './config'
 import { getPort } from 'get-port-please'
 import { h } from 'vue'
 import { debounce } from 'perfect-debounce'
+import { isCI } from 'std-env'
 
 export interface NuxtVitestOptions {
   startOnBoot?: boolean
@@ -91,13 +92,11 @@ export default defineNuxtModule<NuxtVitestOptions>({
         },
       }
 
+      const watchMode = !process.env.NUXT_VITEST_DEV_TEST && !isCI
+
       // For testing dev mode in CI, maybe expose an option to user later
-      const vitestConfig: VitestConfig = process.env.NUXT_VITEST_DEV_TEST
+      const vitestConfig: VitestConfig = watchMode
         ? {
-            ...options.vitestConfig,
-            watch: false,
-          }
-        : {
             passWithNoTests: true,
             ...options.vitestConfig,
             reporters: options.logToConsole
@@ -113,22 +112,27 @@ export default defineNuxtModule<NuxtVitestOptions>({
               port: PORT,
             },
           }
+        : {
+            ...options.vitestConfig,
+            watch: false,
+          }
 
       // TODO: Investigate segfault when loading config file in Nuxt
       viteConfig.configFile = false
 
       // Start Vitest
       const promise = startVitest('test', [], vitestConfig, viteConfig)
+      promise.catch(() => process.exit(1))
 
-      if (process.env.NUXT_VITEST_DEV_TEST) {
+      if (watchMode) {
+        logger.info(`Vitest UI starting on ${URL}`)
+        await new Promise(resolve => setTimeout(resolve, 1000))
+      } else {
         promise.then(v => v?.close()).then(() => process.exit())
         promise.catch(() => process.exit(1))
       }
 
-      logger.info(`Vitest UI starting on ${URL}`)
-
       loaded = true
-      promise.catch(() => process.exit(1))
     }
 
     // @ts-ignore

packages/vitest-environment-nuxt/package.json

@@ -46,7 +46,7 @@
     "@vue/test-utils": "^2.2.8",
     "estree-walker": "^3.0.3",
     "h3": "^1.1.0",
-    "happy-dom": "^8.1.5",
+    "happy-dom": "^8.2.0",
     "magic-string": "^0.27.0",
     "ofetch": "^1.0.0",
     "unenv": "^1.0.2"

playground/package.json

@@ -11,10 +11,10 @@
     "test": "pnpm test:unit --run && pnpm test:dev"
   },
   "devDependencies": {
-    "@nuxt/devtools-edge": "0.0.0-27913555.91bd93a",
+    "@nuxt/devtools-edge": "0.0.0-27915216.4d09244",
     "nuxt": "3.1.1",
     "nuxt-vitest": "0.6.3",
-    "vitest": "0.28.2",
+    "vitest": "0.28.3",
     "vitest-environment-nuxt": "0.6.3"
   },
   "version": "0.6.3"