@vitest/browser 3.1.0 → 3.1.2

package/dist/client/__vitest_browser__/orchestrator-CqPXjvQE.js

@@ -1,241 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { g as getBrowserState, a as getConfig, r as relative } from "./utils-CNTxSNQV.js";
-import { client, channel, globalChannel } from "@vitest/browser/client";
-function generateHash(str) {
-  let hash = 0;
-  if (str.length === 0) {
-    return `${hash}`;
-  }
-  for (let i = 0; i < str.length; i++) {
-    const char = str.charCodeAt(i);
-    hash = (hash << 5) - hash + char;
-    hash = hash & hash;
-  }
-  return `${hash}`;
-}
-function getUiAPI() {
-  return window.__vitest_ui_api__;
-}
-const url = new URL(location.href);
-const ID_ALL = "__vitest_all__";
-class IframeOrchestrator {
-  constructor() {
-    __publicField(this, "cancelled", false);
-    __publicField(this, "runningFiles", /* @__PURE__ */ new Set());
-    __publicField(this, "iframes", /* @__PURE__ */ new Map());
-  }
-  async init(testFiles) {
-    debug("test files", testFiles.join(", "));
-    this.runningFiles.clear();
-    testFiles.forEach((file) => this.runningFiles.add(file));
-    channel.addEventListener(
-      "message",
-      (e) => this.onIframeEvent(e)
-    );
-    globalChannel.addEventListener(
-      "message",
-      (e) => this.onGlobalChannelEvent(e)
-    );
-  }
-  async createTesters(testFiles) {
-    this.cancelled = false;
-    this.runningFiles.clear();
-    testFiles.forEach((file) => this.runningFiles.add(file));
-    const config = getConfig();
-    debug("create testers", testFiles.join(", "));
-    const container = await getContainer(config);
-    if (config.browser.ui) {
-      container.className = "absolute origin-top mt-[8px]";
-      container.parentElement.setAttribute("data-ready", "true");
-      container.textContent = "";
-    }
-    const { width, height } = config.browser.viewport;
-    this.iframes.forEach((iframe) => iframe.remove());
-    this.iframes.clear();
-    if (config.browser.isolate === false) {
-      debug("create iframe", ID_ALL);
-      const iframe = this.createIframe(container, ID_ALL);
-      await setIframeViewport(iframe, width, height);
-      return;
-    }
-    for (const file of testFiles) {
-      if (this.cancelled) {
-        done();
-        return;
-      }
-      debug("create iframe", file);
-      const iframe = this.createIframe(container, file);
-      await setIframeViewport(iframe, width, height);
-      await new Promise((resolve) => {
-        channel.addEventListener(
-          "message",
-          function handler(e) {
-            if (e.data.type === "done" || e.data.type === "error") {
-              channel.removeEventListener("message", handler);
-              resolve();
-            }
-          }
-        );
-      });
-    }
-  }
-  createIframe(container, file) {
-    if (this.iframes.has(file)) {
-      this.iframes.get(file).remove();
-      this.iframes.delete(file);
-    }
-    const iframe = document.createElement("iframe");
-    iframe.setAttribute("loading", "eager");
-    iframe.setAttribute(
-      "src",
-      `${url.pathname}__vitest_test__/__test__/${getBrowserState().sessionId}/${encodeURIComponent(file)}`
-    );
-    iframe.setAttribute("data-vitest", "true");
-    iframe.style.border = "none";
-    iframe.style.width = "100%";
-    iframe.style.height = "100%";
-    iframe.setAttribute("allowfullscreen", "true");
-    iframe.setAttribute("allow", "clipboard-write;");
-    iframe.setAttribute("name", "vitest-iframe");
-    this.iframes.set(file, iframe);
-    container.appendChild(iframe);
-    return iframe;
-  }
-  async onGlobalChannelEvent(e) {
-    debug("global channel event", JSON.stringify(e.data));
-    switch (e.data.type) {
-      case "cancel": {
-        this.cancelled = true;
-        break;
-      }
-    }
-  }
-  async onIframeEvent(e) {
-    var _a;
-    debug("iframe event", JSON.stringify(e.data));
-    switch (e.data.type) {
-      case "viewport": {
-        const { width, height, id } = e.data;
-        const iframe = this.iframes.get(id);
-        if (!iframe) {
-          const error = new Error(`Cannot find iframe with id ${id}`);
-          channel.postMessage({
-            type: "viewport:fail",
-            id,
-            error: error.message
-          });
-          await client.rpc.onUnhandledError(
-            {
-              name: "Teardown Error",
-              message: error.message
-            },
-            "Teardown Error"
-          );
-          return;
-        }
-        await setIframeViewport(iframe, width, height);
-        channel.postMessage({ type: "viewport:done", id });
-        break;
-      }
-      case "done": {
-        const filenames = e.data.filenames;
-        filenames.forEach((filename) => this.runningFiles.delete(filename));
-        if (!this.runningFiles.size) {
-          const ui = getUiAPI();
-          if (ui && filenames.length > 1) {
-            const id = generateFileId(filenames[filenames.length - 1]);
-            ui.setCurrentFileId(id);
-          }
-          await done();
-        } else {
-          const iframeId = e.data.id;
-          (_a = this.iframes.get(iframeId)) == null ? void 0 : _a.remove();
-          this.iframes.delete(iframeId);
-        }
-        break;
-      }
-      // error happened at the top level, this should never happen in user code, but it can trigger during development
-      case "error": {
-        const iframeId = e.data.id;
-        this.iframes.delete(iframeId);
-        await client.rpc.onUnhandledError(e.data.error, e.data.errorType);
-        if (iframeId === ID_ALL) {
-          this.runningFiles.clear();
-        } else {
-          this.runningFiles.delete(iframeId);
-        }
-        if (!this.runningFiles.size) {
-          await done();
-        }
-        break;
-      }
-      default: {
-        e.data;
-        await client.rpc.onUnhandledError(
-          {
-            name: "Unexpected Event",
-            message: `Unexpected event: ${e.data.type}`
-          },
-          "Unexpected Event"
-        );
-        await done();
-      }
-    }
-  }
-}
-const orchestrator = new IframeOrchestrator();
-let promiseTesters;
-getBrowserState().createTesters = async (files) => {
-  await promiseTesters;
-  promiseTesters = orchestrator.createTesters(files).finally(() => {
-    promiseTesters = void 0;
-  });
-  await promiseTesters;
-};
-async function done() {
-  await client.rpc.finishBrowserTests(getBrowserState().sessionId);
-}
-async function getContainer(config) {
-  if (config.browser.ui) {
-    const element = document.querySelector("#tester-ui");
-    if (!element) {
-      return new Promise((resolve) => {
-        setTimeout(() => {
-          resolve(getContainer(config));
-        }, 30);
-      });
-    }
-    return element;
-  }
-  return document.querySelector("#vitest-tester");
-}
-client.waitForConnection().then(async () => {
-  const testFiles = getBrowserState().files;
-  await orchestrator.init(testFiles);
-  if (testFiles.length) {
-    await orchestrator.createTesters(testFiles);
-  }
-});
-function generateFileId(file) {
-  const config = getConfig();
-  const project = config.name || "";
-  const path = relative(config.root, file);
-  return generateHash(`${path}${project}`);
-}
-async function setIframeViewport(iframe, width, height) {
-  const ui = getUiAPI();
-  if (ui) {
-    await ui.setIframeViewport(width, height);
-  } else {
-    iframe.style.width = `${width}px`;
-    iframe.style.height = `${height}px`;
-  }
-}
-function debug(...args) {
-  const debug2 = getConfig().env.VITEST_BROWSER_DEBUG;
-  if (debug2 && debug2 !== "false") {
-    client.rpc.debug(...args.map(String));
-  }
-}

package/dist/index-DjDyxzt8.js

@@ -1 +0,0 @@
-import{server,page}from"@vitest/browser/context";import{I as Ivya,e as getByRoleSelector,c as getByAltTextSelector,f as getByLabelSelector,b as getByPlaceholderSelector,d as getByTestIdSelector,a as getByTextSelector,g as getByTitleSelector,h as getElementError}from"./public-utils-xf4CCUzp.js";function ensureAwaited(e){let b=getWorkerState().current;if(!b||b.type!==`test`)return e();let x=!1,S=Error(`STACK_TRACE_ERROR`);b.onFinished??=[],b.onFinished.push(()=>{if(!x){let e=Error(`The call was not awaited. This method is asynchronous and must be awaited; otherwise, the call will not start to avoid unhandled rejections.`);throw e.stack=S.stack?.replace(S.message,e.message),e}});let C;return{then(b,w){return x=!0,(C||=e(S)).then(b,w)},catch(b){return(C||=e(S)).catch(b)},finally(b){return(C||=e(S)).finally(b)},[Symbol.toStringTag]:`Promise`}}function getBrowserState(){return window.__vitest_browser_runner__}function getWorkerState(){let e=window.__vitest_worker__;if(!e)throw Error(`Worker state is not found. This is an issue with Vitest. Please, open an issue.`);return e}const provider=getBrowserState().provider;function convertElementToCssSelector(e){if(!e||!(e instanceof Element))throw Error(`Expected DOM element to be an instance of Element, received ${typeof e}`);return getUniqueCssSelector(e)}function escapeIdForCSSSelector(e){return e.split(``).map(e=>{let b=e.charCodeAt(0);return e===` `||e===`#`||e===`.`||e===`:`||e===`[`||e===`]`||e===`>`||e===`+`||e===`~`||e===`\\`?`\\${e}`:b>=65536?`\\${b.toString(16).toUpperCase().padStart(6,`0`)} `:b<32||b===127||b>=128?`\\${b.toString(16).toUpperCase().padStart(2,`0`)} `:e}).join(``)}function getUniqueCssSelector(e){let b=[],x,S=!1;for(;x=getParent(e);){x.shadowRoot&&(S=!0);let C=e.tagName;if(e.id)b.push(`#${escapeIdForCSSSelector(e.id)}`);else if(!e.nextElementSibling&&!e.previousElementSibling)b.push(C.toLowerCase());else{let S=0,w=0,T=0;for(let b of x.children)S++,b.tagName===C&&w++,b===e&&(T=S);w>1?b.push(`${C.toLowerCase()}:nth-child(${T})`):b.push(C.toLowerCase())}e=x}return`${getBrowserState().provider===`webdriverio`&&S?`>>>`:``}${b.reverse().join(` > `)}`}function getParent(e){let b=e.parentNode;return b instanceof ShadowRoot?b.host:b}const now=Date.now;function processTimeoutOptions(e){if(e&&e.timeout!=null||provider!==`playwright`||getWorkerState().config.browser.providerOptions.actionTimeout!=null)return e;let b=getBrowserState().runner,x=b._currentTaskStartTime;if(!x)return e;let S=b._currentTaskTimeout;if(S===0||S==null||S===1/0)return e;e||={};let C=now(),w=x+S,T=w-C;return T<=0||(e.timeout=T-100),e}function getIframeScale(){let e=window.parent.document.querySelector(`#tester-ui`);if(!e)throw Error(`Cannot find Tester element. This is a bug in Vitest. Please, open a new issue with reproduction.`);let b=e.getAttribute(`data-scale`),x=Number(b);if(Number.isNaN(x))throw TypeError(`Cannot parse scale value from Tester element (${b}). This is a bug in Vitest. Please, open a new issue with reproduction.`);return x}function escapeRegexForSelector(e){return e.unicode||e.unicodeSets?String(e):String(e).replace(/(^|[^\\])(\\\\)*(["'`])/g,`$1$2\\$3`).replace(/>>/g,`\\>\\>`)}function escapeForTextSelector(e,b){return typeof e==`string`?`${JSON.stringify(e)}i`:escapeRegexForSelector(e)}const selectorEngine=Ivya.create({browser:(e=>{switch(e){case`edge`:case`chrome`:return`chromium`;case`safari`:return`webkit`;default:return e}})(server.config.browser.name),testIdAttribute:server.config.browser.locators.testIdAttribute});class Locator{_parsedSelector;_container;_pwSelector;click(e={}){return this.triggerCommand(`__vitest_click`,this.selector,e)}dblClick(e={}){return this.triggerCommand(`__vitest_dblClick`,this.selector,e)}tripleClick(e={}){return this.triggerCommand(`__vitest_tripleClick`,this.selector,e)}clear(e){return this.triggerCommand(`__vitest_clear`,this.selector,e)}hover(e){return this.triggerCommand(`__vitest_hover`,this.selector,e)}unhover(e){return this.triggerCommand(`__vitest_hover`,`html > body`,e)}fill(e,b){return this.triggerCommand(`__vitest_fill`,this.selector,e,b)}async upload(e,b){let x=(Array.isArray(e)?e:[e]).map(async e=>{if(typeof e==`string`)return e;let b=await new Promise((b,x)=>{let S=new FileReader;S.onload=()=>b(S.result),S.onerror=()=>x(Error(`Failed to read file: ${e.name}`)),S.readAsDataURL(e)});return{name:e.name,mimeType:e.type,base64:b}});return this.triggerCommand(`__vitest_upload`,this.selector,await Promise.all(x),b)}dropTo(e,b={}){return this.triggerCommand(`__vitest_dragAndDrop`,this.selector,e.selector,b)}selectOptions(e,b){let x=(Array.isArray(e)?e:[e]).map(e=>{if(typeof e!=`string`){let b=`element`in e?e.selector:selectorEngine.generateSelectorSimple(e);return{element:b}}return e});return this.triggerCommand(`__vitest_selectOptions`,this.selector,x,b)}screenshot(e){return page.screenshot({...e,element:this})}getByRole(e,b){return this.locator(getByRoleSelector(e,b))}getByAltText(e,b){return this.locator(getByAltTextSelector(e,b))}getByLabelText(e,b){return this.locator(getByLabelSelector(e,b))}getByPlaceholder(e,b){return this.locator(getByPlaceholderSelector(e,b))}getByTestId(b){return this.locator(getByTestIdSelector(server.config.browser.locators.testIdAttribute,b))}getByText(e,b){return this.locator(getByTextSelector(e,b))}getByTitle(e,b){return this.locator(getByTitleSelector(e,b))}filter(e){let b=[];if(e?.hasText&&b.push(`internal:has-text=${escapeForTextSelector(e.hasText)}`),e?.hasNotText&&b.push(`internal:has-not-text=${escapeForTextSelector(e.hasNotText)}`),e?.has){let x=e.has;b.push(`internal:has=${JSON.stringify(x._pwSelector||x.selector)}`)}if(e?.hasNot){let x=e.hasNot;b.push(`internal:has-not=${JSON.stringify(x._pwSelector||x.selector)}`)}if(!b.length)throw Error(`Locator.filter expects at least one filter. None provided.`);return this.locator(b.join(` >> `))}and(e){return this.locator(`internal:and=${JSON.stringify(e._pwSelector||e.selector)}`)}or(e){return this.locator(`internal:or=${JSON.stringify(e._pwSelector||e.selector)}`)}query(){let e=this._parsedSelector||=selectorEngine.parseSelector(this._pwSelector||this.selector);return selectorEngine.querySelector(e,document.documentElement,!0)}element(){let e=this.query();if(!e)throw getElementError(this._pwSelector||this.selector,this._container||document.body);return e}elements(){let e=this._parsedSelector||=selectorEngine.parseSelector(this._pwSelector||this.selector);return selectorEngine.querySelectorAll(e,document.documentElement)}all(){return this.elements().map(e=>this.elementLocator(e))}nth(e){return this.locator(`nth=${e}`)}first(){return this.nth(0)}last(){return this.nth(-1)}toString(){return this.selector}toJSON(){return this.selector}triggerCommand(e,...b){let x=getBrowserState().commands;return ensureAwaited(S=>x.triggerCommand(e,b,S))}}export{Locator as L,getIframeScale as a,convertElementToCssSelector as c,getBrowserState as g,processTimeoutOptions as p,selectorEngine as s};