@checkly/playwright-core 1.47.12 → 1.48.10-alpha

package/lib/vite/traceViewer/uiMode.Dlo9s_YX.js

@@ -0,0 +1,1723 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./assets/xtermModule-DZP0glxx.js","./xtermModule.4oRVGWQ-.css"])))=>i.map(i=>d[i]);
+import { u as useMeasure, r as reactExports, b as currentTheme, _ as __vitePreload, d as addThemeListener, e as removeThemeListener, j as jsxRuntimeExports, R as React, s as settings, f as clsx, m as msToString, g as Toolbar, T as ToolbarButton, M as MultiTraceModel, h as useSetting, i as useDarkModeSetting, S as SplitView, a as applyTheme, c as createRoot } from "./assets/inspectorTab-BABZNwlH.js";
+import { T as TestServerConnection, W as WebSocketTestServerTransport } from "./assets/testServerConnection-D-tXL3sj.js";
+import { E as Expandable, t as testStatusIcon, T as TreeView, W as Workbench } from "./assets/workbench-ByyWxoT8.js";
+var define_process_env_default = {};
+class TeleReporterReceiver {
+  constructor(reporter, options = {}) {
+    this.isListing = false;
+    this._tests = /* @__PURE__ */ new Map();
+    this._rootSuite = new TeleSuite("", "root");
+    this._options = options;
+    this._reporter = reporter;
+  }
+  reset() {
+    this._rootSuite._entries = [];
+    this._tests.clear();
+  }
+  dispatch(message) {
+    const { method, params } = message;
+    if (method === "onConfigure") {
+      this._onConfigure(params.config);
+      return;
+    }
+    if (method === "onProject") {
+      this._onProject(params.project);
+      return;
+    }
+    if (method === "onBegin") {
+      this._onBegin();
+      return;
+    }
+    if (method === "onTestBegin") {
+      this._onTestBegin(params.testId, params.result);
+      return;
+    }
+    if (method === "onTestEnd") {
+      this._onTestEnd(params.test, params.result);
+      return;
+    }
+    if (method === "onStepBegin") {
+      this._onStepBegin(params.testId, params.resultId, params.step);
+      return;
+    }
+    if (method === "onStepEnd") {
+      this._onStepEnd(params.testId, params.resultId, params.step);
+      return;
+    }
+    if (method === "onError") {
+      this._onError(params.error);
+      return;
+    }
+    if (method === "onStdIO") {
+      this._onStdIO(params.type, params.testId, params.resultId, params.data, params.isBase64);
+      return;
+    }
+    if (method === "onEnd")
+      return this._onEnd(params.result);
+    if (method === "onExit")
+      return this._onExit();
+  }
+  _onConfigure(config) {
+    var _a, _b;
+    this._rootDir = config.rootDir;
+    this._config = this._parseConfig(config);
+    (_b = (_a = this._reporter).onConfigure) == null ? void 0 : _b.call(_a, this._config);
+  }
+  _onProject(project) {
+    let projectSuite = this._options.mergeProjects ? this._rootSuite.suites.find((suite) => suite.project().name === project.name) : void 0;
+    if (!projectSuite) {
+      projectSuite = new TeleSuite(project.name, "project");
+      this._rootSuite._addSuite(projectSuite);
+    }
+    projectSuite._project = this._parseProject(project);
+    for (const suite of project.suites)
+      this._mergeSuiteInto(suite, projectSuite);
+  }
+  _onBegin() {
+    var _a, _b;
+    (_b = (_a = this._reporter).onBegin) == null ? void 0 : _b.call(_a, this._rootSuite);
+  }
+  _onTestBegin(testId, payload) {
+    var _a, _b;
+    const test = this._tests.get(testId);
+    if (this._options.clearPreviousResultsWhenTestBegins)
+      test.results = [];
+    const testResult = test._createTestResult(payload.id);
+    testResult.retry = payload.retry;
+    testResult.workerIndex = payload.workerIndex;
+    testResult.parallelIndex = payload.parallelIndex;
+    testResult.setStartTimeNumber(payload.startTime);
+    (_b = (_a = this._reporter).onTestBegin) == null ? void 0 : _b.call(_a, test, testResult);
+  }
+  _onTestEnd(testEndPayload, payload) {
+    var _a, _b, _c;
+    const test = this._tests.get(testEndPayload.testId);
+    test.timeout = testEndPayload.timeout;
+    test.expectedStatus = testEndPayload.expectedStatus;
+    test.annotations = testEndPayload.annotations;
+    const result = test.results.find((r) => r._id === payload.id);
+    result.duration = payload.duration;
+    result.status = payload.status;
+    result.errors = payload.errors;
+    result.error = (_a = result.errors) == null ? void 0 : _a[0];
+    result.attachments = this._parseAttachments(payload.attachments);
+    (_c = (_b = this._reporter).onTestEnd) == null ? void 0 : _c.call(_b, test, result);
+    result._stepMap = /* @__PURE__ */ new Map();
+  }
+  _onStepBegin(testId, resultId, payload) {
+    var _a, _b;
+    const test = this._tests.get(testId);
+    const result = test.results.find((r) => r._id === resultId);
+    const parentStep = payload.parentStepId ? result._stepMap.get(payload.parentStepId) : void 0;
+    const location = this._absoluteLocation(payload.location);
+    const step = new TeleTestStep(payload, parentStep, location);
+    if (parentStep)
+      parentStep.steps.push(step);
+    else
+      result.steps.push(step);
+    result._stepMap.set(payload.id, step);
+    (_b = (_a = this._reporter).onStepBegin) == null ? void 0 : _b.call(_a, test, result, step);
+  }
+  _onStepEnd(testId, resultId, payload) {
+    var _a, _b;
+    const test = this._tests.get(testId);
+    const result = test.results.find((r) => r._id === resultId);
+    const step = result._stepMap.get(payload.id);
+    step.duration = payload.duration;
+    step.error = payload.error;
+    (_b = (_a = this._reporter).onStepEnd) == null ? void 0 : _b.call(_a, test, result, step);
+  }
+  _onError(error) {
+    var _a, _b;
+    (_b = (_a = this._reporter).onError) == null ? void 0 : _b.call(_a, error);
+  }
+  _onStdIO(type, testId, resultId, data, isBase64) {
+    var _a, _b, _c, _d;
+    const chunk = isBase64 ? globalThis.Buffer ? Buffer.from(data, "base64") : atob(data) : data;
+    const test = testId ? this._tests.get(testId) : void 0;
+    const result = test && resultId ? test.results.find((r) => r._id === resultId) : void 0;
+    if (type === "stdout") {
+      result == null ? void 0 : result.stdout.push(chunk);
+      (_b = (_a = this._reporter).onStdOut) == null ? void 0 : _b.call(_a, chunk, test, result);
+    } else {
+      result == null ? void 0 : result.stderr.push(chunk);
+      (_d = (_c = this._reporter).onStdErr) == null ? void 0 : _d.call(_c, chunk, test, result);
+    }
+  }
+  async _onEnd(result) {
+    var _a, _b;
+    await ((_b = (_a = this._reporter).onEnd) == null ? void 0 : _b.call(_a, {
+      status: result.status,
+      startTime: new Date(result.startTime),
+      duration: result.duration
+    }));
+  }
+  _onExit() {
+    var _a, _b;
+    return (_b = (_a = this._reporter).onExit) == null ? void 0 : _b.call(_a);
+  }
+  _parseConfig(config) {
+    const result = { ...baseFullConfig, ...config };
+    if (this._options.configOverrides) {
+      result.configFile = this._options.configOverrides.configFile;
+      result.reportSlowTests = this._options.configOverrides.reportSlowTests;
+      result.quiet = this._options.configOverrides.quiet;
+      result.reporter = [...this._options.configOverrides.reporter];
+    }
+    return result;
+  }
+  _parseProject(project) {
+    return {
+      metadata: project.metadata,
+      name: project.name,
+      outputDir: this._absolutePath(project.outputDir),
+      repeatEach: project.repeatEach,
+      retries: project.retries,
+      testDir: this._absolutePath(project.testDir),
+      testIgnore: parseRegexPatterns(project.testIgnore),
+      testMatch: parseRegexPatterns(project.testMatch),
+      timeout: project.timeout,
+      grep: parseRegexPatterns(project.grep),
+      grepInvert: parseRegexPatterns(project.grepInvert),
+      dependencies: project.dependencies,
+      teardown: project.teardown,
+      snapshotDir: this._absolutePath(project.snapshotDir),
+      use: {}
+    };
+  }
+  _parseAttachments(attachments) {
+    return attachments.map((a) => {
+      return {
+        ...a,
+        body: a.base64 && globalThis.Buffer ? Buffer.from(a.base64, "base64") : void 0
+      };
+    });
+  }
+  _mergeSuiteInto(jsonSuite, parent) {
+    let targetSuite = parent.suites.find((s) => s.title === jsonSuite.title);
+    if (!targetSuite) {
+      targetSuite = new TeleSuite(jsonSuite.title, parent.type === "project" ? "file" : "describe");
+      parent._addSuite(targetSuite);
+    }
+    targetSuite.location = this._absoluteLocation(jsonSuite.location);
+    jsonSuite.entries.forEach((e) => {
+      if ("testId" in e)
+        this._mergeTestInto(e, targetSuite);
+      else
+        this._mergeSuiteInto(e, targetSuite);
+    });
+  }
+  _mergeTestInto(jsonTest, parent) {
+    let targetTest = this._options.mergeTestCases ? parent.tests.find((s) => s.title === jsonTest.title && s.repeatEachIndex === jsonTest.repeatEachIndex) : void 0;
+    if (!targetTest) {
+      targetTest = new TeleTestCase(jsonTest.testId, jsonTest.title, this._absoluteLocation(jsonTest.location), jsonTest.repeatEachIndex);
+      parent._addTest(targetTest);
+      this._tests.set(targetTest.id, targetTest);
+    }
+    this._updateTest(jsonTest, targetTest);
+  }
+  _updateTest(payload, test) {
+    test.id = payload.testId;
+    test.location = this._absoluteLocation(payload.location);
+    test.retries = payload.retries;
+    test.tags = payload.tags ?? [];
+    test.annotations = payload.annotations ?? [];
+    return test;
+  }
+  _absoluteLocation(location) {
+    if (!location)
+      return location;
+    return {
+      ...location,
+      file: this._absolutePath(location.file)
+    };
+  }
+  _absolutePath(relativePath) {
+    if (relativePath === void 0)
+      return;
+    return this._options.resolvePath ? this._options.resolvePath(this._rootDir, relativePath) : this._rootDir + "/" + relativePath;
+  }
+}
+class TeleSuite {
+  constructor(title, type) {
+    this._entries = [];
+    this._requireFile = "";
+    this._parallelMode = "none";
+    this.title = title;
+    this._type = type;
+  }
+  get type() {
+    return this._type;
+  }
+  get suites() {
+    return this._entries.filter((e) => e.type !== "test");
+  }
+  get tests() {
+    return this._entries.filter((e) => e.type === "test");
+  }
+  entries() {
+    return this._entries;
+  }
+  allTests() {
+    const result = [];
+    const visit = (suite) => {
+      for (const entry of suite.entries()) {
+        if (entry.type === "test")
+          result.push(entry);
+        else
+          visit(entry);
+      }
+    };
+    visit(this);
+    return result;
+  }
+  titlePath() {
+    const titlePath = this.parent ? this.parent.titlePath() : [];
+    if (this.title || this._type !== "describe")
+      titlePath.push(this.title);
+    return titlePath;
+  }
+  project() {
+    var _a;
+    return this._project ?? ((_a = this.parent) == null ? void 0 : _a.project());
+  }
+  _addTest(test) {
+    test.parent = this;
+    this._entries.push(test);
+  }
+  _addSuite(suite) {
+    suite.parent = this;
+    this._entries.push(suite);
+  }
+}
+class TeleTestCase {
+  constructor(id, title, location, repeatEachIndex) {
+    this.fn = () => {
+    };
+    this.results = [];
+    this.type = "test";
+    this.expectedStatus = "passed";
+    this.timeout = 0;
+    this.annotations = [];
+    this.retries = 0;
+    this.tags = [];
+    this.repeatEachIndex = 0;
+    this.id = id;
+    this.title = title;
+    this.location = location;
+    this.repeatEachIndex = repeatEachIndex;
+  }
+  titlePath() {
+    const titlePath = this.parent ? this.parent.titlePath() : [];
+    titlePath.push(this.title);
+    return titlePath;
+  }
+  outcome() {
+    return computeTestCaseOutcome(this);
+  }
+  ok() {
+    const status = this.outcome();
+    return status === "expected" || status === "flaky" || status === "skipped";
+  }
+  _createTestResult(id) {
+    const result = new TeleTestResult(this.results.length, id);
+    this.results.push(result);
+    return result;
+  }
+}
+class TeleTestStep {
+  constructor(payload, parentStep, location) {
+    this.duration = -1;
+    this.steps = [];
+    this._startTime = 0;
+    this.title = payload.title;
+    this.category = payload.category;
+    this.location = location;
+    this.parent = parentStep;
+    this._startTime = payload.startTime;
+  }
+  titlePath() {
+    var _a;
+    const parentPath = ((_a = this.parent) == null ? void 0 : _a.titlePath()) || [];
+    return [...parentPath, this.title];
+  }
+  get startTime() {
+    return new Date(this._startTime);
+  }
+  set startTime(value) {
+    this._startTime = +value;
+  }
+}
+class TeleTestResult {
+  constructor(retry, id) {
+    this.parallelIndex = -1;
+    this.workerIndex = -1;
+    this.duration = -1;
+    this.stdout = [];
+    this.stderr = [];
+    this.attachments = [];
+    this.status = "skipped";
+    this.steps = [];
+    this.errors = [];
+    this._stepMap = /* @__PURE__ */ new Map();
+    this._startTime = 0;
+    this.retry = retry;
+    this._id = id;
+  }
+  setStartTimeNumber(startTime) {
+    this._startTime = startTime;
+  }
+  get startTime() {
+    return new Date(this._startTime);
+  }
+  set startTime(value) {
+    this._startTime = +value;
+  }
+}
+const baseFullConfig = {
+  forbidOnly: false,
+  fullyParallel: false,
+  globalSetup: null,
+  globalTeardown: null,
+  globalTimeout: 0,
+  grep: /.*/,
+  grepInvert: null,
+  maxFailures: 0,
+  metadata: {},
+  preserveOutput: "always",
+  projects: [],
+  reporter: [[define_process_env_default.CI ? "dot" : "list"]],
+  reportSlowTests: { max: 5, threshold: 15e3 },
+  configFile: "",
+  rootDir: "",
+  quiet: false,
+  shard: null,
+  updateSnapshots: "missing",
+  version: "",
+  workers: 0,
+  webServer: null
+};
+function parseRegexPatterns(patterns) {
+  return patterns.map((p) => {
+    if (p.s !== void 0)
+      return p.s;
+    return new RegExp(p.r.source, p.r.flags);
+  });
+}
+function computeTestCaseOutcome(test) {
+  let skipped = 0;
+  let expected = 0;
+  let unexpected = 0;
+  for (const result of test.results) {
+    if (result.status === "interrupted") ;
+    else if (result.status === "skipped" && test.expectedStatus === "skipped") {
+      ++skipped;
+    } else if (result.status === "skipped") ;
+    else if (result.status === test.expectedStatus) {
+      ++expected;
+    } else {
+      ++unexpected;
+    }
+  }
+  if (expected === 0 && unexpected === 0)
+    return "skipped";
+  if (unexpected === 0)
+    return "expected";
+  if (expected === 0 && skipped === 0)
+    return "unexpected";
+  return "flaky";
+}
+class TestTree {
+  constructor(rootFolder, rootSuite, loadErrors, projectFilters, pathSeparator) {
+    this._treeItemById = /* @__PURE__ */ new Map();
+    this._treeItemByTestId = /* @__PURE__ */ new Map();
+    const filterProjects = projectFilters && [...projectFilters.values()].some(Boolean);
+    this.pathSeparator = pathSeparator;
+    this.rootItem = {
+      kind: "group",
+      subKind: "folder",
+      id: rootFolder,
+      title: "",
+      location: { file: "", line: 0, column: 0 },
+      duration: 0,
+      parent: void 0,
+      children: [],
+      status: "none",
+      hasLoadErrors: false
+    };
+    this._treeItemById.set(rootFolder, this.rootItem);
+    const visitSuite = (project, parentSuite, parentGroup) => {
+      for (const suite of parentSuite.suites) {
+        const title = suite.title || "<anonymous>";
+        let group = parentGroup.children.find((item) => item.kind === "group" && item.title === title);
+        if (!group) {
+          group = {
+            kind: "group",
+            subKind: "describe",
+            id: "suite:" + parentSuite.titlePath().join("") + "" + title,
+            // account for anonymous suites
+            title,
+            location: suite.location,
+            duration: 0,
+            parent: parentGroup,
+            children: [],
+            status: "none",
+            hasLoadErrors: false
+          };
+          this._addChild(parentGroup, group);
+        }
+        visitSuite(project, suite, group);
+      }
+      for (const test of parentSuite.tests) {
+        const title = test.title;
+        let testCaseItem = parentGroup.children.find((t) => t.kind !== "group" && t.title === title);
+        if (!testCaseItem) {
+          testCaseItem = {
+            kind: "case",
+            id: "test:" + test.titlePath().join(""),
+            title,
+            parent: parentGroup,
+            children: [],
+            tests: [],
+            location: test.location,
+            duration: 0,
+            status: "none",
+            project: void 0,
+            test: void 0,
+            tags: test.tags
+          };
+          this._addChild(parentGroup, testCaseItem);
+        }
+        const result = test.results[0];
+        let status = "none";
+        if ((result == null ? void 0 : result[statusEx]) === "scheduled")
+          status = "scheduled";
+        else if ((result == null ? void 0 : result[statusEx]) === "running")
+          status = "running";
+        else if ((result == null ? void 0 : result.status) === "skipped")
+          status = "skipped";
+        else if ((result == null ? void 0 : result.status) === "interrupted")
+          status = "none";
+        else if (result && test.outcome() !== "expected")
+          status = "failed";
+        else if (result && test.outcome() === "expected")
+          status = "passed";
+        testCaseItem.tests.push(test);
+        const testItem = {
+          kind: "test",
+          id: test.id,
+          title: project.name,
+          location: test.location,
+          test,
+          parent: testCaseItem,
+          children: [],
+          status,
+          duration: test.results.length ? Math.max(0, test.results[0].duration) : 0,
+          project
+        };
+        this._addChild(testCaseItem, testItem);
+        this._treeItemByTestId.set(test.id, testItem);
+        testCaseItem.duration = testCaseItem.children.reduce((a, b) => a + b.duration, 0);
+      }
+    };
+    for (const projectSuite of (rootSuite == null ? void 0 : rootSuite.suites) || []) {
+      if (filterProjects && !projectFilters.get(projectSuite.title))
+        continue;
+      for (const fileSuite of projectSuite.suites) {
+        const fileItem = this._fileItem(fileSuite.location.file.split(pathSeparator), true);
+        visitSuite(projectSuite.project(), fileSuite, fileItem);
+      }
+    }
+    for (const loadError of loadErrors) {
+      if (!loadError.location)
+        continue;
+      const fileItem = this._fileItem(loadError.location.file.split(pathSeparator), true);
+      fileItem.hasLoadErrors = true;
+    }
+  }
+  _addChild(parent, child) {
+    parent.children.push(child);
+    child.parent = parent;
+    this._treeItemById.set(child.id, child);
+  }
+  filterTree(filterText, statusFilters, runningTestIds) {
+    const tokens = filterText.trim().toLowerCase().split(" ");
+    const filtersStatuses = [...statusFilters.values()].some(Boolean);
+    const filter = (testCase) => {
+      const titleWithTags = [...testCase.tests[0].titlePath(), ...testCase.tests[0].tags].join(" ").toLowerCase();
+      if (!tokens.every((token) => titleWithTags.includes(token)) && !testCase.tests.some((t) => runningTestIds == null ? void 0 : runningTestIds.has(t.id)))
+        return false;
+      testCase.children = testCase.children.filter((test) => {
+        return !filtersStatuses || (runningTestIds == null ? void 0 : runningTestIds.has(test.test.id)) || statusFilters.get(test.status);
+      });
+      testCase.tests = testCase.children.map((c) => c.test);
+      return !!testCase.children.length;
+    };
+    const visit = (treeItem) => {
+      const newChildren = [];
+      for (const child of treeItem.children) {
+        if (child.kind === "case") {
+          if (filter(child))
+            newChildren.push(child);
+        } else {
+          visit(child);
+          if (child.children.length || child.hasLoadErrors)
+            newChildren.push(child);
+        }
+      }
+      treeItem.children = newChildren;
+    };
+    visit(this.rootItem);
+  }
+  _fileItem(filePath, isFile) {
+    if (filePath.length === 0)
+      return this.rootItem;
+    const fileName = filePath.join(this.pathSeparator);
+    const existingFileItem = this._treeItemById.get(fileName);
+    if (existingFileItem)
+      return existingFileItem;
+    const parentFileItem = this._fileItem(filePath.slice(0, filePath.length - 1), false);
+    const fileItem = {
+      kind: "group",
+      subKind: isFile ? "file" : "folder",
+      id: fileName,
+      title: filePath[filePath.length - 1],
+      location: { file: fileName, line: 0, column: 0 },
+      duration: 0,
+      parent: parentFileItem,
+      children: [],
+      status: "none",
+      hasLoadErrors: false
+    };
+    this._addChild(parentFileItem, fileItem);
+    return fileItem;
+  }
+  sortAndPropagateStatus() {
+    sortAndPropagateStatus(this.rootItem);
+  }
+  flattenForSingleProject() {
+    const visit = (treeItem) => {
+      if (treeItem.kind === "case" && treeItem.children.length === 1) {
+        treeItem.project = treeItem.children[0].project;
+        treeItem.test = treeItem.children[0].test;
+        treeItem.children = [];
+        this._treeItemByTestId.set(treeItem.test.id, treeItem);
+      } else {
+        treeItem.children.forEach(visit);
+      }
+    };
+    visit(this.rootItem);
+  }
+  shortenRoot() {
+    let shortRoot = this.rootItem;
+    while (shortRoot.children.length === 1 && shortRoot.children[0].kind === "group" && shortRoot.children[0].subKind === "folder")
+      shortRoot = shortRoot.children[0];
+    shortRoot.location = this.rootItem.location;
+    this.rootItem = shortRoot;
+  }
+  testIds() {
+    const result = /* @__PURE__ */ new Set();
+    const visit = (treeItem) => {
+      if (treeItem.kind === "case")
+        treeItem.tests.forEach((t) => result.add(t.id));
+      treeItem.children.forEach(visit);
+    };
+    visit(this.rootItem);
+    return result;
+  }
+  fileNames() {
+    const result = /* @__PURE__ */ new Set();
+    const visit = (treeItem) => {
+      if (treeItem.kind === "group" && treeItem.subKind === "file")
+        result.add(treeItem.id);
+      else
+        treeItem.children.forEach(visit);
+    };
+    visit(this.rootItem);
+    return [...result];
+  }
+  flatTreeItems() {
+    const result = [];
+    const visit = (treeItem) => {
+      result.push(treeItem);
+      treeItem.children.forEach(visit);
+    };
+    visit(this.rootItem);
+    return result;
+  }
+  treeItemById(id) {
+    return this._treeItemById.get(id);
+  }
+  collectTestIds(treeItem) {
+    return treeItem ? collectTestIds(treeItem) : /* @__PURE__ */ new Set();
+  }
+}
+function sortAndPropagateStatus(treeItem) {
+  for (const child of treeItem.children)
+    sortAndPropagateStatus(child);
+  if (treeItem.kind === "group") {
+    treeItem.children.sort((a, b) => {
+      const fc = a.location.file.localeCompare(b.location.file);
+      return fc || a.location.line - b.location.line;
+    });
+  }
+  let allPassed = treeItem.children.length > 0;
+  let allSkipped = treeItem.children.length > 0;
+  let hasFailed = false;
+  let hasRunning = false;
+  let hasScheduled = false;
+  for (const child of treeItem.children) {
+    allSkipped = allSkipped && child.status === "skipped";
+    allPassed = allPassed && (child.status === "passed" || child.status === "skipped");
+    hasFailed = hasFailed || child.status === "failed";
+    hasRunning = hasRunning || child.status === "running";
+    hasScheduled = hasScheduled || child.status === "scheduled";
+  }
+  if (hasRunning)
+    treeItem.status = "running";
+  else if (hasScheduled)
+    treeItem.status = "scheduled";
+  else if (hasFailed)
+    treeItem.status = "failed";
+  else if (allSkipped)
+    treeItem.status = "skipped";
+  else if (allPassed)
+    treeItem.status = "passed";
+}
+function collectTestIds(treeItem) {
+  const testIds = /* @__PURE__ */ new Set();
+  const visit = (treeItem2) => {
+    var _a;
+    if (treeItem2.kind === "case")
+      treeItem2.tests.map((t) => t.id).forEach((id) => testIds.add(id));
+    else if (treeItem2.kind === "test")
+      testIds.add(treeItem2.id);
+    else
+      (_a = treeItem2.children) == null ? void 0 : _a.forEach(visit);
+  };
+  visit(treeItem);
+  return testIds;
+}
+const statusEx = Symbol("statusEx");
+class TeleSuiteUpdater {
+  constructor(options) {
+    this.loadErrors = [];
+    this.progress = {
+      total: 0,
+      passed: 0,
+      failed: 0,
+      skipped: 0
+    };
+    this._lastRunTestCount = 0;
+    this._receiver = new TeleReporterReceiver(this._createReporter(), {
+      mergeProjects: true,
+      mergeTestCases: true,
+      resolvePath: (rootDir, relativePath) => rootDir + options.pathSeparator + relativePath,
+      clearPreviousResultsWhenTestBegins: true
+    });
+    this._options = options;
+  }
+  _createReporter() {
+    return {
+      version: () => "v2",
+      onConfigure: (c) => {
+        this.config = c;
+        this._lastRunReceiver = new TeleReporterReceiver({
+          version: () => "v2",
+          onBegin: (suite) => {
+            this._lastRunTestCount = suite.allTests().length;
+            this._lastRunReceiver = void 0;
+          }
+        }, {
+          mergeProjects: true,
+          mergeTestCases: false,
+          resolvePath: (rootDir, relativePath) => rootDir + this._options.pathSeparator + relativePath
+        });
+      },
+      onBegin: (suite) => {
+        var _a;
+        if (!this.rootSuite)
+          this.rootSuite = suite;
+        if (this._testResultsSnapshot) {
+          for (const test of this.rootSuite.allTests())
+            test.results = ((_a = this._testResultsSnapshot) == null ? void 0 : _a.get(test.id)) || test.results;
+          this._testResultsSnapshot = void 0;
+        }
+        this.progress.total = this._lastRunTestCount;
+        this.progress.passed = 0;
+        this.progress.failed = 0;
+        this.progress.skipped = 0;
+        this._options.onUpdate(true);
+      },
+      onEnd: () => {
+        this._options.onUpdate(true);
+      },
+      onTestBegin: (test, testResult) => {
+        testResult[statusEx] = "running";
+        this._options.onUpdate();
+      },
+      onTestEnd: (test, testResult) => {
+        if (test.outcome() === "skipped")
+          ++this.progress.skipped;
+        else if (test.outcome() === "unexpected")
+          ++this.progress.failed;
+        else
+          ++this.progress.passed;
+        testResult[statusEx] = testResult.status;
+        this._options.onUpdate();
+      },
+      onError: (error) => this._handleOnError(error),
+      printsToStdio: () => false
+    };
+  }
+  processGlobalReport(report) {
+    const receiver = new TeleReporterReceiver({
+      version: () => "v2",
+      onConfigure: (c) => {
+        this.config = c;
+      },
+      onError: (error) => this._handleOnError(error)
+    });
+    for (const message of report)
+      void receiver.dispatch(message);
+  }
+  processListReport(report) {
+    var _a;
+    const tests = ((_a = this.rootSuite) == null ? void 0 : _a.allTests()) || [];
+    this._testResultsSnapshot = new Map(tests.map((test) => [test.id, test.results]));
+    this._receiver.reset();
+    for (const message of report)
+      void this._receiver.dispatch(message);
+  }
+  processTestReportEvent(message) {
+    var _a, _b, _c;
+    (_b = (_a = this._lastRunReceiver) == null ? void 0 : _a.dispatch(message)) == null ? void 0 : _b.catch(() => {
+    });
+    (_c = this._receiver.dispatch(message)) == null ? void 0 : _c.catch(() => {
+    });
+  }
+  _handleOnError(error) {
+    var _a, _b;
+    this.loadErrors.push(error);
+    (_b = (_a = this._options).onError) == null ? void 0 : _b.call(_a, error);
+    this._options.onUpdate();
+  }
+  asModel() {
+    return {
+      rootSuite: this.rootSuite || new TeleSuite("", "root"),
+      config: this.config,
+      loadErrors: this.loadErrors,
+      progress: this.progress
+    };
+  }
+}
+const XtermWrapper = ({
+  source
+}) => {
+  const [measure, xtermElement] = useMeasure();
+  const [theme, setTheme] = reactExports.useState(currentTheme());
+  const [modulePromise] = reactExports.useState(__vitePreload(() => import("./assets/xtermModule-DZP0glxx.js"), true ? __vite__mapDeps([0,1]) : void 0, import.meta.url).then((m) => m.default));
+  const terminal = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    addThemeListener(setTheme);
+    return () => removeThemeListener(setTheme);
+  }, []);
+  reactExports.useEffect(() => {
+    const oldSourceWrite = source.write;
+    const oldSourceClear = source.clear;
+    (async () => {
+      const { Terminal, FitAddon } = await modulePromise;
+      const element = xtermElement.current;
+      if (!element)
+        return;
+      const terminalTheme = theme === "dark-mode" ? darkTheme : lightTheme;
+      if (terminal.current && terminal.current.terminal.options.theme === terminalTheme)
+        return;
+      if (terminal.current)
+        element.textContent = "";
+      const newTerminal = new Terminal({
+        convertEol: true,
+        fontSize: 13,
+        scrollback: 1e4,
+        fontFamily: "var(--vscode-editor-font-family)",
+        theme: terminalTheme
+      });
+      const fitAddon = new FitAddon();
+      newTerminal.loadAddon(fitAddon);
+      for (const p of source.pending)
+        newTerminal.write(p);
+      source.write = (data) => {
+        source.pending.push(data);
+        newTerminal.write(data);
+      };
+      source.clear = () => {
+        source.pending = [];
+        newTerminal.clear();
+      };
+      newTerminal.open(element);
+      fitAddon.fit();
+      terminal.current = { terminal: newTerminal, fitAddon };
+    })();
+    return () => {
+      source.clear = oldSourceClear;
+      source.write = oldSourceWrite;
+    };
+  }, [modulePromise, terminal, xtermElement, source, theme]);
+  reactExports.useEffect(() => {
+    setTimeout(() => {
+      if (!terminal.current)
+        return;
+      terminal.current.fitAddon.fit();
+      source.resize(terminal.current.terminal.cols, terminal.current.terminal.rows);
+    }, 250);
+  }, [measure, source]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "output", className: "xterm-wrapper", style: { flex: "auto" }, ref: xtermElement });
+};
+const lightTheme = {
+  foreground: "#383a42",
+  background: "#fafafa",
+  cursor: "#383a42",
+  black: "#000000",
+  red: "#e45649",
+  green: "#50a14f",
+  yellow: "#c18401",
+  blue: "#4078f2",
+  magenta: "#a626a4",
+  cyan: "#0184bc",
+  white: "#a0a0a0",
+  brightBlack: "#000000",
+  brightRed: "#e06c75",
+  brightGreen: "#98c379",
+  brightYellow: "#d19a66",
+  brightBlue: "#4078f2",
+  brightMagenta: "#a626a4",
+  brightCyan: "#0184bc",
+  brightWhite: "#383a42",
+  selectionBackground: "#d7d7d7",
+  selectionForeground: "#383a42"
+};
+const darkTheme = {
+  foreground: "#f8f8f2",
+  background: "#1e1e1e",
+  cursor: "#f8f8f0",
+  black: "#000000",
+  red: "#ff5555",
+  green: "#50fa7b",
+  yellow: "#f1fa8c",
+  blue: "#bd93f9",
+  magenta: "#ff79c6",
+  cyan: "#8be9fd",
+  white: "#bfbfbf",
+  brightBlack: "#4d4d4d",
+  brightRed: "#ff6e6e",
+  brightGreen: "#69ff94",
+  brightYellow: "#ffffa5",
+  brightBlue: "#d6acff",
+  brightMagenta: "#ff92df",
+  brightCyan: "#a4ffff",
+  brightWhite: "#e6e6e6",
+  selectionBackground: "#44475a",
+  selectionForeground: "#f8f8f2"
+};
+const FiltersView = ({ filterText, setFilterText, statusFilters, setStatusFilters, projectFilters, setProjectFilters, testModel, runTests }) => {
+  const [expanded, setExpanded] = React.useState(false);
+  const inputRef = React.useRef(null);
+  React.useEffect(() => {
+    var _a;
+    (_a = inputRef.current) == null ? void 0 : _a.focus();
+  }, []);
+  const statusLine = [...statusFilters.entries()].filter(([_, v]) => v).map(([s]) => s).join(" ") || "all";
+  const projectsLine = [...projectFilters.entries()].filter(([_, v]) => v).map(([p]) => p).join(" ") || "all";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filters", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Expandable,
+      {
+        expanded,
+        setExpanded,
+        title: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            ref: inputRef,
+            type: "search",
+            placeholder: "Filter (e.g. text, @tag)",
+            spellCheck: false,
+            value: filterText,
+            onChange: (e) => {
+              setFilterText(e.target.value);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter")
+                runTests();
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "filter-summary", title: "Status: " + statusLine + "\nProjects: " + projectsLine, onClick: () => setExpanded(!expanded), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "filter-label", children: "Status:" }),
+      " ",
+      statusLine,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "filter-label", children: "Projects:" }),
+      " ",
+      projectsLine
+    ] }),
+    expanded && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hbox", style: { marginLeft: 14, maxHeight: 200, overflowY: "auto" }, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-list", children: [...statusFilters.entries()].map(([status, value]) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-entry", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: value, onClick: () => {
+            const copy = new Map(statusFilters);
+            copy.set(status, !copy.get(status));
+            setStatusFilters(copy);
+          } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: status })
+        ] }) }, status);
+      }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-list", children: [...projectFilters.entries()].map(([projectName, value]) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "filter-entry", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: value, onClick: () => {
+            var _a;
+            const copy = new Map(projectFilters);
+            copy.set(projectName, !copy.get(projectName));
+            setProjectFilters(copy);
+            const configFile = (_a = testModel == null ? void 0 : testModel.config) == null ? void 0 : _a.configFile;
+            if (configFile)
+              settings.setObject(configFile + ":projects", [...copy.entries()].filter(([_, v]) => v).map(([k]) => k));
+          } }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: projectName || "untitled" })
+        ] }) }, projectName);
+      }) })
+    ] })
+  ] });
+};
+const TagView = ({ tag, style, onClick }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "span",
+    {
+      className: clsx("tag", `tag-color-${tagNameToColor(tag)}`),
+      onClick,
+      style: { margin: "6px 0 0 6px", ...style },
+      title: `Click to filter by tag: ${tag}`,
+      children: tag
+    }
+  );
+};
+function tagNameToColor(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++)
+    hash = str.charCodeAt(i) + ((hash << 8) - hash);
+  return Math.abs(hash % 6);
+}
+const TestTreeView = TreeView;
+const TestListView = ({ filterText, testModel, testServerConnection, testTree, runTests, runningState, watchAll, watchedTreeIds, setWatchedTreeIds, isLoading, onItemSelected, requestedCollapseAllCount, setFilterText, onRevealSource }) => {
+  const [treeState, setTreeState] = React.useState({ expandedItems: /* @__PURE__ */ new Map() });
+  const [selectedTreeItemId, setSelectedTreeItemId] = React.useState();
+  const [collapseAllCount, setCollapseAllCount] = React.useState(requestedCollapseAllCount);
+  React.useEffect(() => {
+    if (collapseAllCount !== requestedCollapseAllCount) {
+      treeState.expandedItems.clear();
+      for (const item of testTree.flatTreeItems())
+        treeState.expandedItems.set(item.id, false);
+      setCollapseAllCount(requestedCollapseAllCount);
+      setSelectedTreeItemId(void 0);
+      setTreeState({ ...treeState });
+      return;
+    }
+    if (!runningState || runningState.itemSelectedByUser)
+      return;
+    let selectedTreeItem2;
+    const visit = (treeItem) => {
+      var _a;
+      treeItem.children.forEach(visit);
+      if (selectedTreeItem2)
+        return;
+      if (treeItem.status === "failed") {
+        if (treeItem.kind === "test" && runningState.testIds.has(treeItem.test.id))
+          selectedTreeItem2 = treeItem;
+        else if (treeItem.kind === "case" && runningState.testIds.has((_a = treeItem.tests[0]) == null ? void 0 : _a.id))
+          selectedTreeItem2 = treeItem;
+      }
+    };
+    visit(testTree.rootItem);
+    if (selectedTreeItem2)
+      setSelectedTreeItemId(selectedTreeItem2.id);
+  }, [runningState, setSelectedTreeItemId, testTree, collapseAllCount, setCollapseAllCount, requestedCollapseAllCount, treeState, setTreeState]);
+  const { selectedTreeItem } = React.useMemo(() => {
+    if (!testModel)
+      return { selectedTreeItem: void 0 };
+    const selectedTreeItem2 = selectedTreeItemId ? testTree.treeItemById(selectedTreeItemId) : void 0;
+    const testFile = itemLocation(selectedTreeItem2, testModel);
+    let selectedTest;
+    if ((selectedTreeItem2 == null ? void 0 : selectedTreeItem2.kind) === "test")
+      selectedTest = selectedTreeItem2.test;
+    else if ((selectedTreeItem2 == null ? void 0 : selectedTreeItem2.kind) === "case" && selectedTreeItem2.tests.length === 1)
+      selectedTest = selectedTreeItem2.tests[0];
+    onItemSelected({ treeItem: selectedTreeItem2, testCase: selectedTest, testFile });
+    return { selectedTreeItem: selectedTreeItem2 };
+  }, [onItemSelected, selectedTreeItemId, testModel, testTree]);
+  React.useEffect(() => {
+    if (isLoading)
+      return;
+    if (watchAll) {
+      testServerConnection == null ? void 0 : testServerConnection.watchNoReply({ fileNames: testTree.fileNames() });
+    } else {
+      const fileNames = /* @__PURE__ */ new Set();
+      for (const itemId of watchedTreeIds.value) {
+        const treeItem = testTree.treeItemById(itemId);
+        const fileName = treeItem == null ? void 0 : treeItem.location.file;
+        if (fileName)
+          fileNames.add(fileName);
+      }
+      testServerConnection == null ? void 0 : testServerConnection.watchNoReply({ fileNames: [...fileNames] });
+    }
+  }, [isLoading, testTree, watchAll, watchedTreeIds, testServerConnection]);
+  const runTreeItem = (treeItem) => {
+    setSelectedTreeItemId(treeItem.id);
+    runTests("bounce-if-busy", testTree.collectTestIds(treeItem));
+  };
+  const handleTagClick = (e, tag) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.metaKey || e.ctrlKey) {
+      const parts = filterText.split(" ");
+      if (parts.includes(tag))
+        setFilterText(parts.filter((t) => t !== tag).join(" ").trim());
+      else
+        setFilterText((filterText + " " + tag).trim());
+    } else {
+      setFilterText((filterText.split(" ").filter((t) => !t.startsWith("@")).join(" ") + " " + tag).trim());
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    TestTreeView,
+    {
+      name: "tests",
+      treeState,
+      setTreeState,
+      rootItem: testTree.rootItem,
+      dataTestId: "test-tree",
+      render: (treeItem) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hbox ui-mode-list-item", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ui-mode-list-item-title", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { title: treeItem.title, children: treeItem.title }),
+            treeItem.kind === "case" ? treeItem.tags.map((tag) => /* @__PURE__ */ jsxRuntimeExports.jsx(TagView, { tag: tag.slice(1), onClick: (e) => handleTagClick(e, tag) }, tag)) : null
+          ] }),
+          !!treeItem.duration && treeItem.status !== "skipped" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "ui-mode-list-item-time", children: msToString(treeItem.duration) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noMinHeight: true, noShadow: true, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "play", title: "Run", onClick: () => runTreeItem(treeItem), disabled: !!runningState && !runningState.completed }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "go-to-file", title: "Show source", onClick: onRevealSource, style: treeItem.kind === "group" && treeItem.subKind === "folder" ? { visibility: "hidden" } : {} }),
+            !watchAll && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "eye", title: "Watch", onClick: () => {
+              if (watchedTreeIds.value.has(treeItem.id))
+                watchedTreeIds.value.delete(treeItem.id);
+              else
+                watchedTreeIds.value.add(treeItem.id);
+              setWatchedTreeIds({ ...watchedTreeIds });
+            }, toggled: watchedTreeIds.value.has(treeItem.id) })
+          ] })
+        ] });
+      },
+      icon: (treeItem) => testStatusIcon(treeItem.status),
+      selectedItem: selectedTreeItem,
+      onAccepted: runTreeItem,
+      onSelected: (treeItem) => {
+        if (runningState)
+          runningState.itemSelectedByUser = true;
+        setSelectedTreeItemId(treeItem.id);
+      },
+      isError: (treeItem) => treeItem.kind === "group" ? treeItem.hasLoadErrors : false,
+      autoExpandDepth: filterText ? 5 : 1,
+      noItemsMessage: isLoading ? "Loading…" : "No tests"
+    }
+  );
+};
+function itemLocation(item, model) {
+  if (!item || !model)
+    return;
+  return {
+    file: item.location.file,
+    line: item.location.line,
+    column: item.location.column,
+    source: {
+      errors: model.loadErrors.filter((e) => {
+        var _a;
+        return ((_a = e.location) == null ? void 0 : _a.file) === item.location.file;
+      }).map((e) => ({ line: e.location.line, message: e.message })),
+      content: void 0
+    }
+  };
+}
+function artifactsFolderName(workerIndex) {
+  return `.playwright-artifacts-${workerIndex}`;
+}
+const TraceView = ({ item, rootDir, onOpenExternally, revealSource, pathSeparator }) => {
+  var _a, _b;
+  const [model, setModel] = React.useState();
+  const [counter, setCounter] = React.useState(0);
+  const pollTimer = React.useRef(null);
+  const { outputDir } = React.useMemo(() => {
+    const outputDir2 = item.testCase ? outputDirForTestCase(item.testCase) : void 0;
+    return { outputDir: outputDir2 };
+  }, [item]);
+  React.useEffect(() => {
+    var _a2, _b2;
+    if (pollTimer.current)
+      clearTimeout(pollTimer.current);
+    const result = (_a2 = item.testCase) == null ? void 0 : _a2.results[0];
+    if (!result) {
+      setModel(void 0);
+      return;
+    }
+    const attachment = result && result.duration >= 0 && result.attachments.find((a) => a.name === "trace");
+    if (attachment && attachment.path) {
+      loadSingleTraceFile(attachment.path).then((model2) => setModel({ model: model2, isLive: false }));
+      return;
+    }
+    if (!outputDir) {
+      setModel(void 0);
+      return;
+    }
+    const traceLocation = [
+      outputDir,
+      artifactsFolderName(result.workerIndex),
+      "traces",
+      `${(_b2 = item.testCase) == null ? void 0 : _b2.id}.json`
+    ].join(pathSeparator);
+    pollTimer.current = setTimeout(async () => {
+      try {
+        const model2 = await loadSingleTraceFile(traceLocation);
+        setModel({ model: model2, isLive: true });
+      } catch {
+        setModel(void 0);
+      } finally {
+        setCounter(counter + 1);
+      }
+    }, 500);
+    return () => {
+      if (pollTimer.current)
+        clearTimeout(pollTimer.current);
+    };
+  }, [outputDir, item, setModel, counter, setCounter, pathSeparator]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Workbench,
+    {
+      model: model == null ? void 0 : model.model,
+      showSourcesFirst: true,
+      rootDir,
+      fallbackLocation: item.testFile,
+      isLive: model == null ? void 0 : model.isLive,
+      status: (_a = item.treeItem) == null ? void 0 : _a.status,
+      annotations: ((_b = item.testCase) == null ? void 0 : _b.annotations) || [],
+      onOpenExternally,
+      revealSource
+    },
+    "workbench"
+  );
+};
+const outputDirForTestCase = (testCase) => {
+  var _a;
+  for (let suite = testCase.parent; suite; suite = suite.parent) {
+    if (suite.project())
+      return (_a = suite.project()) == null ? void 0 : _a.outputDir;
+  }
+  return void 0;
+};
+async function loadSingleTraceFile(url) {
+  const params = new URLSearchParams();
+  params.set("trace", url);
+  const response = await fetch(`contexts?${params.toString()}`);
+  const contextEntries = await response.json();
+  return new MultiTraceModel(contextEntries);
+}
+const SettingsView = ({ settings: settings2 }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "vbox settings-view", children: settings2.map(({ value, set, title }) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "setting", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("input", { type: "checkbox", checked: value, onClick: () => set(!value) }),
+      title
+    ] }) }, title);
+  }) });
+};
+let xtermSize = { cols: 80, rows: 24 };
+const xtermDataSource = {
+  pending: [],
+  clear: () => {
+  },
+  write: (data) => xtermDataSource.pending.push(data),
+  resize: () => {
+  }
+};
+const searchParams = new URLSearchParams(window.location.search);
+const guid = searchParams.get("ws");
+const wsURL = new URL(`../${guid}`, window.location.toString());
+wsURL.protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+const queryParams = {
+  args: searchParams.getAll("arg"),
+  grep: searchParams.get("grep") || void 0,
+  grepInvert: searchParams.get("grepInvert") || void 0,
+  projects: searchParams.getAll("project"),
+  workers: searchParams.get("workers") || void 0,
+  headed: searchParams.has("headed"),
+  updateSnapshots: searchParams.get("updateSnapshots") || void 0,
+  reporters: searchParams.has("reporter") ? searchParams.getAll("reporter") : void 0,
+  pathSeparator: searchParams.get("pathSeparator") || "/"
+};
+if (queryParams.updateSnapshots && !["all", "none", "missing"].includes(queryParams.updateSnapshots))
+  queryParams.updateSnapshots = void 0;
+const isMac = navigator.platform === "MacIntel";
+const UIModeView = ({}) => {
+  var _a;
+  const [filterText, setFilterText] = React.useState("");
+  const [isShowingOutput, setIsShowingOutput] = React.useState(false);
+  const [outputContainsError, setOutputContainsError] = React.useState(false);
+  const [statusFilters, setStatusFilters] = React.useState(/* @__PURE__ */ new Map([
+    ["passed", false],
+    ["failed", false],
+    ["skipped", false]
+  ]));
+  const [projectFilters, setProjectFilters] = React.useState(/* @__PURE__ */ new Map());
+  const [testModel, setTestModel] = React.useState();
+  const [progress, setProgress] = React.useState();
+  const [selectedItem, setSelectedItem] = React.useState({});
+  const [visibleTestIds, setVisibleTestIds] = React.useState(/* @__PURE__ */ new Set());
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [runningState, setRunningState] = React.useState();
+  const isRunningTest = runningState && !runningState.completed;
+  const [watchAll, setWatchAll] = useSetting("watch-all", false);
+  const [watchedTreeIds, setWatchedTreeIds] = React.useState({ value: /* @__PURE__ */ new Set() });
+  const commandQueue = React.useRef(Promise.resolve());
+  const runTestBacklog = React.useRef(/* @__PURE__ */ new Set());
+  const [collapseAllCount, setCollapseAllCount] = React.useState(0);
+  const [isDisconnected, setIsDisconnected] = React.useState(false);
+  const [hasBrowsers, setHasBrowsers] = React.useState(true);
+  const [testServerConnection, setTestServerConnection] = React.useState();
+  const [teleSuiteUpdater, setTeleSuiteUpdater] = React.useState();
+  const [settingsVisible, setSettingsVisible] = React.useState(false);
+  React.useState(false);
+  const [revealSource, setRevealSource] = React.useState(false);
+  const onRevealSource = React.useCallback(() => setRevealSource(true), [setRevealSource]);
+  const showTestingOptions = false;
+  const [singleWorker, setSingleWorker] = React.useState(false);
+  const [showBrowser, setShowBrowser] = React.useState(false);
+  const [updateSnapshots, setUpdateSnapshots] = React.useState(false);
+  const [darkMode, setDarkMode] = useDarkModeSetting();
+  const inputRef = React.useRef(null);
+  const reloadTests = React.useCallback(() => {
+    setTestServerConnection(new TestServerConnection(new WebSocketTestServerTransport(wsURL)));
+  }, []);
+  React.useEffect(() => {
+    var _a2;
+    (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+    setIsLoading(true);
+    reloadTests();
+  }, [reloadTests]);
+  React.useEffect(() => {
+    if (!testServerConnection)
+      return;
+    const disposables = [
+      testServerConnection.onStdio((params) => {
+        if (params.buffer) {
+          const data = atob(params.buffer);
+          xtermDataSource.write(data);
+        } else {
+          xtermDataSource.write(params.text);
+        }
+        if (params.type === "stderr")
+          setOutputContainsError(true);
+      }),
+      testServerConnection.onClose(() => setIsDisconnected(true))
+    ];
+    xtermDataSource.resize = (cols, rows) => {
+      xtermSize = { cols, rows };
+      testServerConnection.resizeTerminalNoReply({ cols, rows });
+    };
+    return () => {
+      for (const disposable of disposables)
+        disposable.dispose();
+    };
+  }, [testServerConnection]);
+  React.useEffect(() => {
+    if (!testServerConnection)
+      return;
+    let throttleTimer;
+    const teleSuiteUpdater2 = new TeleSuiteUpdater({
+      onUpdate: (immediate) => {
+        clearTimeout(throttleTimer);
+        throttleTimer = void 0;
+        if (immediate) {
+          setTestModel(teleSuiteUpdater2.asModel());
+        } else if (!throttleTimer) {
+          throttleTimer = setTimeout(() => {
+            setTestModel(teleSuiteUpdater2.asModel());
+          }, 250);
+        }
+      },
+      onError: (error) => {
+        xtermDataSource.write((error.stack || error.value || "") + "\n");
+        setOutputContainsError(true);
+      },
+      pathSeparator: queryParams.pathSeparator
+    });
+    setTeleSuiteUpdater(teleSuiteUpdater2);
+    setTestModel(void 0);
+    setIsLoading(true);
+    setWatchedTreeIds({ value: /* @__PURE__ */ new Set() });
+    (async () => {
+      try {
+        await testServerConnection.initialize({
+          interceptStdio: true,
+          watchTestDirs: true
+        });
+        const { status, report } = await testServerConnection.runGlobalSetup({});
+        teleSuiteUpdater2.processGlobalReport(report);
+        if (status !== "passed")
+          return;
+        const result = await testServerConnection.listTests({ projects: queryParams.projects, locations: queryParams.args, grep: queryParams.grep, grepInvert: queryParams.grepInvert });
+        teleSuiteUpdater2.processListReport(result.report);
+        testServerConnection.onReport((params) => {
+          teleSuiteUpdater2.processTestReportEvent(params);
+        });
+        const { hasBrowsers: hasBrowsers2 } = await testServerConnection.checkBrowsers({});
+        setHasBrowsers(hasBrowsers2);
+      } finally {
+        setIsLoading(false);
+      }
+    })();
+    return () => {
+      clearTimeout(throttleTimer);
+    };
+  }, [testServerConnection]);
+  React.useEffect(() => {
+    if (!testModel)
+      return;
+    const { config, rootSuite } = testModel;
+    const selectedProjects = config.configFile ? settings.getObject(config.configFile + ":projects", void 0) : void 0;
+    const newFilter = new Map(projectFilters);
+    for (const projectName of newFilter.keys()) {
+      if (!rootSuite.suites.find((s) => s.title === projectName))
+        newFilter.delete(projectName);
+    }
+    for (const projectSuite of rootSuite.suites) {
+      if (!newFilter.has(projectSuite.title))
+        newFilter.set(projectSuite.title, !!(selectedProjects == null ? void 0 : selectedProjects.includes(projectSuite.title)));
+    }
+    if (!selectedProjects && newFilter.size && ![...newFilter.values()].includes(true))
+      newFilter.set(newFilter.entries().next().value[0], true);
+    if (projectFilters.size !== newFilter.size || [...projectFilters].some(([k, v]) => newFilter.get(k) !== v))
+      setProjectFilters(newFilter);
+  }, [projectFilters, testModel]);
+  React.useEffect(() => {
+    if (isRunningTest && (testModel == null ? void 0 : testModel.progress))
+      setProgress(testModel.progress);
+    else if (!testModel)
+      setProgress(void 0);
+  }, [testModel, isRunningTest]);
+  const { testTree } = React.useMemo(() => {
+    if (!testModel)
+      return { testTree: new TestTree("", new TeleSuite("", "root"), [], projectFilters, queryParams.pathSeparator) };
+    const testTree2 = new TestTree("", testModel.rootSuite, testModel.loadErrors, projectFilters, queryParams.pathSeparator);
+    testTree2.filterTree(filterText, statusFilters, isRunningTest ? runningState == null ? void 0 : runningState.testIds : void 0);
+    testTree2.sortAndPropagateStatus();
+    testTree2.shortenRoot();
+    testTree2.flattenForSingleProject();
+    setVisibleTestIds(testTree2.testIds());
+    return { testTree: testTree2 };
+  }, [filterText, testModel, statusFilters, projectFilters, setVisibleTestIds, runningState, isRunningTest]);
+  const runTests = React.useCallback((mode, testIds) => {
+    if (!testServerConnection || !testModel)
+      return;
+    if (mode === "bounce-if-busy" && isRunningTest)
+      return;
+    runTestBacklog.current = /* @__PURE__ */ new Set([...runTestBacklog.current, ...testIds]);
+    commandQueue.current = commandQueue.current.then(async () => {
+      var _a2, _b, _c;
+      const testIds2 = runTestBacklog.current;
+      runTestBacklog.current = /* @__PURE__ */ new Set();
+      if (!testIds2.size)
+        return;
+      {
+        for (const test of ((_a2 = testModel.rootSuite) == null ? void 0 : _a2.allTests()) || []) {
+          if (testIds2.has(test.id)) {
+            test.results = [];
+            const result = test._createTestResult("pending");
+            result[statusEx] = "scheduled";
+          }
+        }
+        setTestModel({ ...testModel });
+      }
+      const time = "  [" + (/* @__PURE__ */ new Date()).toLocaleTimeString() + "]";
+      xtermDataSource.write("\x1B[2m—".repeat(Math.max(0, xtermSize.cols - time.length)) + time + "\x1B[22m");
+      setProgress({ total: 0, passed: 0, failed: 0, skipped: 0 });
+      setRunningState({ testIds: testIds2 });
+      await testServerConnection.runTests({
+        locations: queryParams.args,
+        grep: queryParams.grep,
+        grepInvert: queryParams.grepInvert,
+        testIds: [...testIds2],
+        projects: [...projectFilters].filter(([_, v]) => v).map(([p]) => p),
+        ...singleWorker ? { workers: "1" } : {},
+        ...showBrowser ? { headed: true } : {},
+        ...updateSnapshots ? { updateSnapshots: "all" } : {},
+        reporters: queryParams.reporters,
+        trace: "on"
+      });
+      for (const test of ((_b = testModel.rootSuite) == null ? void 0 : _b.allTests()) || []) {
+        if (((_c = test.results[0]) == null ? void 0 : _c.duration) === -1)
+          test.results = [];
+      }
+      setTestModel({ ...testModel });
+      setRunningState((oldState) => oldState ? { ...oldState, completed: true } : void 0);
+    });
+  }, [projectFilters, isRunningTest, testModel, testServerConnection, singleWorker, showBrowser, updateSnapshots]);
+  React.useEffect(() => {
+    if (!testServerConnection || !teleSuiteUpdater)
+      return;
+    const disposable = testServerConnection.onTestFilesChanged(async (params) => {
+      commandQueue.current = commandQueue.current.then(async () => {
+        setIsLoading(true);
+        try {
+          const result = await testServerConnection.listTests({ projects: queryParams.projects, locations: queryParams.args, grep: queryParams.grep, grepInvert: queryParams.grepInvert });
+          teleSuiteUpdater.processListReport(result.report);
+        } catch (e) {
+          console.log(e);
+        } finally {
+          setIsLoading(false);
+        }
+      });
+      await commandQueue.current;
+      if (params.testFiles.length === 0)
+        return;
+      const testModel2 = teleSuiteUpdater.asModel();
+      const testTree2 = new TestTree("", testModel2.rootSuite, testModel2.loadErrors, projectFilters, queryParams.pathSeparator);
+      const testIds = [];
+      const set = new Set(params.testFiles);
+      if (watchAll) {
+        const visit = (treeItem) => {
+          const fileName = treeItem.location.file;
+          if (fileName && set.has(fileName))
+            testIds.push(...testTree2.collectTestIds(treeItem));
+          if (treeItem.kind === "group" && treeItem.subKind === "folder")
+            treeItem.children.forEach(visit);
+        };
+        visit(testTree2.rootItem);
+      } else {
+        for (const treeId of watchedTreeIds.value) {
+          const treeItem = testTree2.treeItemById(treeId);
+          const fileName = treeItem == null ? void 0 : treeItem.location.file;
+          if (fileName && set.has(fileName))
+            testIds.push(...testTree2.collectTestIds(treeItem));
+        }
+      }
+      runTests("queue-if-busy", new Set(testIds));
+    });
+    return () => disposable.dispose();
+  }, [runTests, testServerConnection, watchAll, watchedTreeIds, teleSuiteUpdater, projectFilters]);
+  React.useEffect(() => {
+    if (!testServerConnection)
+      return;
+    const onShortcutEvent = (e) => {
+      if (e.code === "Backquote" && e.ctrlKey) {
+        e.preventDefault();
+        setIsShowingOutput(!isShowingOutput);
+      } else if (e.code === "F5" && e.shiftKey) {
+        e.preventDefault();
+        testServerConnection == null ? void 0 : testServerConnection.stopTestsNoReply({});
+      } else if (e.code === "F5") {
+        e.preventDefault();
+        runTests("bounce-if-busy", visibleTestIds);
+      }
+    };
+    addEventListener("keydown", onShortcutEvent);
+    return () => {
+      removeEventListener("keydown", onShortcutEvent);
+    };
+  }, [runTests, reloadTests, testServerConnection, visibleTestIds, isShowingOutput]);
+  const dialogRef = React.useRef(null);
+  const openInstallDialog = React.useCallback((e) => {
+    var _a2;
+    e.preventDefault();
+    e.stopPropagation();
+    (_a2 = dialogRef.current) == null ? void 0 : _a2.showModal();
+  }, []);
+  const closeInstallDialog = React.useCallback((e) => {
+    var _a2;
+    e.preventDefault();
+    e.stopPropagation();
+    (_a2 = dialogRef.current) == null ? void 0 : _a2.close();
+  }, []);
+  const installBrowsers = React.useCallback((e) => {
+    closeInstallDialog(e);
+    setIsShowingOutput(true);
+    testServerConnection == null ? void 0 : testServerConnection.installBrowsers({}).then(async () => {
+      setIsShowingOutput(false);
+      const { hasBrowsers: hasBrowsers2 } = await (testServerConnection == null ? void 0 : testServerConnection.checkBrowsers({}));
+      setHasBrowsers(hasBrowsers2);
+    });
+  }, [closeInstallDialog, testServerConnection]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox ui-mode", children: [
+    !hasBrowsers && /* @__PURE__ */ jsxRuntimeExports.jsxs("dialog", { ref: dialogRef, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "title", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "codicon codicon-lightbulb" }),
+        "Install browsers"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "body", children: [
+        "Playwright did not find installed browsers.",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+        "Would you like to run `playwright install`?",
+        /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "button", onClick: installBrowsers, children: "Install" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "button secondary", onClick: closeInstallDialog, children: "Dismiss" })
+      ] })
+    ] }),
+    isDisconnected && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "disconnected", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "title", children: "UI Mode disconnected" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#", onClick: () => window.location.href = "/", children: "Reload the page" }),
+        " to reconnect"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SplitView,
+      {
+        sidebarSize: 250,
+        minSidebarSize: 150,
+        orientation: "horizontal",
+        sidebarIsFirst: true,
+        settingName: "testListSidebar",
+        main: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("vbox", !isShowingOutput && "hidden"), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", style: { flex: "none" }, children: "Output" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "circle-slash", title: "Clear output", onClick: () => {
+                xtermDataSource.clear();
+                setOutputContainsError(false);
+              } }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "spacer" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "close", title: "Close", onClick: () => setIsShowingOutput(false) })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(XtermWrapper, { source: xtermDataSource })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("vbox", isShowingOutput && "hidden"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            TraceView,
+            {
+              pathSeparator: queryParams.pathSeparator,
+              item: selectedItem,
+              rootDir: (_a = testModel == null ? void 0 : testModel.config) == null ? void 0 : _a.rootDir,
+              revealSource,
+              onOpenExternally: (location) => testServerConnection == null ? void 0 : testServerConnection.openNoReply({ location: { file: location.file, line: location.line, column: location.column } })
+            }
+          ) })
+        ] }),
+        sidebar: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "vbox ui-mode-sidebar", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noShadow: true, noMinHeight: true, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: "playwright-logo.svg", alt: "Playwright logo" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", children: "Playwright" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "refresh", title: "Reload", onClick: () => reloadTests(), disabled: isRunningTest || isLoading }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { position: "relative" }, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "terminal", title: "Toggle output — " + (isMac ? "⌃`" : "Ctrl + `"), toggled: isShowingOutput, onClick: () => {
+                setIsShowingOutput(!isShowingOutput);
+              } }),
+              outputContainsError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { title: "Output contains error", style: { position: "absolute", top: 2, right: 2, width: 7, height: 7, borderRadius: "50%", backgroundColor: "var(--vscode-notificationsErrorIcon-foreground)" } })
+            ] }),
+            !hasBrowsers && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "lightbulb-autofix", style: { color: "var(--vscode-list-warningForeground)" }, title: "Playwright browsers are missing", onClick: openInstallDialog })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FiltersView,
+            {
+              filterText,
+              setFilterText,
+              statusFilters,
+              setStatusFilters,
+              projectFilters,
+              setProjectFilters,
+              testModel,
+              runTests: () => runTests("bounce-if-busy", visibleTestIds)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noMinHeight: true, children: [
+            !isRunningTest && !progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", children: "Tests" }),
+            !isRunningTest && progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "status-line", className: "status-line", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              progress.passed,
+              "/",
+              progress.total,
+              " passed (",
+              progress.passed / progress.total * 100 | 0,
+              "%)"
+            ] }) }),
+            isRunningTest && progress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-testid": "status-line", className: "status-line", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              "Running ",
+              progress.passed,
+              "/",
+              runningState.testIds.size,
+              " passed (",
+              progress.passed / runningState.testIds.size * 100 | 0,
+              "%)"
+            ] }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "play", title: "Run all — F5", onClick: () => runTests("bounce-if-busy", visibleTestIds), disabled: isRunningTest || isLoading }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "debug-stop", title: "Stop — " + (isMac ? "⇧F5" : "Shift + F5"), onClick: () => testServerConnection == null ? void 0 : testServerConnection.stopTests({}), disabled: !isRunningTest || isLoading }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "eye", title: "Watch all", toggled: watchAll, onClick: () => {
+              setWatchedTreeIds({ value: /* @__PURE__ */ new Set() });
+              setWatchAll(!watchAll);
+            } }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarButton, { icon: "collapse-all", title: "Collapse all", onClick: () => {
+              setCollapseAllCount(collapseAllCount + 1);
+            } })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            TestListView,
+            {
+              filterText,
+              testModel,
+              testTree,
+              testServerConnection,
+              runningState,
+              runTests,
+              onItemSelected: setSelectedItem,
+              watchAll,
+              watchedTreeIds,
+              setWatchedTreeIds,
+              isLoading,
+              requestedCollapseAllCount: collapseAllCount,
+              setFilterText,
+              onRevealSource
+            }
+          ),
+          showTestingOptions,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Toolbar, { noShadow: true, noMinHeight: true, className: "settings-toolbar", onClick: () => setSettingsVisible(!settingsVisible), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                className: `codicon codicon-${settingsVisible ? "chevron-down" : "chevron-right"}`,
+                style: { marginLeft: 5 },
+                title: settingsVisible ? "Hide Settings" : "Show Settings"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "section-title", children: "Settings" })
+          ] }),
+          settingsVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsView, { settings: [
+            { value: darkMode, set: setDarkMode, title: "Dark mode" }
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+(async () => {
+  applyTheme();
+  if (window.location.protocol !== "file:") {
+    if (window.location.href.includes("isUnderTest=true"))
+      await new Promise((f) => setTimeout(f, 1e3));
+    if (!navigator.serviceWorker)
+      throw new Error(`Service workers are not supported.
+Make sure to serve the website (${window.location}) via HTTPS or localhost.`);
+    navigator.serviceWorker.register("sw.bundle.js");
+    if (!navigator.serviceWorker.controller) {
+      await new Promise((f) => {
+        navigator.serviceWorker.oncontrollerchange = () => f();
+      });
+    }
+    setInterval(function() {
+      fetch("ping");
+    }, 1e4);
+  }
+  createRoot(document.querySelector("#root")).render(/* @__PURE__ */ jsxRuntimeExports.jsx(UIModeView, {}));
+})();
+//# sourceMappingURL=uiMode.Dlo9s_YX.js.map