feat: init @vitest/browser package

packages/browser/client/main.ts

@@ -35,8 +35,25 @@ export const client = createClient(ENTRY_URL, {
 
 const ws = client.ws
 
+async function loadConfig() {
+  let retries = 5
+  do {
+    try {
+      await new Promise(resolve => setTimeout(resolve, 150))
+      config = await client.rpc.getConfig()
+      return
+    }
+    catch (_) {
+      // just ignore
+    }
+  }
+  while (--retries > 0)
+
+  throw new Error('cannot load configuration after 5 retries')
+}
+
 ws.addEventListener('open', async () => {
-  config = await client.rpc.getConfig()
+  await loadConfig()
 
   // @ts-expect-error mocking vitest apis
   globalThis.__vitest_worker__ = {

packages/browser/index.html

@@ -6,6 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vitest Web Runner</title>
     <style>
+      html {
+        overflow: hidden;
+        padding: 0;
+        margin: 0;
+      }
       body {
         padding: 0;
         margin: 0;

test/browser/vitest.config.ts

@@ -3,6 +3,6 @@ import { defineConfig } from 'vitest/config'
 export default defineConfig({
   test: {
     browser: true,
-    open: false,
+    open: true,
   },
 })