@vitest/browser 4.1.5 → 5.0.0-beta.1

package/dist/client/__vitest_browser__/{tester-Bf18VQr2.js → tester-CIKiUsoz.js}

@@ -1,7 +1,7 @@
-import { c as resolve, m as moduleRunner, d as getWorkerState, g as getBrowserState, e as getTestName, a as getConfig } from "./utils-DmkAiRYk.js";
+import { c as resolve, g as getBrowserState, n as now$1, m as moduleRunner, d as getWorkerState, e as getTestName, a as getConfig } from "./utils-BYUpz6v6.js";
 import { onCancel, globalChannel, channel, client } from "@vitest/browser/client";
 import { userEvent, page, server } from "vitest/browser";
-import { getSafeTimers, DecodedMap as DecodedMap$1, getOriginalPosition as getOriginalPosition$1, loadDiffConfig, loadSnapshotSerializers, takeCoverageInsideWorker, browserFormat, Traces, setupCommonEnv, startCoverageInsideWorker, stopCoverageInsideWorker, startTests, collectTests, SpyModule } from "vitest/internal/browser";
+import { getSafeTimers, DecodedMap as DecodedMap$1, getOriginalPosition as getOriginalPosition$1, loadDiffConfig, loadSnapshotSerializers, takeCoverageInsideWorker, format, Traces, setupCommonEnv, startCoverageInsideWorker, stopCoverageInsideWorker, startTests, collectTests, SpyModule } from "vitest/internal/browser";
 import { TestRunner, BenchmarkRunner, recordArtifact } from "vitest";
 const scriptRel = "modulepreload";
 const assetsURL = function(dep) {
@@ -826,6 +826,101 @@ class VitestBrowserSnapshotEnvironment {
 function rpc$1() {
   return globalThis.__vitest_worker__.rpc;
 }
+const PSEUDO_CLASS_NAMES = [
+  ":hover",
+  ":active",
+  ":focus",
+  ":focus-visible",
+  ":focus-within"
+];
+function getBrowserTraceState() {
+  var _a;
+  return (_a = getBrowserState()).browserTraceState ?? (_a.browserTraceState = {});
+}
+function getTraceStateKey(testId, repeats, retry) {
+  return `${testId}:${repeats}:${retry}`;
+}
+function recordBrowserTraceEntry(task, options) {
+  var _a;
+  if ((_a = options.selector) == null ? void 0 : _a.startsWith("html >")) {
+    options.selector = options.selector.slice(6);
+  }
+  const attemptInfo = getBrowserState().browserTraceAttempts.get(task.id);
+  const relativeStartTime = (options.startTime ?? now$1()) - attemptInfo.startTime;
+  const snapshot = takeSnapshot(options.selector);
+  const entry = {
+    ...options,
+    startTime: relativeStartTime,
+    snapshot
+  };
+  const { retry, repeats } = attemptInfo;
+  const { recordCanvas } = getBrowserState().config.browser.traceView;
+  const state = getBrowserTraceState();
+  const traceKey = getTraceStateKey(task.id, repeats, retry);
+  state[traceKey] ?? (state[traceKey] = { retry, repeats, recordCanvas, entries: [] });
+  state[traceKey].entries.push(entry);
+}
+function takeSnapshot(selector) {
+  const { snapshot, createMirror } = getBrowserState().browserTraceDomSnapshot;
+  const traceView = getBrowserState().config.browser.traceView;
+  const engine = getBrowserState().selectorEngine;
+  const mirror = createMirror();
+  const serialized = snapshot(document, {
+    mirror,
+    inlineImages: traceView.inlineImages,
+    recordCanvas: traceView.recordCanvas
+  });
+  const result = {
+    serialized,
+    viewport: {
+      width: window.innerWidth,
+      height: window.innerHeight
+    },
+    scroll: {
+      x: window.scrollX,
+      y: window.scrollY
+    },
+    pseudoClassIds: {}
+  };
+  for (const className of PSEUDO_CLASS_NAMES) {
+    const elements = document.querySelectorAll(className);
+    const ids = Array.from(elements, (el) => mirror.getId(el)).filter((id) => id !== -1);
+    result.pseudoClassIds[className] = ids;
+  }
+  if (selector) {
+    try {
+      const el = engine.querySelector(
+        engine.parseSelector(selector),
+        document.documentElement,
+        false
+      );
+      if (!el) {
+        result.selectorResolution = "missing";
+      } else {
+        const id = mirror.getId(el);
+        if (id !== -1) {
+          result.selectorId = id;
+          result.selectorResolution = "matched";
+        } else {
+          result.selectorResolution = "missing";
+        }
+      }
+    } catch (error) {
+      result.selectorResolution = "error";
+      result.selectorError = error instanceof Error ? error.message : String(error);
+    }
+  }
+  return result;
+}
+function getBrowserTrace(testId, repeats, retry) {
+  const state = getBrowserTraceState();
+  const traceKey = getTraceStateKey(testId, repeats, retry);
+  const result = state[traceKey];
+  if (result) {
+    delete state[traceKey];
+    return result;
+  }
+}
 const browserHashMap = /* @__PURE__ */ new Map();
 function createBrowserRunner(runnerClass, mocker, state, coverageModule) {
   return class BrowserTestRunner extends runnerClass {
@@ -854,6 +949,18 @@ function createBrowserRunner(runnerClass, mocker, state, coverageModule) {
       const test = args[0];
       const { retry, repeats } = args[1];
       const shouldTrace = trace !== "off" && !(trace === "on-all-retries" && retry === 0) && !(trace === "on-first-retry" && retry !== 1);
+      const shouldTraceView = this.config.browser.traceView.enabled;
+      if (!shouldTraceView && !shouldTrace) {
+        getBrowserState().activeTraceTaskIds.delete(test.id);
+        getBrowserState().browserTraceAttempts.delete(test.id);
+        return;
+      }
+      if (shouldTraceView) {
+        getBrowserState().browserTraceDomSnapshot = await __vitePreload(() => import("./rrweb-snapshot-xhvrgOHx.js"), true ? [] : void 0);
+        getBrowserState().browserTraceAttempts.set(test.id, { retry, repeats, startTime: now$1() });
+      } else {
+        getBrowserState().browserTraceAttempts.delete(test.id);
+      }
       if (!shouldTrace) {
         getBrowserState().activeTraceTaskIds.delete(test.id);
         return;
@@ -873,13 +980,34 @@ function createBrowserRunner(runnerClass, mocker, state, coverageModule) {
       );
     };
     onAfterRetryTask = async (test, { retry, repeats }) => {
-      var _a, _b, _c;
-      if (!getBrowserState().activeTraceTaskIds.has(test.id)) {
+      var _a, _b, _c, _d, _e, _f;
+      const hasActiveTraceView = getBrowserState().browserTraceAttempts.has(test.id);
+      if (hasActiveTraceView) {
+        const status = (_a = test.result) == null ? void 0 : _a.state;
+        const stack = status === "fail" ? (_c = (_b = test.result) == null ? void 0 : _b.errors) == null ? void 0 : _c[0].stack : void 0;
+        const location2 = test.location ? { ...test.location, file: test.file.filepath } : void 0;
+        recordBrowserTraceEntry(test, {
+          name: `vitest:onAfterRetryTask`,
+          kind: "lifecycle",
+          ...status === "pass" || status === "fail" ? { status } : {},
+          ...stack ? { stack } : location2 ? { location: location2 } : {}
+        });
+        const traceData = getBrowserTrace(test.id, repeats, retry);
+        if (traceData) {
+          await this.commands.triggerCommand(
+            "__vitest_recordBrowserTrace",
+            [{ testId: test.id, data: traceData }]
+          );
+        }
+        getBrowserState().browserTraceAttempts.delete(test.id);
+      }
+      const hasActiveTrace = getBrowserState().activeTraceTaskIds.has(test.id);
+      if (!hasActiveTrace) {
         return;
       }
       await this.commands.triggerCommand("__vitest_markTrace", [{
-        name: `onAfterRetryTask [${(_a = test.result) == null ? void 0 : _a.state}]`,
-        stack: (_c = (_b = test.result) == null ? void 0 : _b.errors) == null ? void 0 : _c[0].stack
+        name: `onAfterRetryTask [${(_d = test.result) == null ? void 0 : _d.state}]`,
+        stack: (_f = (_e = test.result) == null ? void 0 : _e.errors) == null ? void 0 : _f[0].stack
       }]);
       const name = getTraceName(test, retry, repeats);
       if (!this.traces.has(test.id)) {
@@ -1153,7 +1281,7 @@ function setupConsoleLogSpy() {
   console$1.warn = stderr(warn);
   console$1.dir = (item, options) => {
     dir(item, options);
-    sendLog("stdout", browserFormat(item));
+    sendLog("stdout", processLog([item]));
   };
   console$1.dirxml = (...args) => {
     dirxml(...args);
@@ -1224,7 +1352,7 @@ function stderr(base) {
   };
 }
 function processLog(args) {
-  return browserFormat(...args);
+  return format(args, { multiline: true });
 }
 function sendLog(type, content, disableStack) {
   var _a, _b, _c;
@@ -2024,9 +2152,10 @@ class CommandsManager {
     const { sessionId, traces: traces2 } = getBrowserState();
     const filepath = state.filepath || ((_b = (_a = state.current) == null ? void 0 : _a.file) == null ? void 0 : _b.filepath);
     args = args.filter((arg) => arg !== void 0);
-    const actionTraceGroupName = ACTION_TRACE_COMMANDS.has(command) ? command : void 0;
+    const actionTraceGroupName = ACTION_TRACE_COMMANDS.has(command) ? `vitest:${command.slice("__vitest_".length)}` : void 0;
     const currentTest = getWorkerState().current;
-    const shouldMarkTrace = actionTraceGroupName && !!currentTest && getBrowserState().activeTraceTaskIds.has(currentTest.id);
+    const hasActiveTrace = !!actionTraceGroupName && !!currentTest && getBrowserState().activeTraceTaskIds.has(currentTest.id);
+    const hasActiveTraceView = !!actionTraceGroupName && !!currentTest && getBrowserState().browserTraceAttempts.has(currentTest.id);
     if (this._listeners.length) {
       await Promise.all(this._listeners.map((listener) => listener(command, args)));
     }
@@ -2040,7 +2169,7 @@ class CommandsManager {
       },
       async () => {
         var _a2;
-        if (shouldMarkTrace) {
+        if (hasActiveTrace) {
           await rpc2.triggerCommand(
             sessionId,
             "__vitest_groupTraceStart",
@@ -2051,15 +2180,29 @@ class CommandsManager {
             }]
           );
         }
+        let status = "pass";
+        const startTime = now$1();
         try {
           return await rpc2.triggerCommand(sessionId, command, filepath, args);
         } catch (err) {
+          status = "fail";
           clientError.message = err.message;
           clientError.name = err.name;
           clientError.stack = (_a2 = clientError.stack) == null ? void 0 : _a2.replace(clientError.message, err.message);
           throw clientError;
         } finally {
-          if (shouldMarkTrace) {
+          if (hasActiveTraceView) {
+            recordBrowserTraceEntry(currentTest, {
+              name: actionTraceGroupName,
+              kind: "action",
+              status,
+              startTime,
+              duration: now$1() - startTime,
+              selector: typeof args[0] === "string" ? args[0] : void 0,
+              stack: clientError.stack
+            });
+          }
+          if (hasActiveTrace) {
             await rpc2.triggerCommand(
               sessionId,
               "__vitest_groupTraceEnd",
@@ -2072,7 +2215,6 @@ class CommandsManager {
     );
   }
 }
-globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
 getBrowserState().provider;
 const debugVar = getConfig().env.VITEST_BROWSER_DEBUG;
 const debug = debugVar && debugVar !== "false" ? (...args) => {
@@ -2150,6 +2292,7 @@ const iframeId = url.searchParams.get("iframeId");
 const commands = new CommandsManager();
 getBrowserState().commands = commands;
 getBrowserState().activeTraceTaskIds = /* @__PURE__ */ new Set();
+getBrowserState().browserTraceAttempts = /* @__PURE__ */ new Map();
 getBrowserState().iframeId = iframeId;
 let contextSwitched = false;
 async function prepareTestEnvironment(options) {