@vitest/browser 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/index.js

@@ -1,15 +1,19 @@
+import { createDebugger, isFileServingAllowed as isFileServingAllowed$1, getFilePoolName, resolveApiServerConfig, resolveFsAllow, distDir, createServer } from 'vitest/node';
+import fs, { existsSync, readdirSync, promises, readFileSync } from 'node:fs';
+import { WebSocketServer } from 'ws';
+import { isFileServingAllowed } from 'vite';
+import { builtinModules, createRequire } from 'node:module';
+import { readFile as readFile$1, mkdir } from 'node:fs/promises';
 import { fileURLToPath } from 'node:url';
-import { mkdir, readFile as readFile$1 } from 'node:fs/promises';
-import { createRequire } from 'node:module';
+import { createDefer, slash, toArray } from '@vitest/utils';
 import sirv from 'sirv';
-import { isFileServingAllowed, getFilePoolName, distDir } from 'vitest/node';
-import { coverageConfigDefaults } from 'vitest/config';
-import { slash, toArray } from '@vitest/utils';
-import { P as PlaywrightBrowserProvider, W as WebdriverBrowserProvider } from './webdriver-CXn0ag9T.js';
-import fs, { promises } from 'node:fs';
+import { defaultBrowserPort, coverageConfigDefaults } from 'vitest/config';
+import { P as PlaywrightBrowserProvider, W as WebdriverBrowserProvider } from './webdriver-CJA71Bgl.js';
 import { resolve as resolve$1, dirname as dirname$1, normalize as normalize$1 } from 'node:path';
 import MagicString from 'magic-string';
 import { esmWalker } from '@vitest/utils/ast';
+import * as nodeos from 'node:os';
+import crypto from 'node:crypto';
 
 const _DRIVE_LETTER_START_RE = /^[A-Za-z]:\//;
 function normalizeWindowsPath(input = "") {
@@ -157,6 +161,11 @@ function normalizeString(path, allowAboveRoot) {
 const isAbsolute = function(p) {
   return _IS_ABSOLUTE_RE.test(p);
 };
+const _EXTNAME_RE = /.(\.[^./]+)$/;
+const extname = function(p) {
+  const match = _EXTNAME_RE.exec(normalizeWindowsPath(p));
+  return match && match[1] || "";
+};
 const relative = function(from, to) {
   const _from = resolve(from).replace(_ROOT_FOLDER_RE, "$1").split("/");
   const _to = resolve(to).replace(_ROOT_FOLDER_RE, "$1").split("/");
@@ -185,40 +194,1430 @@ const basename = function(p, extension) {
   return extension && lastSegment.endsWith(extension) ? lastSegment.slice(0, -extension.length) : lastSegment;
 };
 
+const DEFAULT_TIMEOUT = 6e4;
+function defaultSerialize(i) {
+  return i;
+}
+const defaultDeserialize = defaultSerialize;
+const { clearTimeout, setTimeout } = globalThis;
+const random = Math.random.bind(Math);
+function createBirpc(functions, options) {
+  const {
+    post,
+    on,
+    eventNames = [],
+    serialize = defaultSerialize,
+    deserialize = defaultDeserialize,
+    resolver,
+    timeout = DEFAULT_TIMEOUT
+  } = options;
+  const rpcPromiseMap = /* @__PURE__ */ new Map();
+  let _promise;
+  const rpc = new Proxy({}, {
+    get(_, method) {
+      if (method === "$functions")
+        return functions;
+      if (method === "then" && !eventNames.includes("then") && !("then" in functions))
+        return void 0;
+      const sendEvent = (...args) => {
+        post(serialize({ m: method, a: args, t: "q" }));
+      };
+      if (eventNames.includes(method)) {
+        sendEvent.asEvent = sendEvent;
+        return sendEvent;
+      }
+      const sendCall = async (...args) => {
+        await _promise;
+        return new Promise((resolve, reject) => {
+          const id = nanoid();
+          let timeoutId;
+          if (timeout >= 0) {
+            timeoutId = setTimeout(() => {
+              try {
+                options.onTimeoutError?.(method, args);
+                throw new Error(`[birpc] timeout on calling "${method}"`);
+              } catch (e) {
+                reject(e);
+              }
+              rpcPromiseMap.delete(id);
+            }, timeout);
+            if (typeof timeoutId === "object")
+              timeoutId = timeoutId.unref?.();
+          }
+          rpcPromiseMap.set(id, { resolve, reject, timeoutId });
+          post(serialize({ m: method, a: args, i: id, t: "q" }));
+        });
+      };
+      sendCall.asEvent = sendEvent;
+      return sendCall;
+    }
+  });
+  _promise = on(async (data, ...extra) => {
+    const msg = deserialize(data);
+    if (msg.t === "q") {
+      const { m: method, a: args } = msg;
+      let result, error;
+      const fn = resolver ? resolver(method, functions[method]) : functions[method];
+      if (!fn) {
+        error = new Error(`[birpc] function "${method}" not found`);
+      } else {
+        try {
+          result = await fn.apply(rpc, args);
+        } catch (e) {
+          error = e;
+        }
+      }
+      if (msg.i) {
+        if (error && options.onError)
+          options.onError(error, method, args);
+        post(serialize({ t: "s", i: msg.i, r: result, e: error }), ...extra);
+      }
+    } else {
+      const { i: ack, r: result, e: error } = msg;
+      const promise = rpcPromiseMap.get(ack);
+      if (promise) {
+        clearTimeout(promise.timeoutId);
+        if (error)
+          promise.reject(error);
+        else
+          promise.resolve(result);
+      }
+      rpcPromiseMap.delete(ack);
+    }
+  });
+  return rpc;
+}
+const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
+function nanoid(size = 21) {
+  let id = "";
+  let i = size;
+  while (i--)
+    id += urlAlphabet[random() * 64 | 0];
+  return id;
+}
+
+/// <reference types="../types/index.d.ts" />
+
+// (c) 2020-present Andrea Giammarchi
+
+const {parse: $parse, stringify: $stringify} = JSON;
+const {keys} = Object;
+
+const Primitive = String;   // it could be Number
+const primitive = 'string'; // it could be 'number'
+
+const ignore = {};
+const object = 'object';
+
+const noop = (_, value) => value;
+
+const primitives = value => (
+  value instanceof Primitive ? Primitive(value) : value
+);
+
+const Primitives = (_, value) => (
+  typeof value === primitive ? new Primitive(value) : value
+);
+
+const revive = (input, parsed, output, $) => {
+  const lazy = [];
+  for (let ke = keys(output), {length} = ke, y = 0; y < length; y++) {
+    const k = ke[y];
+    const value = output[k];
+    if (value instanceof Primitive) {
+      const tmp = input[value];
+      if (typeof tmp === object && !parsed.has(tmp)) {
+        parsed.add(tmp);
+        output[k] = ignore;
+        lazy.push({k, a: [input, parsed, tmp, $]});
+      }
+      else
+        output[k] = $.call(output, k, tmp);
+    }
+    else if (output[k] !== ignore)
+      output[k] = $.call(output, k, value);
+  }
+  for (let {length} = lazy, i = 0; i < length; i++) {
+    const {k, a} = lazy[i];
+    output[k] = $.call(output, k, revive.apply(null, a));
+  }
+  return output;
+};
+
+const set = (known, input, value) => {
+  const index = Primitive(input.push(value) - 1);
+  known.set(value, index);
+  return index;
+};
+
+/**
+ * Converts a specialized flatted string into a JS value.
+ * @param {string} text
+ * @param {(this: any, key: string, value: any) => any} [reviver]
+ * @returns {any}
+ */
+const parse = (text, reviver) => {
+  const input = $parse(text, Primitives).map(primitives);
+  const value = input[0];
+  const $ = reviver || noop;
+  const tmp = typeof value === object && value ?
+              revive(input, new Set, value, $) :
+              value;
+  return $.call({'': tmp}, '', tmp);
+};
+
+/**
+ * Converts a JS value into a specialized flatted string.
+ * @param {any} value
+ * @param {((this: any, key: string, value: any) => any) | (string | number)[] | null | undefined} [replacer]
+ * @param {string | number | undefined} [space]
+ * @returns {string}
+ */
+const stringify = (value, replacer, space) => {
+  const $ = replacer && typeof replacer === object ?
+            (k, v) => (k === '' || -1 < replacer.indexOf(k) ? v : void 0) :
+            (replacer || noop);
+  const known = new Map;
+  const input = [];
+  const output = [];
+  let i = +set(known, input, $.call({'': value}, '', value));
+  let firstRun = !i;
+  while (i < input.length) {
+    firstRun = true;
+    output[i] = $stringify(input[i++], replace, space);
+  }
+  return '[' + output.join(',') + ']';
+  function replace(key, value) {
+    if (firstRun) {
+      firstRun = !firstRun;
+      return value;
+    }
+    const after = $.call(this, key, value);
+    switch (typeof after) {
+      case object:
+        if (after === null) return after;
+      case primitive:
+        return known.get(after) || set(known, input, after);
+    }
+    return after;
+  }
+};
+
+async function resolveMock(project, rawId, importer, hasFactory) {
+  const { id, fsPath, external } = await resolveId(project, rawId, importer);
+  if (hasFactory) {
+    return { type: "factory", resolvedId: id };
+  }
+  const mockPath = resolveMockPath(project.config.root, fsPath, external);
+  return {
+    type: mockPath === null ? "automock" : "redirect",
+    mockPath,
+    resolvedId: id
+  };
+}
+async function resolveId(project, rawId, importer) {
+  const resolved = await project.browser.vite.pluginContainer.resolveId(
+    rawId,
+    importer,
+    {
+      ssr: false
+    }
+  );
+  return resolveModule(project, rawId, resolved);
+}
+async function resolveModule(project, rawId, resolved) {
+  const id = resolved?.id || rawId;
+  const external = !isAbsolute(id) || isModuleDirectory(project.config, id) ? rawId : null;
+  return {
+    id,
+    fsPath: cleanUrl(id),
+    external
+  };
+}
+function isModuleDirectory(config, path) {
+  const moduleDirectories = config.server.deps?.moduleDirectories || [
+    "/node_modules/"
+  ];
+  return moduleDirectories.some((dir) => path.includes(dir));
+}
+function resolveMockPath(root, mockPath, external) {
+  const path = external || mockPath;
+  if (external || isNodeBuiltin(mockPath) || !existsSync(mockPath)) {
+    const mockDirname = dirname(path);
+    const mockFolder = join(
+      root,
+      "__mocks__",
+      mockDirname
+    );
+    if (!existsSync(mockFolder)) {
+      return null;
+    }
+    const files = readdirSync(mockFolder);
+    const baseOriginal = basename(path);
+    for (const file of files) {
+      const baseFile = basename(file, extname(file));
+      if (baseFile === baseOriginal) {
+        return resolve(mockFolder, file);
+      }
+    }
+    return null;
+  }
+  const dir = dirname(path);
+  const baseId = basename(path);
+  const fullPath = resolve(dir, "__mocks__", baseId);
+  return existsSync(fullPath) ? fullPath : null;
+}
+const prefixedBuiltins = /* @__PURE__ */ new Set(["node:test"]);
+const builtins = /* @__PURE__ */ new Set([
+  ...builtinModules,
+  "assert/strict",
+  "diagnostics_channel",
+  "dns/promises",
+  "fs/promises",
+  "path/posix",
+  "path/win32",
+  "readline/promises",
+  "stream/consumers",
+  "stream/promises",
+  "stream/web",
+  "timers/promises",
+  "util/types",
+  "wasi"
+]);
+const NODE_BUILTIN_NAMESPACE = "node:";
+function isNodeBuiltin(id) {
+  if (prefixedBuiltins.has(id)) {
+    return true;
+  }
+  return builtins.has(
+    id.startsWith(NODE_BUILTIN_NAMESPACE) ? id.slice(NODE_BUILTIN_NAMESPACE.length) : id
+  );
+}
+const postfixRE = /[?#].*$/;
+function cleanUrl(url) {
+  return url.replace(postfixRE, "");
+}
+
+const debug$1 = createDebugger("vitest:browser:api");
+const BROWSER_API_PATH = "/__vitest_browser_api__";
+function setupBrowserRpc(server) {
+  const project = server.project;
+  const vite = server.vite;
+  const ctx = project.ctx;
+  const wss = new WebSocketServer({ noServer: true });
+  vite.httpServer?.on("upgrade", (request, socket, head) => {
+    if (!request.url) {
+      return;
+    }
+    const { pathname, searchParams } = new URL(request.url, "http://localhost");
+    if (pathname !== BROWSER_API_PATH) {
+      return;
+    }
+    const type = searchParams.get("type") ?? "tester";
+    const sessionId = searchParams.get("sessionId") ?? "0";
+    wss.handleUpgrade(request, socket, head, (ws) => {
+      wss.emit("connection", ws, request);
+      const rpc = setupClient(sessionId, ws);
+      const state = server.state;
+      const clients = type === "tester" ? state.testers : state.orchestrators;
+      clients.set(sessionId, rpc);
+      debug$1?.("[%s] Browser API connected to %s", sessionId, type);
+      ws.on("close", () => {
+        debug$1?.("[%s] Browser API disconnected from %s", sessionId, type);
+        clients.delete(sessionId);
+        server.state.removeCDPHandler(sessionId);
+      });
+    });
+  });
+  function checkFileAccess(path) {
+    if (!isFileServingAllowed(path, vite)) {
+      throw new Error(
+        `Access denied to "${path}". See Vite config documentation for "server.fs": https://vitejs.dev/config/server-options.html#server-fs-strict.`
+      );
+    }
+  }
+  function setupClient(sessionId, ws) {
+    const rpc = createBirpc(
+      {
+        async onUnhandledError(error, type) {
+          ctx.state.catchError(error, type);
+        },
+        async onCollected(files) {
+          ctx.state.collectFiles(files);
+          await ctx.report("onCollected", files);
+        },
+        async onTaskUpdate(packs) {
+          ctx.state.updateTasks(packs);
+          await ctx.report("onTaskUpdate", packs);
+        },
+        onAfterSuiteRun(meta) {
+          ctx.coverageProvider?.onAfterSuiteRun(meta);
+        },
+        sendLog(log) {
+          return ctx.report("onUserConsoleLog", log);
+        },
+        resolveSnapshotPath(testPath) {
+          return ctx.snapshot.resolvePath(testPath);
+        },
+        resolveSnapshotRawPath(testPath, rawPath) {
+          return ctx.snapshot.resolveRawPath(testPath, rawPath);
+        },
+        snapshotSaved(snapshot) {
+          ctx.snapshot.add(snapshot);
+        },
+        async readSnapshotFile(snapshotPath) {
+          checkFileAccess(snapshotPath);
+          if (!existsSync(snapshotPath)) {
+            return null;
+          }
+          return promises.readFile(snapshotPath, "utf-8");
+        },
+        async saveSnapshotFile(id, content) {
+          checkFileAccess(id);
+          await promises.mkdir(dirname(id), { recursive: true });
+          return promises.writeFile(id, content, "utf-8");
+        },
+        async removeSnapshotFile(id) {
+          checkFileAccess(id);
+          if (!existsSync(id)) {
+            throw new Error(`Snapshot file "${id}" does not exist.`);
+          }
+          return promises.unlink(id);
+        },
+        getBrowserFileSourceMap(id) {
+          const mod = server.vite.moduleGraph.getModuleById(id);
+          return mod?.transformResult?.map;
+        },
+        onCancel(reason) {
+          ctx.cancelCurrentRun(reason);
+        },
+        async resolveId(id, importer) {
+          const result = await project.server.pluginContainer.resolveId(
+            id,
+            importer,
+            {
+              ssr: false
+            }
+          );
+          return result;
+        },
+        debug(...args) {
+          ctx.logger.console.debug(...args);
+        },
+        getCountOfFailedTests() {
+          return ctx.state.getCountOfFailedTests();
+        },
+        async triggerCommand(contextId, command, testPath, payload) {
+          debug$1?.('[%s] Triggering command "%s"', contextId, command);
+          const provider = server.provider;
+          if (!provider) {
+            throw new Error("Commands are only available for browser tests.");
+          }
+          const commands = project.config.browser?.commands;
+          if (!commands || !commands[command]) {
+            throw new Error(`Unknown command "${command}".`);
+          }
+          if (provider.beforeCommand) {
+            await provider.beforeCommand(command, payload);
+          }
+          const context = Object.assign(
+            {
+              testPath,
+              project,
+              provider,
+              contextId
+            },
+            provider.getCommandsContext(contextId)
+          );
+          let result;
+          try {
+            result = await commands[command](context, ...payload);
+          } finally {
+            if (provider.afterCommand) {
+              await provider.afterCommand(command, payload);
+            }
+          }
+          return result;
+        },
+        finishBrowserTests(contextId) {
+          debug$1?.("[%s] Finishing browser tests for context", contextId);
+          return server.state.getContext(contextId)?.resolve();
+        },
+        resolveMock(rawId, importer, hasFactory) {
+          return resolveMock(project, rawId, importer, hasFactory);
+        },
+        invalidate(ids) {
+          ids.forEach((id) => {
+            const moduleGraph = server.vite.moduleGraph;
+            const module = moduleGraph.getModuleById(id);
+            if (module) {
+              moduleGraph.invalidateModule(module, /* @__PURE__ */ new Set(), Date.now(), true);
+            }
+          });
+        },
+        // CDP
+        async sendCdpEvent(contextId, event, payload) {
+          const cdp = await server.ensureCDPHandler(contextId, sessionId);
+          return cdp.send(event, payload);
+        },
+        async trackCdpEvent(contextId, type, event, listenerId) {
+          const cdp = await server.ensureCDPHandler(contextId, sessionId);
+          cdp[type](event, listenerId);
+        }
+      },
+      {
+        post: (msg) => ws.send(msg),
+        on: (fn) => ws.on("message", fn),
+        eventNames: ["onCancel", "cdpEvent"],
+        serialize: (data) => stringify(data, stringifyReplace),
+        deserialize: parse,
+        onTimeoutError(functionName) {
+          throw new Error(`[vitest-api]: Timeout calling "${functionName}"`);
+        }
+      }
+    );
+    ctx.onCancel((reason) => rpc.onCancel(reason));
+    return rpc;
+  }
+}
+function cloneByOwnProperties(value) {
+  return Object.getOwnPropertyNames(value).reduce(
+    (clone, prop) => ({
+      ...clone,
+      [prop]: value[prop]
+    }),
+    {}
+  );
+}
+function stringifyReplace(key, value) {
+  if (value instanceof Error) {
+    const cloned = cloneByOwnProperties(value);
+    return {
+      name: value.name,
+      message: value.message,
+      stack: value.stack,
+      ...cloned
+    };
+  } else {
+    return value;
+  }
+}
+
+class BrowserServerState {
+  orchestrators = /* @__PURE__ */ new Map();
+  testers = /* @__PURE__ */ new Map();
+  cdps = /* @__PURE__ */ new Map();
+  contexts = /* @__PURE__ */ new Map();
+  getContext(contextId) {
+    return this.contexts.get(contextId);
+  }
+  createAsyncContext(contextId, files) {
+    const defer = createDefer();
+    this.contexts.set(contextId, {
+      files,
+      resolve: () => {
+        defer.resolve();
+        this.contexts.delete(contextId);
+      },
+      reject: defer.reject
+    });
+    return defer;
+  }
+  async removeCDPHandler(sessionId) {
+    this.cdps.delete(sessionId);
+  }
+}
+
+function replacer(code, values) {
+  return code.replace(/\{\s*(\w+)\s*\}/g, (_, key) => values[key] ?? "");
+}
+const builtinProviders = ["webdriverio", "playwright", "preview"];
+async function getBrowserProvider(options, project) {
+  if (options.provider == null || builtinProviders.includes(options.provider)) {
+    const providers = await import('./providers.js');
+    const provider = options.provider || "preview";
+    return providers[provider];
+  }
+  let customProviderModule;
+  try {
+    customProviderModule = await project.runner.executeId(
+      options.provider
+    );
+  } catch (error) {
+    throw new Error(
+      `Failed to load custom BrowserProvider from ${options.provider}`,
+      { cause: error }
+    );
+  }
+  if (customProviderModule.default == null) {
+    throw new Error(
+      `Custom BrowserProvider loaded from ${options.provider} was not the default export`
+    );
+  }
+  return customProviderModule.default;
+}
+
+class BrowserServerCDPHandler {
+  constructor(session, tester) {
+    this.session = session;
+    this.tester = tester;
+  }
+  listenerIds = {};
+  listeners = {};
+  send(method, params) {
+    return this.session.send(method, params);
+  }
+  on(event, id, once = false) {
+    if (!this.listenerIds[event]) {
+      this.listenerIds[event] = [];
+    }
+    this.listenerIds[event].push(id);
+    if (!this.listeners[event]) {
+      this.listeners[event] = (payload) => {
+        this.tester.cdpEvent(
+          event,
+          payload
+        );
+        if (once) {
+          this.off(event, id);
+        }
+      };
+      this.session.on(event, this.listeners[event]);
+    }
+  }
+  off(event, id) {
+    if (!this.listenerIds[event]) {
+      this.listenerIds[event] = [];
+    }
+    this.listenerIds[event] = this.listenerIds[event].filter((l) => l !== id);
+    if (!this.listenerIds[event].length) {
+      this.session.off(event, this.listeners[event]);
+      delete this.listeners[event];
+    }
+  }
+  once(event, listener) {
+    this.on(event, listener, true);
+  }
+}
+
+class BrowserServer {
+  constructor(project, base) {
+    this.project = project;
+    this.base = base;
+    this.state = new BrowserServerState();
+    const pkgRoot = resolve(fileURLToPath(import.meta.url), "../..");
+    const distRoot = resolve(pkgRoot, "dist");
+    this.prefixTesterUrl = `${base}__vitest_test__/__test__/`;
+    this.faviconUrl = `${base}__vitest__/favicon.svg`;
+    this.manifest = (async () => {
+      return JSON.parse(
+        await readFile$1(`${distRoot}/client/.vite/manifest.json`, "utf8")
+      );
+    })().then((manifest) => this.manifest = manifest);
+    this.testerHtml = readFile$1(
+      resolve(distRoot, "client/tester/tester.html"),
+      "utf8"
+    ).then((html) => this.testerHtml = html);
+    this.orchestratorHtml = (project.config.browser.ui ? readFile$1(resolve(distRoot, "client/__vitest__/index.html"), "utf8") : readFile$1(resolve(distRoot, "client/orchestrator.html"), "utf8")).then((html) => this.orchestratorHtml = html);
+    this.injectorJs = readFile$1(
+      resolve(distRoot, "client/esm-client-injector.js"),
+      "utf8"
+    ).then((js) => this.injectorJs = js);
+    this.stateJs = readFile$1(
+      resolve(distRoot, "state.js"),
+      "utf-8"
+    ).then((js) => this.stateJs = js);
+  }
+  faviconUrl;
+  prefixTesterUrl;
+  orchestratorScripts;
+  testerScripts;
+  manifest;
+  testerHtml;
+  orchestratorHtml;
+  injectorJs;
+  stateJs;
+  state;
+  provider;
+  vite;
+  setServer(server) {
+    this.vite = server;
+  }
+  getSerializableConfig() {
+    const config = wrapConfig(this.project.getSerializableConfig());
+    config.env ??= {};
+    config.env.VITEST_BROWSER_DEBUG = process.env.VITEST_BROWSER_DEBUG || "";
+    return config;
+  }
+  resolveTesterUrl(pathname) {
+    const [contextId, testFile] = pathname.slice(this.prefixTesterUrl.length).split("/");
+    const decodedTestFile = decodeURIComponent(testFile);
+    return { contextId, testFile: decodedTestFile };
+  }
+  async formatScripts(scripts) {
+    if (!scripts?.length) {
+      return "";
+    }
+    const server = this.vite;
+    const promises = scripts.map(
+      async ({ content, src, async, id, type = "module" }, index) => {
+        const srcLink = (src ? (await server.pluginContainer.resolveId(src))?.id : void 0) || src;
+        const transformId = srcLink || join(server.config.root, `virtual__${id || `injected-${index}.js`}`);
+        await server.moduleGraph.ensureEntryFromUrl(transformId);
+        const contentProcessed = content && type === "module" ? (await server.pluginContainer.transform(content, transformId)).code : content;
+        return `<script type="${type}"${async ? " async" : ""}${srcLink ? ` src="${slash(`/@fs/${srcLink}`)}"` : ""}>${contentProcessed || ""}<\/script>`;
+      }
+    );
+    return (await Promise.all(promises)).join("\n");
+  }
+  async initBrowserProvider() {
+    if (this.provider) {
+      return;
+    }
+    const Provider = await getBrowserProvider(this.project.config.browser, this.project);
+    this.provider = new Provider();
+    const browser = this.project.config.browser.name;
+    if (!browser) {
+      throw new Error(
+        `[${this.project.getName()}] Browser name is required. Please, set \`test.browser.name\` option manually.`
+      );
+    }
+    const supportedBrowsers = this.provider.getSupportedBrowsers();
+    if (supportedBrowsers.length && !supportedBrowsers.includes(browser)) {
+      throw new Error(
+        `[${this.project.getName()}] Browser "${browser}" is not supported by the browser provider "${this.provider.name}". Supported browsers: ${supportedBrowsers.join(", ")}.`
+      );
+    }
+    const providerOptions = this.project.config.browser.providerOptions;
+    await this.provider.initialize(this.project, {
+      browser,
+      options: providerOptions
+    });
+  }
+  cdpSessions = /* @__PURE__ */ new Map();
+  async ensureCDPHandler(contextId, sessionId) {
+    const cachedHandler = this.state.cdps.get(sessionId);
+    if (cachedHandler) {
+      return cachedHandler;
+    }
+    const provider = this.provider;
+    if (!provider.getCDPSession) {
+      throw new Error(`CDP is not supported by the provider "${provider.name}".`);
+    }
+    const promise = this.cdpSessions.get(sessionId) ?? await (async () => {
+      const promise2 = provider.getCDPSession(contextId).finally(() => {
+        this.cdpSessions.delete(sessionId);
+      });
+      this.cdpSessions.set(sessionId, promise2);
+      return promise2;
+    })();
+    const session = await promise;
+    const rpc = this.state.testers.get(sessionId);
+    if (!rpc) {
+      throw new Error(`Tester RPC "${sessionId}" was not established.`);
+    }
+    const handler = new BrowserServerCDPHandler(session, rpc);
+    this.state.cdps.set(
+      sessionId,
+      handler
+    );
+    return handler;
+  }
+  async close() {
+    await this.vite.close();
+  }
+}
+function wrapConfig(config) {
+  return {
+    ...config,
+    // workaround RegExp serialization
+    testNamePattern: config.testNamePattern ? config.testNamePattern.toString() : void 0
+  };
+}
+
 const click = async (context, xpath, options = {}) => {
   const provider = context.provider;
   if (provider instanceof PlaywrightBrowserProvider) {
-    const tester = context.tester;
-    await tester.locator(`xpath=${xpath}`).click(options);
+    const tester = context.iframe;
+    await tester.locator(`xpath=${xpath}`).click({
+      timeout: 1e3,
+      ...options
+    });
+  } else if (provider instanceof WebdriverBrowserProvider) {
+    const browser = context.browser;
+    const markedXpath = `//${xpath}`;
+    await browser.$(markedXpath).click(options);
+  } else {
+    throw new TypeError(`Provider "${provider.name}" doesn't support click command`);
+  }
+};
+const dblClick = async (context, xpath, options = {}) => {
+  const provider = context.provider;
+  if (provider instanceof PlaywrightBrowserProvider) {
+    const tester = context.iframe;
+    await tester.locator(`xpath=${xpath}`).dblclick(options);
+  } else if (provider instanceof WebdriverBrowserProvider) {
+    const browser = context.browser;
+    const markedXpath = `//${xpath}`;
+    await browser.$(markedXpath).doubleClick();
+  } else {
+    throw new TypeError(`Provider "${provider.name}" doesn't support dblClick command`);
+  }
+};
+
+var clickableInputTypes;
+(function(clickableInputTypes) {
+    clickableInputTypes["button"] = "button";
+    clickableInputTypes["color"] = "color";
+    clickableInputTypes["file"] = "file";
+    clickableInputTypes["image"] = "image";
+    clickableInputTypes["reset"] = "reset";
+    clickableInputTypes["submit"] = "submit";
+    clickableInputTypes["checkbox"] = "checkbox";
+    clickableInputTypes["radio"] = "radio";
+})(clickableInputTypes || (clickableInputTypes = {}));
+
+const ClipboardStubControl = Symbol('Manage ClipboardSub');
+function isClipboardStub(clipboard) {
+    return !!(clipboard === null || clipboard === void 0 ? void 0 : clipboard[ClipboardStubControl]);
+}
+function resetClipboardStubOnView(window) {
+    if (isClipboardStub(window.navigator.clipboard)) {
+        window.navigator.clipboard[ClipboardStubControl].resetClipboardStub();
+    }
+}
+function detachClipboardStubFromView(window) {
+    if (isClipboardStub(window.navigator.clipboard)) {
+        window.navigator.clipboard[ClipboardStubControl].detachClipboardStub();
+    }
+}
+const g = globalThis;
+/* istanbul ignore else */ if (typeof g.afterEach === 'function') {
+    g.afterEach(()=>resetClipboardStubOnView(globalThis.window));
+}
+/* istanbul ignore else */ if (typeof g.afterAll === 'function') {
+    g.afterAll(()=>detachClipboardStubFromView(globalThis.window));
+}
+
+var editableInputTypes;
+(function(editableInputTypes) {
+    editableInputTypes["text"] = "text";
+    editableInputTypes["date"] = "date";
+    editableInputTypes["datetime-local"] = "datetime-local";
+    editableInputTypes["email"] = "email";
+    editableInputTypes["month"] = "month";
+    editableInputTypes["number"] = "number";
+    editableInputTypes["password"] = "password";
+    editableInputTypes["search"] = "search";
+    editableInputTypes["tel"] = "tel";
+    editableInputTypes["time"] = "time";
+    editableInputTypes["url"] = "url";
+    editableInputTypes["week"] = "week";
+})(editableInputTypes || (editableInputTypes = {}));
+
+var maxLengthSupportedTypes;
+(function(maxLengthSupportedTypes) {
+    maxLengthSupportedTypes["email"] = "email";
+    maxLengthSupportedTypes["password"] = "password";
+    maxLengthSupportedTypes["search"] = "search";
+    maxLengthSupportedTypes["telephone"] = "telephone";
+    maxLengthSupportedTypes["text"] = "text";
+    maxLengthSupportedTypes["url"] = "url";
+})(maxLengthSupportedTypes || (maxLengthSupportedTypes = {}));
+
+var bracketDict;
+(function(bracketDict) {
+    bracketDict["{"] = "}";
+    bracketDict["["] = "]";
+})(bracketDict || (bracketDict = {}));
+/**
+ * Read the next key definition from user input
+ *
+ * Describe key per `{descriptor}` or `[descriptor]`.
+ * Everything else will be interpreted as a single character as descriptor - e.g. `a`.
+ * Brackets `{` and `[` can be escaped by doubling - e.g. `foo[[bar` translates to `foo[bar`.
+ * A previously pressed key can be released per `{/descriptor}`.
+ * Keeping the key pressed can be written as `{descriptor>}`.
+ * When keeping the key pressed you can choose how long the key is pressed `{descriptor>3}`.
+ * You can then release the key per `{descriptor>3/}` or keep it pressed and continue with the next key.
+ */ function readNextDescriptor(text, context) {
+    let pos = 0;
+    const startBracket = text[pos] in bracketDict ? text[pos] : '';
+    pos += startBracket.length;
+    const isEscapedChar = new RegExp(`^\\${startBracket}{2}`).test(text);
+    const type = isEscapedChar ? '' : startBracket;
+    return {
+        type,
+        ...type === '' ? readPrintableChar(text, pos) : readTag(text, pos, type)
+    };
+}
+function readPrintableChar(text, pos, context) {
+    const descriptor = text[pos];
+    assertDescriptor(descriptor, text, pos);
+    pos += descriptor.length;
+    return {
+        consumedLength: pos,
+        descriptor,
+        releasePrevious: false,
+        releaseSelf: true,
+        repeat: 1
+    };
+}
+function readTag(text, pos, startBracket, context) {
+    var _text_slice_match, _text_slice_match1;
+    const releasePreviousModifier = text[pos] === '/' ? '/' : '';
+    pos += releasePreviousModifier.length;
+    const escapedDescriptor = startBracket === '{' && text[pos] === '\\';
+    pos += Number(escapedDescriptor);
+    const descriptor = escapedDescriptor ? text[pos] : (_text_slice_match = text.slice(pos).match(startBracket === '{' ? /^\w+|^[^}>/]/ : /^\w+/)) === null || _text_slice_match === void 0 ? void 0 : _text_slice_match[0];
+    assertDescriptor(descriptor, text, pos);
+    pos += descriptor.length;
+    var _text_slice_match_;
+    const repeatModifier = (_text_slice_match_ = (_text_slice_match1 = text.slice(pos).match(/^>\d+/)) === null || _text_slice_match1 === void 0 ? void 0 : _text_slice_match1[0]) !== null && _text_slice_match_ !== void 0 ? _text_slice_match_ : '';
+    pos += repeatModifier.length;
+    const releaseSelfModifier = text[pos] === '/' || !repeatModifier && text[pos] === '>' ? text[pos] : '';
+    pos += releaseSelfModifier.length;
+    const expectedEndBracket = bracketDict[startBracket];
+    const endBracket = text[pos] === expectedEndBracket ? expectedEndBracket : '';
+    if (!endBracket) {
+        throw new Error(getErrorMessage([
+            !repeatModifier && 'repeat modifier',
+            !releaseSelfModifier && 'release modifier',
+            `"${expectedEndBracket}"`
+        ].filter(Boolean).join(' or '), text[pos], text));
+    }
+    pos += endBracket.length;
+    return {
+        consumedLength: pos,
+        descriptor,
+        releasePrevious: !!releasePreviousModifier,
+        repeat: repeatModifier ? Math.max(Number(repeatModifier.substr(1)), 1) : 1,
+        releaseSelf: hasReleaseSelf(releaseSelfModifier, repeatModifier)
+    };
+}
+function assertDescriptor(descriptor, text, pos, context) {
+    if (!descriptor) {
+        throw new Error(getErrorMessage('key descriptor', text[pos], text));
+    }
+}
+function hasReleaseSelf(releaseSelfModifier, repeatModifier) {
+    if (releaseSelfModifier) {
+        return releaseSelfModifier === '/';
+    }
+    if (repeatModifier) {
+        return false;
+    }
+}
+function getErrorMessage(expected, found, text, context) {
+    return `Expected ${expected} but found "${found !== null && found !== void 0 ? found : ''}" in "${text}"
+    See ${`https://testing-library.com/docs/user-event/keyboard`}
+    for more information about how userEvent parses your input.`;
+}
+
+var ApiLevel;
+(function(ApiLevel) {
+    ApiLevel[ApiLevel["Trigger"] = 2] = "Trigger";
+    ApiLevel[ApiLevel["Call"] = 1] = "Call";
+})(ApiLevel || (ApiLevel = {}));
+
+var PointerEventsCheckLevel;
+(function(PointerEventsCheckLevel) {
+    /**
+   * Check pointer events on every user interaction that triggers a bunch of events.
+   * E.g. once for releasing a mouse button even though this triggers `pointerup`, `mouseup`, `click`, etc...
+   */ PointerEventsCheckLevel[PointerEventsCheckLevel["EachTrigger"] = 4] = "EachTrigger";
+    /** Check each target once per call to pointer (related) API */ PointerEventsCheckLevel[PointerEventsCheckLevel["EachApiCall"] = 2] = "EachApiCall";
+    /** Check each event target once */ PointerEventsCheckLevel[PointerEventsCheckLevel["EachTarget"] = 1] = "EachTarget";
+    /** No pointer events check */ PointerEventsCheckLevel[PointerEventsCheckLevel["Never"] = 0] = "Never";
+})(PointerEventsCheckLevel || (PointerEventsCheckLevel = {}));
+
+/**
+ * Parse key defintions per `keyboardMap`
+ *
+ * Keys can be referenced by `{key}` or `{special}` as well as physical locations per `[code]`.
+ * Everything else will be interpreted as a typed character - e.g. `a`.
+ * Brackets `{` and `[` can be escaped by doubling - e.g. `foo[[bar` translates to `foo[bar`.
+ * Keeping the key pressed can be written as `{key>}`.
+ * When keeping the key pressed you can choose how long (how many keydown and keypress) the key is pressed `{key>3}`.
+ * You can then release the key per `{key>3/}` or keep it pressed and continue with the next key.
+ */ function parseKeyDef(keyboardMap, text) {
+    const defs = [];
+    do {
+        const { type, descriptor, consumedLength, releasePrevious, releaseSelf = true, repeat } = readNextDescriptor(text);
+        var _keyboardMap_find;
+        const keyDef = (_keyboardMap_find = keyboardMap.find((def)=>{
+            if (type === '[') {
+                var _def_code;
+                return ((_def_code = def.code) === null || _def_code === void 0 ? void 0 : _def_code.toLowerCase()) === descriptor.toLowerCase();
+            } else if (type === '{') {
+                var _def_key;
+                return ((_def_key = def.key) === null || _def_key === void 0 ? void 0 : _def_key.toLowerCase()) === descriptor.toLowerCase();
+            }
+            return def.key === descriptor;
+        })) !== null && _keyboardMap_find !== void 0 ? _keyboardMap_find : {
+            key: 'Unknown',
+            code: 'Unknown',
+            [type === '[' ? 'code' : 'key']: descriptor
+        };
+        defs.push({
+            keyDef,
+            releasePrevious,
+            releaseSelf,
+            repeat
+        });
+        text = text.slice(consumedLength);
+    }while (text)
+    return defs;
+}
+
+var DOM_KEY_LOCATION;
+(function(DOM_KEY_LOCATION) {
+    DOM_KEY_LOCATION[DOM_KEY_LOCATION["STANDARD"] = 0] = "STANDARD";
+    DOM_KEY_LOCATION[DOM_KEY_LOCATION["LEFT"] = 1] = "LEFT";
+    DOM_KEY_LOCATION[DOM_KEY_LOCATION["RIGHT"] = 2] = "RIGHT";
+    DOM_KEY_LOCATION[DOM_KEY_LOCATION["NUMPAD"] = 3] = "NUMPAD";
+})(DOM_KEY_LOCATION || (DOM_KEY_LOCATION = {}));
+
+/**
+ * Mapping for a default US-104-QWERTY keyboard
+ */ const defaultKeyMap = [
+    // alphanumeric keys
+    ...'0123456789'.split('').map((c)=>({
+            code: `Digit${c}`,
+            key: c
+        })),
+    ...')!@#$%^&*('.split('').map((c, i)=>({
+            code: `Digit${i}`,
+            key: c,
+            shiftKey: true
+        })),
+    ...'abcdefghijklmnopqrstuvwxyz'.split('').map((c)=>({
+            code: `Key${c.toUpperCase()}`,
+            key: c
+        })),
+    ...'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').map((c)=>({
+            code: `Key${c}`,
+            key: c,
+            shiftKey: true
+        })),
+    // alphanumeric block - functional
+    {
+        code: 'Space',
+        key: ' '
+    },
+    {
+        code: 'AltLeft',
+        key: 'Alt',
+        location: DOM_KEY_LOCATION.LEFT
+    },
+    {
+        code: 'AltRight',
+        key: 'Alt',
+        location: DOM_KEY_LOCATION.RIGHT
+    },
+    {
+        code: 'ShiftLeft',
+        key: 'Shift',
+        location: DOM_KEY_LOCATION.LEFT
+    },
+    {
+        code: 'ShiftRight',
+        key: 'Shift',
+        location: DOM_KEY_LOCATION.RIGHT
+    },
+    {
+        code: 'ControlLeft',
+        key: 'Control',
+        location: DOM_KEY_LOCATION.LEFT
+    },
+    {
+        code: 'ControlRight',
+        key: 'Control',
+        location: DOM_KEY_LOCATION.RIGHT
+    },
+    {
+        code: 'MetaLeft',
+        key: 'Meta',
+        location: DOM_KEY_LOCATION.LEFT
+    },
+    {
+        code: 'MetaRight',
+        key: 'Meta',
+        location: DOM_KEY_LOCATION.RIGHT
+    },
+    {
+        code: 'OSLeft',
+        key: 'OS',
+        location: DOM_KEY_LOCATION.LEFT
+    },
+    {
+        code: 'OSRight',
+        key: 'OS',
+        location: DOM_KEY_LOCATION.RIGHT
+    },
+    {
+        code: 'Tab',
+        key: 'Tab'
+    },
+    {
+        code: 'CapsLock',
+        key: 'CapsLock'
+    },
+    {
+        code: 'Backspace',
+        key: 'Backspace'
+    },
+    {
+        code: 'Enter',
+        key: 'Enter'
+    },
+    // function
+    {
+        code: 'Escape',
+        key: 'Escape'
+    },
+    // arrows
+    {
+        code: 'ArrowUp',
+        key: 'ArrowUp'
+    },
+    {
+        code: 'ArrowDown',
+        key: 'ArrowDown'
+    },
+    {
+        code: 'ArrowLeft',
+        key: 'ArrowLeft'
+    },
+    {
+        code: 'ArrowRight',
+        key: 'ArrowRight'
+    },
+    // control pad
+    {
+        code: 'Home',
+        key: 'Home'
+    },
+    {
+        code: 'End',
+        key: 'End'
+    },
+    {
+        code: 'Delete',
+        key: 'Delete'
+    },
+    {
+        code: 'PageUp',
+        key: 'PageUp'
+    },
+    {
+        code: 'PageDown',
+        key: 'PageDown'
+    },
+    // Special keys that are not part of a default US-layout but included for specific behavior
+    {
+        code: 'Fn',
+        key: 'Fn'
+    },
+    {
+        code: 'Symbol',
+        key: 'Symbol'
+    },
+    {
+        code: 'AltRight',
+        key: 'AltGraph'
+    }
+];
+
+const keyboard = async (context, text) => {
+  function focusIframe() {
+    if (!document.activeElement || document.activeElement.ownerDocument !== document || document.activeElement === document.body) {
+      window.focus();
+    }
+  }
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    const frame = await context.frame();
+    await frame.evaluate(focusIframe);
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    await context.browser.execute(focusIframe);
+  }
+  await keyboardImplementation(
+    context.provider,
+    context.contextId,
+    text,
+    async () => {
+      function selectAll() {
+        const element = document.activeElement;
+        if (element && element.select) {
+          element.select();
+        }
+      }
+      if (context.provider instanceof PlaywrightBrowserProvider) {
+        const frame = await context.frame();
+        await frame.evaluate(selectAll);
+      } else if (context.provider instanceof WebdriverBrowserProvider) {
+        await context.browser.execute(selectAll);
+      } else {
+        throw new TypeError(`Provider "${context.provider.name}" does not support selecting all text`);
+      }
+    },
+    false
+  );
+};
+async function keyboardImplementation(provider, contextId, text, selectAll, skipRelease) {
+  const pressed = /* @__PURE__ */ new Set();
+  if (provider instanceof PlaywrightBrowserProvider) {
+    const page = provider.getPage(contextId);
+    const actions = parseKeyDef(defaultKeyMap, text);
+    for (const { releasePrevious, releaseSelf, repeat, keyDef } of actions) {
+      const key = keyDef.key;
+      if (pressed.has(key)) {
+        await page.keyboard.up(key);
+        pressed.delete(key);
+      }
+      if (!releasePrevious) {
+        if (key === "selectall") {
+          await selectAll();
+          continue;
+        }
+        for (let i = 1; i <= repeat; i++) {
+          await page.keyboard.down(key);
+        }
+        if (releaseSelf) {
+          await page.keyboard.up(key);
+        } else {
+          pressed.add(key);
+        }
+      }
+    }
+    if (!skipRelease && pressed.size) {
+      for (const key of pressed) {
+        await page.keyboard.up(key);
+      }
+    }
+  } else if (provider instanceof WebdriverBrowserProvider) {
+    const { Key } = await import('webdriverio');
+    const browser = provider.browser;
+    const actions = parseKeyDef(defaultKeyMap, text);
+    let keyboard2 = browser.action("key");
+    for (const { releasePrevious, releaseSelf, repeat, keyDef } of actions) {
+      let key = keyDef.key;
+      const code = "location" in keyDef ? keyDef.key : keyDef.code;
+      const special = Key[code];
+      if (special) {
+        key = special;
+      }
+      if (pressed.has(key)) {
+        keyboard2.up(key);
+        pressed.delete(key);
+      }
+      if (!releasePrevious) {
+        if (key === "selectall") {
+          await keyboard2.perform();
+          keyboard2 = browser.action("key");
+          await selectAll();
+          continue;
+        }
+        for (let i = 1; i <= repeat; i++) {
+          keyboard2.down(key);
+        }
+        if (releaseSelf) {
+          keyboard2.up(key);
+        } else {
+          pressed.add(key);
+        }
+      }
+    }
+    await keyboard2.perform(skipRelease);
+  }
+  return {
+    pressed
+  };
+}
+
+const type = async (context, xpath, text, options = {}) => {
+  const { skipClick = false, skipAutoClose = false } = options;
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    const { iframe } = context;
+    const element = iframe.locator(`xpath=${xpath}`);
+    if (!skipClick) {
+      await element.focus();
+    }
+    await keyboardImplementation(
+      context.provider,
+      context.contextId,
+      text,
+      () => element.selectText(),
+      skipAutoClose
+    );
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    const browser = context.browser;
+    const markedXpath = `//${xpath}`;
+    const element = browser.$(markedXpath);
+    if (!skipClick && !await element.isFocused()) {
+      await element.click();
+    }
+    await keyboardImplementation(
+      context.provider,
+      context.contextId,
+      text,
+      () => browser.execute(() => {
+        const element2 = document.activeElement;
+        if (element2) {
+          element2.select();
+        }
+      }),
+      skipAutoClose
+    );
+  } else {
+    throw new TypeError(`Provider "${context.provider.name}" does not support typing`);
+  }
+};
+
+const clear = async (context, xpath) => {
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    const { iframe } = context;
+    const element = iframe.locator(`xpath=${xpath}`);
+    await element.clear({
+      timeout: 1e3
+    });
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    const browser = context.browser;
+    const markedXpath = `//${xpath}`;
+    const element = await browser.$(markedXpath);
+    await element.clearValue();
+  } else {
+    throw new TypeError(`Provider "${context.provider.name}" does not support clearing elements`);
+  }
+};
+
+const fill = async (context, xpath, text, options = {}) => {
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    const { iframe } = context;
+    const element = iframe.locator(`xpath=${xpath}`);
+    await element.fill(text, { timeout: 1e3, ...options });
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    const browser = context.browser;
+    const markedXpath = `//${xpath}`;
+    await browser.$(markedXpath).setValue(text);
+  } else {
+    throw new TypeError(`Provider "${context.provider.name}" does not support clearing elements`);
+  }
+};
+
+const selectOptions = async (context, xpath, userValues, options = {}) => {
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    const value = userValues;
+    const { iframe } = context;
+    const selectElement = iframe.locator(`xpath=${xpath}`);
+    const values = await Promise.all(value.map(async (v) => {
+      if (typeof v === "string") {
+        return v;
+      }
+      const elementHandler = await iframe.locator(`xpath=${v.element}`).elementHandle();
+      if (!elementHandler) {
+        throw new Error(`Element not found: ${v.element}`);
+      }
+      return elementHandler;
+    }));
+    await selectElement.selectOption(values, {
+      timeout: 1e3,
+      ...options
+    });
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    const values = userValues;
+    if (!values.length) {
+      return;
+    }
+    const markedXpath = `//${xpath}`;
+    const browser = context.browser;
+    if (values.length === 1 && "index" in values[0]) {
+      const selectElement = browser.$(markedXpath);
+      await selectElement.selectByIndex(values[0].index);
+    } else {
+      throw new Error(`Provider "webdriverio" doesn't support selecting multiple values at once`);
+    }
+  } else {
+    throw new TypeError(`Provider "${context.provider.name}" doesn't support selectOptions command`);
+  }
+};
+
+const tab = async (context, options = {}) => {
+  const provider = context.provider;
+  if (provider instanceof PlaywrightBrowserProvider) {
+    const page = context.page;
+    await page.keyboard.press(options.shift === true ? "Shift+Tab" : "Tab");
     return;
   }
   if (provider instanceof WebdriverBrowserProvider) {
-    const page = provider.browser;
-    const markedXpath = `//${xpath}`;
-    const element = await page.$(markedXpath);
-    await element.click(options);
+    const { Key } = await import('webdriverio');
+    const browser = context.browser;
+    await browser.keys(options.shift === true ? [Key.Shift, Key.Tab] : [Key.Tab]);
     return;
   }
-  throw new Error(`Provider "${provider.name}" doesn't support click command`);
+  throw new Error(`Provider "${provider.name}" doesn't support tab command`);
+};
+
+const dragAndDrop = async (context, source, target, options) => {
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    const frame = await context.frame();
+    await frame.dragAndDrop(
+      `xpath=${source}`,
+      `xpath=${target}`,
+      {
+        timeout: 1e3,
+        ...options
+      }
+    );
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    const sourceXpath = `//${source}`;
+    const targetXpath = `//${target}`;
+    const $source = context.browser.$(sourceXpath);
+    const $target = context.browser.$(targetXpath);
+    const duration = options?.duration ?? 10;
+    await context.browser.action("pointer").move({ duration: 0, origin: $source, x: 0, y: 0 }).down({ button: 0 }).move({ duration: 0, origin: "pointer", x: 0, y: 0 }).pause(duration).move({ duration: 0, origin: $target, x: 0, y: 0 }).move({ duration: 0, origin: "pointer", x: 1, y: 0 }).move({ duration: 0, origin: "pointer", x: -1, y: 0 }).up({ button: 0 }).perform();
+  } else {
+    throw new TypeError(`Provider "${context.provider.name}" does not support dragging elements`);
+  }
+};
+
+const hover = async (context, xpath, options = {}) => {
+  if (context.provider instanceof PlaywrightBrowserProvider) {
+    await context.iframe.locator(`xpath=${xpath}`).hover({
+      timeout: 1e3,
+      ...options
+    });
+  } else if (context.provider instanceof WebdriverBrowserProvider) {
+    const browser = context.browser;
+    const markedXpath = `//${xpath}`;
+    await browser.$(markedXpath).moveTo(options);
+  } else {
+    throw new TypeError(`Provider "${context.provider.name}" does not support hover`);
+  }
 };
 
 function assertFileAccess(path, project) {
-  if (!isFileServingAllowed(path, project.server) && !isFileServingAllowed(path, project.ctx.server))
-    throw new Error(`Access denied to "${path}". See Vite config documentation for "server.fs": https://vitejs.dev/config/server-options.html#server-fs-strict.`);
+  if (!isFileServingAllowed$1(path, project.server) && !isFileServingAllowed$1(path, project.ctx.server)) {
+    throw new Error(
+      `Access denied to "${path}". See Vite config documentation for "server.fs": https://vitejs.dev/config/server-options.html#server-fs-strict.`
+    );
+  }
 }
 const readFile = async ({ project, testPath = process.cwd() }, path, options = {}) => {
   const filepath = resolve$1(dirname$1(testPath), path);
   assertFileAccess(filepath, project);
-  if (typeof options === "object" && !options.encoding)
+  if (typeof options === "object" && !options.encoding) {
     options.encoding = "utf-8";
+  }
   return promises.readFile(filepath, options);
 };
 const writeFile = async ({ project, testPath = process.cwd() }, path, data, options) => {
   const filepath = resolve$1(dirname$1(testPath), path);
   assertFileAccess(filepath, project);
   const dir = dirname$1(filepath);
-  if (!fs.existsSync(dir))
+  if (!fs.existsSync(dir)) {
     await promises.mkdir(dir, { recursive: true });
+  }
   await promises.writeFile(filepath, data, options);
 };
 const removeFile = async ({ project, testPath = process.cwd() }, path) => {
@@ -227,87 +1626,27 @@ const removeFile = async ({ project, testPath = process.cwd() }, path) => {
   await promises.rm(filepath);
 };
 
-function isObject(payload) {
-  return payload != null && typeof payload === "object";
-}
-function isSendKeysPayload(payload) {
-  const validOptions = ["type", "press", "down", "up"];
-  if (!isObject(payload))
-    throw new Error("You must provide a `SendKeysPayload` object");
-  const numberOfValidOptions = Object.keys(payload).filter(
-    (key) => validOptions.includes(key)
-  ).length;
-  const unknownOptions = Object.keys(payload).filter((key) => !validOptions.includes(key));
-  if (numberOfValidOptions > 1) {
-    throw new Error(
-      `You must provide ONLY one of the following properties to pass to the browser runner: ${validOptions.join(
-        ", "
-      )}.`
-    );
-  }
-  if (numberOfValidOptions === 0) {
-    throw new Error(
-      `You must provide one of the following properties to pass to the browser runner: ${validOptions.join(
-        ", "
-      )}.`
-    );
-  }
-  if (unknownOptions.length > 0)
-    throw new Error(`Unknown options \`${unknownOptions.join(", ")}\` present.`);
-  return true;
-}
-function isTypePayload(payload) {
-  return "type" in payload;
-}
-function isPressPayload(payload) {
-  return "press" in payload;
-}
-function isDownPayload(payload) {
-  return "down" in payload;
-}
-function isUpPayload(payload) {
-  return "up" in payload;
-}
-const sendKeys = async ({ provider, contextId }, payload) => {
-  if (!isSendKeysPayload(payload) || !payload)
-    throw new Error("You must provide a `SendKeysPayload` object");
-  if (provider instanceof PlaywrightBrowserProvider) {
-    const page = provider.getPage(contextId);
-    if (isTypePayload(payload))
-      await page.keyboard.type(payload.type);
-    else if (isPressPayload(payload))
-      await page.keyboard.press(payload.press);
-    else if (isDownPayload(payload))
-      await page.keyboard.down(payload.down);
-    else if (isUpPayload(payload))
-      await page.keyboard.up(payload.up);
-  } else if (provider instanceof WebdriverBrowserProvider) {
-    const browser = provider.browser;
-    if (isTypePayload(payload))
-      await browser.keys(payload.type.split(""));
-    else if (isPressPayload(payload))
-      await browser.keys([payload.press]);
-    else
-      throw new Error('Only "press" and "type" are supported by webdriverio.');
-  } else {
-    throw new TypeError(`"sendKeys" is not supported for ${provider.name} browser provider.`);
-  }
-};
-
 const screenshot = async (context, name, options = {}) => {
-  if (!context.testPath)
+  if (!context.testPath) {
     throw new Error(`Cannot take a screenshot without a test path`);
-  const path = resolveScreenshotPath(context.testPath, name, context.project.config);
+  }
+  const path = resolveScreenshotPath(
+    context.testPath,
+    name,
+    context.project.config
+  );
   const savePath = normalize$1(path);
   await mkdir(dirname(path), { recursive: true });
   if (context.provider instanceof PlaywrightBrowserProvider) {
     if (options.element) {
       const { element: elementXpath, ...config } = options;
-      const iframe = context.tester;
-      const element = iframe.locator(`xpath=${elementXpath}`);
+      const element = context.iframe.locator(`xpath=${elementXpath}`);
       await element.screenshot({ ...config, path: savePath });
     } else {
-      await context.body.screenshot({ ...options, path: savePath });
+      await context.iframe.locator("body").screenshot({
+        ...options,
+        path: savePath
+      });
     }
     return path;
   }
@@ -323,7 +1662,9 @@ const screenshot = async (context, name, options = {}) => {
     await element.saveScreenshot(savePath);
     return path;
   }
-  throw new Error(`Provider "${context.provider.name}" does not support screenshots`);
+  throw new Error(
+    `Provider "${context.provider.name}" does not support screenshots`
+  );
 };
 function resolveScreenshotPath(testPath, name, config) {
   const dir = dirname(testPath);
@@ -343,46 +1684,64 @@ var builtinCommands = {
   readFile,
   removeFile,
   writeFile,
-  sendKeys,
   __vitest_click: click,
-  __vitest_screenshot: screenshot
+  __vitest_dblClick: dblClick,
+  __vitest_screenshot: screenshot,
+  __vitest_type: type,
+  __vitest_clear: clear,
+  __vitest_fill: fill,
+  __vitest_tab: tab,
+  __vitest_keyboard: keyboard,
+  __vitest_selectOptions: selectOptions,
+  __vitest_dragAndDrop: dragAndDrop,
+  __vitest_hover: hover
 };
 
 const VIRTUAL_ID_CONTEXT = "\0@vitest/browser/context";
 const ID_CONTEXT = "@vitest/browser/context";
 const __dirname = dirname(fileURLToPath(import.meta.url));
-function BrowserContext(project) {
+function BrowserContext(server) {
+  const project = server.project;
   project.config.browser.commands ??= {};
-  for (const [name, command] of Object.entries(builtinCommands))
+  for (const [name, command] of Object.entries(builtinCommands)) {
     project.config.browser.commands[name] ??= command;
+  }
   for (const command in project.config.browser.commands) {
-    if (!/^[a-z_$][\w$]*$/i.test(command))
-      throw new Error(`Invalid command name "${command}". Only alphanumeric characters, $ and _ are allowed.`);
+    if (!/^[a-z_$][\w$]*$/i.test(command)) {
+      throw new Error(
+        `Invalid command name "${command}". Only alphanumeric characters, $ and _ are allowed.`
+      );
+    }
   }
   return {
     name: "vitest:browser:virtual-module:context",
     enforce: "pre",
     resolveId(id) {
-      if (id === ID_CONTEXT)
+      if (id === ID_CONTEXT) {
         return VIRTUAL_ID_CONTEXT;
+      }
     },
     load(id) {
-      if (id === VIRTUAL_ID_CONTEXT)
-        return generateContextFile.call(this, project);
+      if (id === VIRTUAL_ID_CONTEXT) {
+        return generateContextFile.call(this, server);
+      }
     }
   };
 }
-async function generateContextFile(project) {
-  const commands = Object.keys(project.config.browser.commands ?? {});
+async function generateContextFile(server) {
+  const commands = Object.keys(server.project.config.browser.commands ?? {});
   const filepathCode = "__vitest_worker__.filepath || __vitest_worker__.current?.file?.filepath || undefined";
-  const provider = project.browserProvider;
+  const provider = server.provider;
   const commandsCode = commands.filter((command) => !command.startsWith("__vitest")).map((command) => {
     return `    ["${command}"]: (...args) => rpc().triggerCommand(contextId, "${command}", filepath(), args),`;
   }).join("\n");
-  const userEventNonProviderImport = await getUserEventImport(provider, this.resolve.bind(this));
+  const userEventNonProviderImport = await getUserEventImport(
+    provider,
+    this.resolve.bind(this)
+  );
   const distContextPath = slash(`/@fs/${resolve(__dirname, "context.js")}`);
   return `
-import { page, userEvent as __userEvent_CDP__ } from '${distContextPath}'
+import { page, userEvent as __userEvent_CDP__, cdp } from '${distContextPath}'
 ${userEventNonProviderImport}
 const filepath = () => ${filepathCode}
 const rpc = () => __vitest_worker__.rpc
@@ -392,23 +1751,42 @@ export const server = {
   platform: ${JSON.stringify(process.platform)},
   version: ${JSON.stringify(process.version)},
   provider: ${JSON.stringify(provider.name)},
-  browser: ${JSON.stringify(project.config.browser.name)},
+  browser: ${JSON.stringify(server.project.config.browser.name)},
   commands: {
     ${commandsCode}
   }
 }
 export const commands = server.commands
-export const userEvent = ${provider.name === "preview" ? "__vitest_user_event__" : "__userEvent_CDP__"}
-export { page }
+export const userEvent = ${getUserEvent(provider)}
+export { page, cdp }
 `;
 }
+function getUserEvent(provider) {
+  if (provider.name !== "preview") {
+    return "__userEvent_CDP__";
+  }
+  return `{
+  ...__vitest_user_event__,
+  fill: async (element, text) => {
+    await __vitest_user_event__.clear(element)
+    await __vitest_user_event__.type(element, text)
+  },
+  dragAndDrop: async () => {
+    throw new Error('Provider "preview" does not support dragging elements')
+  }
+}`;
+}
 async function getUserEventImport(provider, resolve2) {
-  if (provider.name !== "preview")
+  if (provider.name !== "preview") {
     return "";
+  }
   const resolved = await resolve2("@testing-library/user-event", __dirname);
-  if (!resolved)
+  if (!resolved) {
     throw new Error(`Failed to resolve user-event package from ${__dirname}`);
-  return `import { userEvent as __vitest_user_event__ } from '${slash(`/@fs/${resolved.id}`)}'`;
+  }
+  return `import { userEvent as __vitest_user_event__ } from '${slash(
+    `/@fs/${resolved.id}`
+  )}'`;
 }
 
 function injectDynamicImport(code, id, parse) {
@@ -426,8 +1804,14 @@ ${err.message}`);
     onImportMeta() {
     },
     onDynamicImport(node) {
-      const replace = "__vitest_browser_runner__.wrapModule(() => import(";
-      s.overwrite(node.start, node.source.start, replace);
+      const replaceString = "__vitest_browser_runner__.wrapModule(() => import(";
+      const importSubstring = code.substring(node.start, node.end);
+      const hasIgnore = importSubstring.includes("/* @vite-ignore */");
+      s.overwrite(
+        node.start,
+        node.source.start,
+        replaceString + (hasIgnore ? "/* @vite-ignore */ " : "")
+      );
       s.overwrite(node.end - 1, node.end, "))");
     }
   });
@@ -444,159 +1828,187 @@ var DynamicImport = () => {
     name: "vitest:browser:esm-injector",
     enforce: "post",
     transform(source, id) {
-      if (!regexDynamicImport.test(source))
+      if (!regexDynamicImport.test(source)) {
         return;
+      }
       return injectDynamicImport(source, id, this.parse);
     }
   };
 };
 
-function defineBrowserCommand(fn) {
-  return fn;
+async function resolveOrchestrator(server, url, res) {
+  const project = server.project;
+  let contextId = url.searchParams.get("contextId");
+  if (!contextId) {
+    const contexts = [...server.state.orchestrators.keys()];
+    contextId = contexts[contexts.length - 1] ?? "none";
+  }
+  const files = server.state.getContext(contextId)?.files ?? [];
+  const config = server.getSerializableConfig();
+  const injectorJs = typeof server.injectorJs === "string" ? server.injectorJs : await server.injectorJs;
+  const injector = replacer(injectorJs, {
+    __VITEST_PROVIDER__: JSON.stringify(server.provider.name),
+    __VITEST_CONFIG__: JSON.stringify(config),
+    __VITEST_VITE_CONFIG__: JSON.stringify({
+      root: server.vite.config.root
+    }),
+    __VITEST_FILES__: JSON.stringify(files),
+    __VITEST_TYPE__: '"orchestrator"',
+    __VITEST_CONTEXT_ID__: JSON.stringify(contextId),
+    __VITEST_PROVIDED_CONTEXT__: "{}"
+  });
+  res.removeHeader("Content-Security-Policy");
+  if (!server.orchestratorScripts) {
+    server.orchestratorScripts = await server.formatScripts(
+      project.config.browser.orchestratorScripts
+    );
+  }
+  let baseHtml = typeof server.orchestratorHtml === "string" ? server.orchestratorHtml : await server.orchestratorHtml;
+  if (project.config.browser.ui) {
+    const manifestContent = server.manifest instanceof Promise ? await server.manifest : server.manifest;
+    const jsEntry = manifestContent["orchestrator.html"].file;
+    const base = server.vite.config.base || "/";
+    baseHtml = baseHtml.replaceAll("./assets/", `${base}__vitest__/assets/`).replace(
+      "<!-- !LOAD_METADATA! -->",
+      [
+        "<script>{__VITEST_INJECTOR__}<\/script>",
+        "{__VITEST_SCRIPTS__}",
+        `<script type="module" crossorigin src="${base}${jsEntry}"><\/script>`
+      ].join("\n")
+    );
+  }
+  return replacer(baseHtml, {
+    __VITEST_FAVICON__: server.faviconUrl,
+    __VITEST_TITLE__: "Vitest Browser Runner",
+    __VITEST_SCRIPTS__: server.orchestratorScripts,
+    __VITEST_INJECTOR__: injector,
+    __VITEST_CONTEXT_ID__: JSON.stringify(contextId)
+  });
 }
 
-var index = (project, base = "/") => {
+async function resolveTester(server, url, res) {
+  const csp = res.getHeader("Content-Security-Policy");
+  if (typeof csp === "string") {
+    res.setHeader(
+      "Content-Security-Policy",
+      csp.replace(/frame-ancestors [^;]+/, "frame-ancestors *")
+    );
+  }
+  const { contextId, testFile } = server.resolveTesterUrl(url.pathname);
+  const project = server.project;
+  const state = server.state;
+  const testFiles = await project.globTestFiles();
+  const tests = testFile === "__vitest_all__" || !testFiles.includes(testFile) ? "__vitest_browser_runner__.files" : JSON.stringify([testFile]);
+  const iframeId = JSON.stringify(testFile);
+  const files = state.getContext(contextId)?.files ?? [];
+  const injectorJs = typeof server.injectorJs === "string" ? server.injectorJs : await server.injectorJs;
+  const config = server.getSerializableConfig();
+  const injector = replacer(injectorJs, {
+    __VITEST_PROVIDER__: JSON.stringify(server.provider.name),
+    __VITEST_CONFIG__: JSON.stringify(config),
+    __VITEST_FILES__: JSON.stringify(files),
+    __VITEST_VITE_CONFIG__: JSON.stringify({
+      root: server.vite.config.root
+    }),
+    __VITEST_TYPE__: '"tester"',
+    __VITEST_CONTEXT_ID__: JSON.stringify(contextId),
+    __VITEST_PROVIDED_CONTEXT__: JSON.stringify(stringify(project.getProvidedContext()))
+  });
+  if (!server.testerScripts) {
+    const testerScripts = await server.formatScripts(
+      project.config.browser.testerScripts
+    );
+    const clientScript = `<script type="module" src="${config.base || "/"}@vite/client"><\/script>`;
+    const stateJs = typeof server.stateJs === "string" ? server.stateJs : await server.stateJs;
+    const stateScript = `<script type="module">${stateJs}<\/script>`;
+    server.testerScripts = `${stateScript}${clientScript}${testerScripts}`;
+  }
+  const testerHtml = typeof server.testerHtml === "string" ? server.testerHtml : await server.testerHtml;
+  return replacer(testerHtml, {
+    __VITEST_FAVICON__: server.faviconUrl,
+    __VITEST_TITLE__: "Vitest Browser Tester",
+    __VITEST_SCRIPTS__: server.testerScripts,
+    __VITEST_INJECTOR__: injector,
+    __VITEST_APPEND__: `<script type="module">
+__vitest_browser_runner__.runningFiles = ${tests}
+__vitest_browser_runner__.iframeId = ${iframeId}
+__vitest_browser_runner__.runTests(__vitest_browser_runner__.runningFiles)
+<\/script>`
+  });
+}
+
+var BrowserPlugin = (browserServer, base = "/") => {
   const pkgRoot = resolve(fileURLToPath(import.meta.url), "../..");
   const distRoot = resolve(pkgRoot, "dist");
+  const project = browserServer.project;
+  let loupePath;
   return [
     {
       enforce: "pre",
       name: "vitest:browser",
-      async config(viteConfig) {
-        // Enables using ignore hint for coverage providers with @preserve keyword
-        if (viteConfig.esbuild !== false) {
-          viteConfig.esbuild ||= {};
-          viteConfig.esbuild.legalComments = "inline";
-        }
-      },
       async configureServer(server) {
-        const testerHtml = readFile$1(resolve(distRoot, "client/tester.html"), "utf8");
-        const orchestratorHtml = project.config.browser.ui ? readFile$1(resolve(distRoot, "client/__vitest__/index.html"), "utf8") : readFile$1(resolve(distRoot, "client/orchestrator.html"), "utf8");
-        const injectorJs = readFile$1(resolve(distRoot, "client/esm-client-injector.js"), "utf8");
-        const manifest = (async () => {
-          return JSON.parse(await readFile$1(`${distRoot}/client/.vite/manifest.json`, "utf8"));
-        })();
-        const favicon = `${base}favicon.svg`;
-        const testerPrefix = `${base}__vitest_test__/__test__/`;
-        server.middlewares.use((_req, res, next) => {
+        browserServer.setServer(server);
+        server.middlewares.use(function vitestHeaders(_req, res, next) {
           const headers = server.config.server.headers;
           if (headers) {
-            for (const name in headers)
+            for (const name in headers) {
               res.setHeader(name, headers[name]);
+            }
           }
           next();
         });
-        let orchestratorScripts;
-        let testerScripts;
-        server.middlewares.use(async (req, res, next) => {
-          if (!req.url)
+        server.middlewares.use(async function vitestBrowserMode(req, res, next) {
+          if (!req.url) {
             return next();
+          }
           const url = new URL(req.url, "http://localhost");
-          if (!url.pathname.startsWith(testerPrefix) && url.pathname !== base)
+          if (!url.pathname.startsWith(browserServer.prefixTesterUrl) && url.pathname !== base) {
             return next();
-          res.setHeader("Cache-Control", "no-cache, max-age=0, must-revalidate");
+          }
+          res.setHeader(
+            "Cache-Control",
+            "no-cache, max-age=0, must-revalidate"
+          );
           res.setHeader("Content-Type", "text/html; charset=utf-8");
-          const config = wrapConfig(project.getSerializableConfig());
-          config.env ??= {};
-          config.env.VITEST_BROWSER_DEBUG = process.env.VITEST_BROWSER_DEBUG || "";
           res.removeHeader("X-Frame-Options");
           if (url.pathname === base) {
-            let contextId2 = url.searchParams.get("contextId");
-            if (!contextId2)
-              contextId2 = project.browserState.keys().next().value ?? "none";
-            const files2 = project.browserState.get(contextId2)?.files ?? [];
-            const injector2 = replacer(await injectorJs, {
-              __VITEST_CONFIG__: JSON.stringify(config),
-              __VITEST_VITE_CONFIG__: JSON.stringify({
-                root: project.browser.config.root
-              }),
-              __VITEST_FILES__: JSON.stringify(files2),
-              __VITEST_TYPE__: url.pathname === base ? '"orchestrator"' : '"tester"',
-              __VITEST_CONTEXT_ID__: JSON.stringify(contextId2)
-            });
-            res.removeHeader("Content-Security-Policy");
-            if (!orchestratorScripts)
-              orchestratorScripts = await formatScripts(project.config.browser.orchestratorScripts, server);
-            let baseHtml = await orchestratorHtml;
-            if (project.config.browser.ui) {
-              const manifestContent = await manifest;
-              const jsEntry = manifestContent["orchestrator.html"].file;
-              baseHtml = baseHtml.replaceAll("./assets/", `${base}__vitest__/assets/`).replace(
-                "<!-- !LOAD_METADATA! -->",
-                [
-                  "<script>{__VITEST_INJECTOR__}<\/script>",
-                  "{__VITEST_SCRIPTS__}",
-                  `<script type="module" crossorigin src="${jsEntry}"><\/script>`
-                ].join("\n")
-              );
-            }
-            const html2 = replacer(baseHtml, {
-              __VITEST_FAVICON__: favicon,
-              __VITEST_TITLE__: "Vitest Browser Runner",
-              __VITEST_SCRIPTS__: orchestratorScripts,
-              __VITEST_INJECTOR__: injector2,
-              __VITEST_CONTEXT_ID__: JSON.stringify(contextId2)
-            });
+            const html2 = await resolveOrchestrator(browserServer, url, res);
             res.write(html2, "utf-8");
             res.end();
             return;
           }
-          const csp = res.getHeader("Content-Security-Policy");
-          if (typeof csp === "string") {
-            res.setHeader("Content-Security-Policy", csp.replace(/frame-ancestors [^;]+/, "frame-ancestors *"));
-          }
-          const [contextId, testFile] = url.pathname.slice(testerPrefix.length).split("/");
-          const decodedTestFile = decodeURIComponent(testFile);
-          const testFiles = await project.globTestFiles();
-          const tests = decodedTestFile === "__vitest_all__" || !testFiles.includes(decodedTestFile) ? "__vitest_browser_runner__.files" : JSON.stringify([decodedTestFile]);
-          const iframeId = JSON.stringify(decodedTestFile);
-          const files = project.browserState.get(contextId)?.files ?? [];
-          const injector = replacer(await injectorJs, {
-            __VITEST_CONFIG__: JSON.stringify(config),
-            __VITEST_FILES__: JSON.stringify(files),
-            __VITEST_VITE_CONFIG__: JSON.stringify({
-              root: project.browser.config.root
-            }),
-            __VITEST_TYPE__: url.pathname === base ? '"orchestrator"' : '"tester"',
-            __VITEST_CONTEXT_ID__: JSON.stringify(contextId)
-          });
-          if (!testerScripts)
-            testerScripts = await formatScripts(project.config.browser.testerScripts, server);
-          const html = replacer(await testerHtml, {
-            __VITEST_FAVICON__: favicon,
-            __VITEST_TITLE__: "Vitest Browser Tester",
-            __VITEST_SCRIPTS__: testerScripts,
-            __VITEST_INJECTOR__: injector,
-            __VITEST_APPEND__: (
-              // TODO: have only a single global variable to not pollute the global scope
-              `<script type="module">
-  __vitest_browser_runner__.runningFiles = ${tests}
-  __vitest_browser_runner__.iframeId = ${iframeId}
-  __vitest_browser_runner__.runTests(__vitest_browser_runner__.runningFiles)
-<\/script>`
-            )
-          });
+          const html = await resolveTester(browserServer, url, res);
           res.write(html, "utf-8");
           res.end();
         });
         server.middlewares.use(
-          base,
-          sirv(resolve(distRoot, "client"), {
-            single: false,
-            dev: true
-          })
+          `${base}favicon.svg`,
+          (_, res) => {
+            const content = readFileSync(resolve(distRoot, "client/favicon.svg"));
+            res.write(content, "utf-8");
+            res.end();
+          }
         );
         const coverageFolder = resolveCoverageFolder(project);
         const coveragePath = coverageFolder ? coverageFolder[1] : void 0;
-        if (coveragePath && base === coveragePath)
-          throw new Error(`The ui base path and the coverage path cannot be the same: ${base}, change coverage.reportsDirectory`);
-        coverageFolder && server.middlewares.use(coveragePath, sirv(coverageFolder[0], {
-          single: true,
-          dev: true,
-          setHeaders: (res) => {
-            res.setHeader("Cache-Control", "public,max-age=0,must-revalidate");
-          }
-        }));
+        if (coveragePath && base === coveragePath) {
+          throw new Error(
+            `The ui base path and the coverage path cannot be the same: ${base}, change coverage.reportsDirectory`
+          );
+        }
+        coverageFolder && server.middlewares.use(
+          coveragePath,
+          sirv(coverageFolder[0], {
+            single: true,
+            dev: true,
+            setHeaders: (res) => {
+              res.setHeader(
+                "Cache-Control",
+                "public,max-age=0,must-revalidate"
+              );
+            }
+          })
+        );
       }
     },
     {
@@ -604,27 +2016,56 @@ var index = (project, base = "/") => {
       enforce: "pre",
       async config() {
         const allTestFiles = await project.globTestFiles();
-        const browserTestFiles = allTestFiles.filter((file) => getFilePoolName(project, file) === "browser");
+        const browserTestFiles = allTestFiles.filter(
+          (file) => getFilePoolName(project, file) === "browser"
+        );
         const setupFiles = toArray(project.config.setupFiles);
-        const vitestPaths = [
+        const define = {};
+        for (const env in project.config.env || {}) {
+          const stringValue = JSON.stringify(project.config.env[env]);
+          define[`process.env.${env}`] = stringValue;
+          define[`import.meta.env.${env}`] = stringValue;
+        }
+        const entries = [
+          ...browserTestFiles,
+          ...setupFiles,
           resolve(distDir, "index.js"),
           resolve(distDir, "browser.js"),
           resolve(distDir, "runners.js"),
-          resolve(distDir, "utils.js")
+          resolve(distDir, "utils.js"),
+          ...project.config.snapshotSerializers || []
         ];
+        if (project.config.diff) {
+          entries.push(project.config.diff);
+        }
+        if (project.ctx.coverageProvider) {
+          const coverage = project.ctx.config.coverage;
+          const provider = coverage.provider;
+          if (provider === "v8") {
+            const path = tryResolve("@vitest/coverage-v8", [project.ctx.config.root]);
+            if (path) {
+              entries.push(path);
+            }
+          } else if (provider === "istanbul") {
+            const path = tryResolve("@vitest/coverage-istanbul", [project.ctx.config.root]);
+            if (path) {
+              entries.push(path);
+            }
+          } else if (provider === "custom" && coverage.customProviderModule) {
+            entries.push(coverage.customProviderModule);
+          }
+        }
         return {
+          define,
           optimizeDeps: {
-            entries: [
-              ...browserTestFiles,
-              ...setupFiles,
-              ...vitestPaths
-            ],
+            entries,
             exclude: [
               "vitest",
               "vitest/utils",
               "vitest/browser",
               "vitest/runners",
               "@vitest/utils",
+              "@vitest/utils/source-map",
               "@vitest/runner",
               "@vitest/spy",
               "@vitest/utils/error",
@@ -648,6 +2089,7 @@ var index = (project, base = "/") => {
               "vitest > chai > loupe",
               "vitest > @vitest/runner > p-limit",
               "vitest > @vitest/utils > diff-sequences",
+              "vitest > @vitest/utils > loupe",
               "@vitest/browser > @testing-library/user-event",
               "@vitest/browser > @testing-library/dom"
             ]
@@ -655,50 +2097,122 @@ var index = (project, base = "/") => {
         };
       },
       async resolveId(id) {
-        if (!/\?browserv=\w+$/.test(id))
+        if (!/\?browserv=\w+$/.test(id)) {
           return;
+        }
         let useId = id.slice(0, id.lastIndexOf("?"));
-        if (useId.startsWith("/@fs/"))
+        if (useId.startsWith("/@fs/")) {
           useId = useId.slice(5);
-        if (/^\w:/.test(useId))
+        }
+        if (/^\w:/.test(useId)) {
           useId = useId.replace(/\\/g, "/");
+        }
         return useId;
       }
     },
     {
       name: "vitest:browser:resolve-virtual",
       async resolveId(rawId) {
-        if (rawId.startsWith("/__virtual_vitest__:")) {
-          let id = rawId.slice("/__virtual_vitest__:".length);
-          if (id === "mocker-worker.js")
-            id = "msw/mockServiceWorker.js";
-          const resolved = await this.resolve(
-            id,
-            distRoot,
-            {
-              skipSelf: true
-            }
-          );
+        if (rawId.startsWith("/__virtual_vitest__")) {
+          const url = new URL(rawId, "http://localhost");
+          if (!url.searchParams.has("id")) {
+            return;
+          }
+          const id = decodeURIComponent(url.searchParams.get("id"));
+          const resolved = await this.resolve(id, distRoot, {
+            skipSelf: true
+          });
           return resolved;
         }
+        if (rawId === "/__vitest_msw__") {
+          return this.resolve("msw/mockServiceWorker.js", distRoot, {
+            skipSelf: true
+          });
+        }
+      }
+    },
+    {
+      name: "vitest:browser:assets",
+      resolveId(id) {
+        if (id.startsWith("/__vitest_browser__/") || id.startsWith("/__vitest__/")) {
+          return resolve(distRoot, "client", id.slice(1));
+        }
+      },
+      configResolved(config) {
+        loupePath = resolve(config.cacheDir, "deps/loupe.js");
+      },
+      transform(code, id) {
+        if (id.startsWith(loupePath)) {
+          const utilRequire = "nodeUtil = require_util();";
+          return code.replace(utilRequire, " ".repeat(utilRequire.length));
+        }
       }
     },
-    BrowserContext(project),
+    BrowserContext(browserServer),
     DynamicImport(),
+    {
+      name: "vitest:browser:config",
+      enforce: "post",
+      async config(viteConfig) {
+        // Enables using ignore hint for coverage providers with @preserve keyword
+        viteConfig.esbuild ||= {};
+        viteConfig.esbuild.legalComments = "inline";
+        const server = resolveApiServerConfig(
+          viteConfig.test?.browser || {},
+          defaultBrowserPort
+        ) || {
+          port: defaultBrowserPort
+        };
+        server.middlewareMode = false;
+        viteConfig.server = {
+          ...viteConfig.server,
+          ...server,
+          open: false
+        };
+        viteConfig.server.fs ??= {};
+        viteConfig.server.fs.allow = viteConfig.server.fs.allow || [];
+        viteConfig.server.fs.allow.push(
+          ...resolveFsAllow(
+            project.ctx.config.root,
+            project.ctx.server.config.configFile
+          )
+        );
+        return {
+          resolve: {
+            alias: viteConfig.test?.alias
+          }
+        };
+      }
+    },
     // TODO: remove this when @testing-library/vue supports ESM
     {
-      name: "vitest:browser:support-vue-testing-library",
+      name: "vitest:browser:support-testing-library",
       config() {
         return {
+          define: {
+            // testing-library/preact
+            "process.env.PTL_SKIP_AUTO_CLEANUP": !!process.env.PTL_SKIP_AUTO_CLEANUP,
+            // testing-library/react
+            "process.env.RTL_SKIP_AUTO_CLEANUP": !!process.env.RTL_SKIP_AUTO_CLEANUP,
+            "process.env?.RTL_SKIP_AUTO_CLEANUP": !!process.env.RTL_SKIP_AUTO_CLEANUP,
+            // testing-library/svelte, testing-library/solid
+            "process.env.STL_SKIP_AUTO_CLEANUP": !!process.env.STL_SKIP_AUTO_CLEANUP,
+            // testing-library/vue
+            "process.env.VTL_SKIP_AUTO_CLEANUP": !!process.env.VTL_SKIP_AUTO_CLEANUP,
+            // dom.debug()
+            "process.env.DEBUG_PRINT_LIMIT": process.env.DEBUG_PRINT_LIMIT || 7e3
+          },
           optimizeDeps: {
             esbuildOptions: {
               plugins: [
                 {
                   name: "test-utils-rewrite",
                   setup(build) {
-                    const _require = createRequire(import.meta.url);
                     build.onResolve({ filter: /@vue\/test-utils/ }, (args) => {
-                      const resolved = _require.resolve(args.path, { paths: [args.importer] });
+                      const _require2 = getRequire();
+                      const resolved = _require2.resolve(args.path, {
+                        paths: [args.importer]
+                      });
                       return { path: resolved };
                     });
                   }
@@ -711,45 +2225,171 @@ var index = (project, base = "/") => {
     }
   ];
 };
+function tryResolve(path, paths) {
+  try {
+    const _require2 = getRequire();
+    return _require2.resolve(path, { paths });
+  } catch {
+    return void 0;
+  }
+}
+let _require;
+function getRequire() {
+  if (!_require) {
+    _require = createRequire(import.meta.url);
+  }
+  return _require;
+}
 function resolveCoverageFolder(project) {
   const options = project.ctx.config;
-  const htmlReporter = options.coverage?.enabled ? options.coverage.reporter.find((reporter) => {
-    if (typeof reporter === "string")
+  const htmlReporter = options.coverage?.enabled ? toArray(options.coverage.reporter).find((reporter) => {
+    if (typeof reporter === "string") {
       return reporter === "html";
+    }
     return reporter[0] === "html";
   }) : void 0;
-  if (!htmlReporter)
+  if (!htmlReporter) {
     return void 0;
+  }
   const root = resolve(
     options.root || process.cwd(),
     options.coverage.reportsDirectory || coverageConfigDefaults.reportsDirectory
   );
   const subdir = Array.isArray(htmlReporter) && htmlReporter.length > 1 && "subdir" in htmlReporter[1] ? htmlReporter[1].subdir : void 0;
-  if (!subdir || typeof subdir !== "string")
+  if (!subdir || typeof subdir !== "string") {
     return [root, `/${basename(root)}/`];
+  }
   return [resolve(root, subdir), `/${basename(root)}/${subdir}/`];
 }
-function wrapConfig(config) {
+
+const debug = createDebugger("vitest:browser:pool");
+function createBrowserPool(ctx) {
+  const providers = /* @__PURE__ */ new Set();
+  const waitForTests = async (contextId, project, files) => {
+    const context = project.browser.state.createAsyncContext(contextId, files);
+    return await context;
+  };
+  const runTests = async (project, files) => {
+    ctx.state.clearFiles(project, files);
+    const browser = project.browser;
+    const threadsCount = getThreadsCount(project);
+    const provider = browser.provider;
+    providers.add(provider);
+    const resolvedUrls = browser.vite.resolvedUrls;
+    const origin = resolvedUrls?.local[0] ?? resolvedUrls?.network[0];
+    if (!origin) {
+      throw new Error(
+        `Can't find browser origin URL for project "${project.getName()}" when running tests for files "${files.join('", "')}"`
+      );
+    }
+    const filesPerThread = Math.ceil(files.length / threadsCount);
+    const chunks = [];
+    for (let i = 0; i < files.length; i += filesPerThread) {
+      const chunk = files.slice(i, i + filesPerThread);
+      chunks.push(chunk);
+    }
+    debug?.(
+      `[%s] Running %s tests in %s chunks (%s threads)`,
+      project.getName() || "core",
+      files.length,
+      chunks.length,
+      threadsCount
+    );
+    const orchestrators = [...browser.state.orchestrators.entries()];
+    const promises = [];
+    chunks.forEach((files2, index) => {
+      if (orchestrators[index]) {
+        const [contextId, orchestrator] = orchestrators[index];
+        debug?.(
+          "Reusing orchestrator (context %s) for files: %s",
+          contextId,
+          [...files2.map((f) => relative(project.config.root, f))].join(", ")
+        );
+        const promise = waitForTests(contextId, project, files2);
+        promises.push(promise);
+        orchestrator.createTesters(files2);
+      } else {
+        const contextId = crypto.randomUUID();
+        const waitPromise = waitForTests(contextId, project, files2);
+        debug?.(
+          "Opening a new context %s for files: %s",
+          contextId,
+          [...files2.map((f) => relative(project.config.root, f))].join(", ")
+        );
+        const url = new URL("/", origin);
+        url.searchParams.set("contextId", contextId);
+        const page = provider.openPage(contextId, url.toString()).then(() => waitPromise);
+        promises.push(page);
+      }
+    });
+    await Promise.all(promises);
+  };
+  const runWorkspaceTests = async (specs) => {
+    const groupedFiles = /* @__PURE__ */ new Map();
+    for (const [project, file] of specs) {
+      const files = groupedFiles.get(project) || [];
+      files.push(file);
+      groupedFiles.set(project, files);
+    }
+    let isCancelled = false;
+    ctx.onCancel(() => {
+      isCancelled = true;
+    });
+    for (const [project, files] of groupedFiles.entries()) {
+      if (isCancelled) {
+        break;
+      }
+      await runTests(project, files);
+    }
+  };
+  const numCpus = typeof nodeos.availableParallelism === "function" ? nodeos.availableParallelism() : nodeos.cpus().length;
+  function getThreadsCount(project) {
+    const config = project.config.browser;
+    if (!config.headless || !project.browser.provider.supportsParallelism) {
+      return 1;
+    }
+    if (!config.fileParallelism) {
+      return 1;
+    }
+    return ctx.config.watch ? Math.max(Math.floor(numCpus / 2), 1) : Math.max(numCpus - 1, 1);
+  }
   return {
-    ...config,
-    // workaround RegExp serialization
-    testNamePattern: config.testNamePattern ? config.testNamePattern.toString() : void 0
+    name: "browser",
+    async close() {
+      await Promise.all([...providers].map((provider) => provider.close()));
+      providers.clear();
+    },
+    runTests: runWorkspaceTests
   };
 }
-function replacer(code, values) {
-  return code.replace(/\{\s*(\w+)\s*\}/g, (_, key) => values[key] ?? "");
-}
-async function formatScripts(scripts, server) {
-  if (!scripts?.length)
-    return "";
-  const promises = scripts.map(async ({ content, src, async, id, type = "module" }, index) => {
-    const srcLink = (src ? (await server.pluginContainer.resolveId(src))?.id : void 0) || src;
-    const transformId = srcLink || join(server.config.root, `virtual__${id || `injected-${index}.js`}`);
-    await server.moduleGraph.ensureEntryFromUrl(transformId);
-    const contentProcessed = content && type === "module" ? (await server.pluginContainer.transform(content, transformId)).code : content;
-    return `<script type="${type}"${async ? " async" : ""}${srcLink ? ` src="${slash(`/@fs/${srcLink}`)}"` : ""}>${contentProcessed || ""}<\/script>`;
+
+async function createBrowserServer(project, configFile, prePlugins = [], postPlugins = []) {
+  const server = new BrowserServer(project, "/");
+  const root = project.config.root;
+  await project.ctx.packageInstaller.ensureInstalled("@vitest/browser", root);
+  const configPath = typeof configFile === "string" ? configFile : false;
+  const vite = await createServer({
+    ...project.options,
+    // spread project config inlined in root workspace config
+    base: "/",
+    logLevel: process.env.VITEST_BROWSER_DEBUG ?? "info",
+    mode: project.config.mode,
+    configFile: configPath,
+    // watch is handled by Vitest
+    server: {
+      hmr: false,
+      watch: null
+    },
+    plugins: [
+      ...prePlugins,
+      ...project.options?.plugins || [],
+      BrowserPlugin(server),
+      ...postPlugins
+    ]
   });
-  return (await Promise.all(promises)).join("\n");
+  await vite.listen();
+  setupBrowserRpc(server);
+  return server;
 }
 
-export { index as default, defineBrowserCommand };
+export { createBrowserPool, createBrowserServer };