@arcgis/lumina-compiler 4.33.0-next.9 → 4.33.0-next.91

package/dist/puppeteerTesting/index.js

@@ -1,6 +1,1130 @@
-import{a as p,b as y}from"../chunk-6XNX5V4L.js";import"../chunk-JFKSI6I7.js";import"vitest";async function R(t){await t.exposeFunction("puppeteerOnEvent",(n,e)=>{G(t._e2eEvents,n,e)}),await t.evaluateOnNewDocument(K)}async function N(t,n,e){let i=new w(n),r=e!=="document"?()=>window:()=>document,a=await t.evaluateHandle(r);return await b(t,a,n,o=>{i.push(o)}),i}async function v(t,n,e){let i=await t.evaluate(async(r,a,o)=>await new Promise((s,l)=>{let u=setTimeout(()=>{l(new Error(`waitForEvent() timeout, eventName: ${a}`))},o);r.addEventListener(a,d=>{clearTimeout(u),s(window.puppeteerSerializeEvent(d))},{once:!0})}),e,n,c.defaultTimeout);return await t.waitForChanges(),i}var w=class{constructor(n){this.eventName=n;this.events=[];this._cursor=0;this._queuedHandler=[]}get length(){return this.events.length}get firstEvent(){return this.events.at(0)}get lastEvent(){return this.events.at(-1)}async next(){let n=this._cursor;this._cursor++;let e=this.events[n];if(e)return await Promise.resolve({done:!1,value:e});{let i,r=new Promise(a=>i=a);return this._queuedHandler.push(i),await r.then(()=>({done:!1,value:this.events[n]}))}}push(n){this.events.push(n);let e=this._queuedHandler.shift();e&&e()}};async function b(t,n,e,i){let r=t._e2eEventIds++;t._e2eEvents.set(r,{eventName:e,callback:i}),await n.evaluate((a,o,s)=>{a.addEventListener(s,l=>{window.puppeteerOnEvent(o,window.puppeteerSerializeEvent(l))})},r,e)}function G(t,n,e){t.get(n)?.callback(e)}function K(){let t=async()=>await new Promise(requestAnimationFrame),n=window,e,i=new Promise((a,o)=>e=o).catch(a=>{throw a instanceof ErrorEvent?a.error??new Error(`${a.message} ${a.filename}:${a.lineno}:${a.colno}`):a});window.addEventListener("error",e),window.addEventListener("unhandledrejection",e);async function r(){await t();let a=globalThis.devOnly$createdElements??[],o=a.length;await Promise.all(a.map(async s=>{let l=s.deref();l&&l.isConnected&&(l.manager?.loadedCalled?await l.manager.component.updateComplete:await l?.componentOnReady())})),o!==a.length&&await r()}n.puppeteerAwaitAllReady=async()=>await Promise.race([i,r()]),n.puppeteerSerializeEventTarget=a=>a?a===window?{serializedWindow:!0}:a===document?{serializedDocument:!0}:"nodeType"in a&&a.nodeType!=null?{serializedElement:!0,nodeName:a.nodeName,nodeValue:a.nodeValue,nodeType:a.nodeType,tagName:a.tagName,className:a.className,id:a.id}:null:null,n.puppeteerSerializeEvent=a=>({bubbles:a.bubbles,cancelable:a.cancelable,composed:a.composed,currentTarget:n.puppeteerSerializeEventTarget(a.currentTarget),defaultPrevented:a.defaultPrevented,detail:"detail"in a?a.detail:void 0,eventPhase:a.eventPhase,isTrusted:a.isTrusted,target:n.puppeteerSerializeEventTarget(a.target),timeStamp:a.timeStamp,type:a.type,isSerializedEvent:!0})}var Y=globalThis.HTMLElement??function(){},c=class t extends Y{constructor(e=t._page,i=t._handle){super();this._page=e;this.handle=i;this._queuedActions=[];this._temporaryDisableValidation=!1;e._e2eElements.push(this);let r=this.classList.add,a=this.classList.remove,o=this.classList.toggle;this.classList.add=(...s)=>{this._temporaryDisableValidation=!0;try{r.apply(this.classList,s)}finally{this._temporaryDisableValidation=!1}},this.classList.remove=(...s)=>{this._temporaryDisableValidation=!0;try{a.apply(this.classList,s)}finally{this._temporaryDisableValidation=!1}},this.classList.toggle=(s,l)=>{this._temporaryDisableValidation=!0;try{return o.call(this.classList,s,l)}finally{this._temporaryDisableValidation=!1}}}static{this.defaultTimeout=2500}static create(e,i){customElements.get("e2e-element")||customElements.define("e2e-element",t),t._page=e,t._handle=i;let r=document.createElement("e2e-element");return t._page=void 0,t._handle=void 0,r}async find(e){return await P(this._page,this.handle,e)}async findAll(e){return await x(this._page,this.handle,e)}async callMethod(e,...i){return this._queuedActions.push({methodName:e,methodArgs:i}),await this.e2eRunActions()}triggerEvent(e,i){this._queuedActions.push({eventName:e,eventInitDict:i})}async spyOnEvent(e){let i=new w(e);return await b(this._page,this.handle,e,r=>{i.push(r)}),i}async click(e){await this.handle.click(e),await this._page.waitForChanges()}async focus(){await this.handle.focus(),await this._page.waitForChanges()}async hover(){await this.handle.hover(),await this._page.waitForChanges()}async isVisible(){this._validate();let e=!1;try{e=await this.handle.frame.evaluate(async r=>await new Promise(a=>{window.requestAnimationFrame(()=>{if(r.isConnected){let o=window.getComputedStyle(r);!!o&&o.display!=="none"&&o.visibility!=="hidden"&&o.opacity!=="0"?window.requestAnimationFrame(()=>{r.clientWidth,a(!0)}):a(!1)}else a(!1)})}),this.handle)}catch{}return e}async waitForEvent(e){return await v(this._page,e,this.handle)}async waitForVisible(){await this.awaitVisibility()}async waitForNotVisible(){await this.awaitVisibility(!1)}async awaitVisibility(e=!0){await new Promise((i,r)=>{let a=async()=>{let d=await this.isVisible();e===d&&(clearInterval(s),clearTimeout(u),i())},s=setInterval(()=>void a(),10),l=new Error(`waitForNotVisible timed out: ${t.defaultTimeout}ms`),u=setTimeout(()=>{clearTimeout(s),r(l)},t.defaultTimeout)})}async isIntersectingViewport(){return await this.handle.isIntersectingViewport()}async press(e,i){await this.handle.press(e,i),await this._page.waitForChanges()}async tap(){await this.handle.tap(),await this._page.waitForChanges()}async type(e,i){await this.handle.type(e,i),await this._page.waitForChanges()}async getProperty(e){return this._validate(),await this.handle.frame.evaluate((a,o)=>a[o],this.handle,e)}setProperty(e,i){this._queuedActions.push({setPropertyName:e,setPropertyValue:i})}getAttribute(e){return this._validate(),super.getAttribute(e)}setAttribute(e,i){super.setAttribute(e,i),this._queuedActions.push({setAttributeName:e,setAttributeValue:i})}removeAttribute(e){super.removeAttribute(e),this._queuedActions.push({removeAttribute:e})}toggleAttribute(e,i){let r=super.toggleAttribute(e,i);return this._queuedActions.push({toggleAttributeName:e,toggleAttributeForce:i}),r}get innerHTML(){return this._validate(),super.innerHTML}set innerHTML(e){this._queuedActions.push({setPropertyName:"innerHTML",setPropertyValue:e})}get innerText(){return this._validate(),super.innerText}set innerText(e){this._queuedActions.push({setPropertyName:"innerText",setPropertyValue:e})}get nodeValue(){return this._validate(),super.nodeValue}set nodeValue(e){typeof e=="string"&&this._queuedActions.push({setPropertyName:"nodeValue",setPropertyValue:e})}get outerHTML(){return this._validate(),super.outerHTML}set outerHTML(e){throw new Error("outerHTML is read-only")}get textContent(){return this._validate(),super.textContent}set textContent(e){super.textContent=e,this._queuedActions.push({setPropertyName:"textContent",setPropertyValue:e})}async getComputedStyle(e){e!=="::after"&&e!=="::before"&&e!==":after"&&e!==":before"&&(e=null);let i=await this._page.evaluate((r,a)=>{let o={},s=window.getComputedStyle(r,a);return[...Object.keys(s),...Array.from(r.style??[])].forEach(u=>{if(isNaN(u)){let d=s[u]||s.getPropertyValue(u);d!=null&&(o[u]=d)}else{let d=String(s[u]);if(d.includes("-")){let E=s.getPropertyValue(d);E!=null&&(o[d]=E)}}}),o},this.handle,e);return i.getPropertyValue=r=>i[r],i}async e2eRunActions(){if(this._queuedActions.length===0)return;let i=await this.handle.frame.evaluate(async(r,a)=>await r.componentOnReady().then(()=>{let o;return a.forEach(s=>{if(s.methodName)o=r[s.methodName].apply(r,s.methodArgs??[]);else if(s.setPropertyName)r[s.setPropertyName]=s.setPropertyValue;else if(s.setAttributeName)r.setAttribute(s.setAttributeName,String(s.setAttributeValue));else if(s.removeAttribute)r.removeAttribute(s.removeAttribute);else if(s.toggleAttributeName)typeof s.toggleAttributeForce=="boolean"?r.toggleAttribute(s.toggleAttributeName,s.toggleAttributeForce):r.toggleAttribute(s.toggleAttributeName);else if(s.classAdd)r.classList.add(s.classAdd);else if(s.classRemove)r.classList.remove(s.classRemove);else if(s.classToggle)r.classList.toggle(s.classToggle);else if(s.eventName){let l=new CustomEvent(s.eventName,{bubbles:!0,cancelable:!0,composed:!0,...s.eventInitDict});r.dispatchEvent(l)}}),o}),this.handle,this._queuedActions);return this._queuedActions.length=0,i}async e2eSync(){let e=this.handle.frame,{outerHtml:i,shadowRootHtml:r}=await e.evaluate(s=>({outerHtml:s.outerHTML,shadowRootHtml:s.shadowRoot?.innerHTML??null}),this.handle);if(typeof r=="string"){this.shadowRoot||this.attachShadow({mode:"open"});let s=this._parseHtmlToFragment(r);this._moveChildren(s,this.shadowRoot)}let o=this._parseHtmlToFragment(i).firstElementChild;if(o){Object.defineProperty(this,"tagName",{value:o.tagName,configurable:!0}),Object.defineProperty(this,"nodeName",{value:o.nodeName,configurable:!0});for(let s of Array.from(this.attributes))this.removeAttributeNode(s);for(let{name:s,value:l}of o.attributes)super.setAttribute(s,l);this._moveChildren(o,this)}}_moveChildren(e,i){for(;i.childNodes.length>0;)i.removeChild(i.childNodes[0]);for(;e.childNodes.length>0;)i.appendChild(e.childNodes[0])}_parseHtmlToFragment(e){let r=new DOMParser().parseFromString(e,"text/html"),a=document.createDocumentFragment();for(;r.body.firstChild;)a.appendChild(r.body.firstChild);return a}_validate(){if(!this._temporaryDisableValidation){if(this._queuedActions.length>0)throw new Error("await page.waitForChanges() must be called before reading element information");if(!this.handle)throw new Error("trying to read from a disposed element")}}async e2eDispose(){this.handle&&(await this.handle.dispose(),this.handle=null);let e=this._page._e2eElements.indexOf(this);e>-1&&this._page._e2eElements.splice(e,1),this._page=null}cloneNode(e){let i=super.cloneNode(e);return Object.defineProperty(i,"tagName",{value:this.tagName,configurable:!0}),Object.defineProperty(i,"nodeName",{value:this.nodeName,configurable:!0}),i}};async function P(t,n,e){let{lightSelector:i,text:r,contains:a}=S(e);if(typeof e=="string"&&e.includes(">>>")){let l=await t.$(e);if(!l)return null;let u=c.create(t,l);return await u.e2eSync(),u}let o;if(typeof i=="string"?o=await n.$(i):o=await Q(t,n,r,a),!o)return null;let s=c.create(t,o);return await s.e2eSync(),s}async function Q(t,n,e,i){let r=await t.evaluateHandle((a,o,s)=>{let l=null;function u(d){if(!d||l)return;if(d.nodeType===3){if(typeof o=="string"&&d.textContent?.trim()===o){l=d.parentElement;return}if(typeof s=="string"&&d.textContent?.includes(s)){l=d.parentElement;return}}else{if(d.nodeName==="SCRIPT"||d.nodeName==="STYLE")return;u(d.shadowRoot),d.childNodes?.forEach(u)}}return u(a),l},n,e,i);return r?r.asElement():null}async function x(t,n,e){let i=[];if(typeof e=="string"&&e.includes(">>>")){let o=await t.$$(e,{isolate:!0});for(let s of o){let l=c.create(t,s);await l.e2eSync(),i.push(l)}return i}let{lightSelector:r}=S(e);if(r===void 0)return[];let a=await n.$$(r,{isolate:!0});if(a.length===0)return[];for(let o of a){let s=c.create(t,o);await s.e2eSync(),i.push(s)}return i}function S(t){let n={lightSelector:void 0,text:void 0,contains:void 0};if(typeof t=="string")n.lightSelector=t.trim();else if(typeof t.text=="string")n.text=t.text.trim();else if(typeof t.contains=="string")n.contains=t.contains.trim();else throw new Error(`invalid find selector: ${JSON.stringify(t)}`);return n}import{isPosix as X,toSystemPathSeparators as Z}from"@arcgis/components-build-utils";async function ee(t){let n=await y.runner.createNewPage();try{return await te(n,t)}catch(e){throw n.isClosed()||await n.close(),e}}async function te(t,n){let e=[],i={_e2eElements:[],_originalClose:t.close,_e2eEvents:new Map,_e2eEventIds:0,_isWaitingForAllReady:!1,_unhandledError:void 0,async spyOnEvent(s,l){return await N.call(r,r,s,l)},async close(s){try{if(Array.isArray(r._e2eElements)){let l=r._e2eElements.map(async u=>{typeof u.e2eDispose=="function"&&await u.e2eDispose()});await Promise.all(l)}}catch{}await Promise.all(f),ne(r);try{r.isClosed()||await r._originalClose?.(s)}catch{}},async find(s){let l=await o();return await P(r,l,s)},async findAll(s){let l=await o();return await x(r,l,s)},async waitForEvent(s){let l=await o();return await v(r,s,l)},getDiagnostics:()=>e,async waitForChanges(s){await se(r,s)},async debugger(){if(!p.isDevToolsEnabled){console.warn("Re-run the test with the --inspect flag or set `puppeteerTesting.launchOptions.devtools: true` in order to use E2EPage.debugger()");return}p.isHeadlessBrowser&&console.warn("E2EPage.debugger() called while in headless mode. This may freeze the test."),await r.evaluate(async()=>await new Promise(s=>{debugger;s()}))},goTo:ie,setContent:_,async waitForTimeout(s){await new Promise(l=>setTimeout(l,s))}},r=Object.assign(t,i);await R(r);let a;async function o(){return a??=r.evaluateHandle(()=>document),(await a).asElement()}return r.on("console",s=>{s.type()==="error"&&e.push({type:"error",message:s.text(),location:s.location().url}),ae(s)}),r.on("pageerror",s=>{if(e.push({type:"pageerror",message:s.message,location:s.stack}),r._isWaitingForAllReady){r._unhandledError=s;return}else throw s}),r.on("error",s=>{throw e.push({type:"error",message:s.message,location:s.stack}),s}),r.on("requestfailed",s=>{let l=s.url(),u=s.failure()?.errorText;e.push({type:"requestfailed",message:u,location:l}),u!=="net::ERR_ABORTED"&&console.error("Request failed",{location:l,message:u})}),typeof n?.html=="string"&&await _.call(r,n.html),r}function ne(t){function n(){throw new Error("The page was already closed")}t.goto=n,t.find=n,t.debugger=n,t.findAll=n,t.setContent=n,t.spyOnEvent=n,t.waitForChanges=n,t.waitForEvent=n}async function ie(t,n={}){if(this.isClosed())throw new Error("e2eGoTo unavailable: page already closed");if(typeof t!="string")throw new Error("invalid gotoTest() url");if(!t.startsWith("/"))throw new Error("gotoTest() url must start with /");let e=p.devServerUrl;if(typeof e!="string")throw new Error("invalid gotoTest() browser url");let i=e+t.substring(1),r=await this.goto(i,n);if(r?.ok()!==!0)throw new Error(`Testing unable to load ${t}, HTTP status: ${String(r?.status())}`);return await T(this,n),r}async function _(t,n={}){if(this.isClosed())throw new Error("Can't call e2eSetContent on a closed age");if(typeof t!="string")throw new Error(`Expected first argument in e2eSetContent() to be an HTML string. Received: ${typeof t}`);let e=p.devServerHtml;if(typeof e!="string")throw new Error("Failed to retrieve .devServerHtml env variable");let i=e.replace("<body>",`<body>
-${t}`),r=p.devServerUrl;if(r===void 0)throw new Error("Failed to retrieve .devServerUrl env variable");this.setContent=()=>{throw new Error(".setContent() was already set for this page. Calling it again would create a new page -- you should call newE2EPag() instead.")},await this.setRequestInterception(!0);let a=!1;this.on("request",s=>{a&&s.isNavigationRequest()&&(console.error(`Page was navigated to ${s.url()}. This may be a result of form submission or link click.`),this.close()),r===s.url()?(a=!0,s.respond({status:200,contentType:"text/html",body:i})):s.continue()});let o=await this.goto(r,n);if(o?.ok()!==!0)throw new Error(`Failed to load the test page. HTTP code: ${o?.status()} ${o?.statusText()}`);await T(this,n)}async function T(t,n){let e=n?.timeout??y.runner.config.testTimeout*re;t._isWaitingForAllReady=!0;try{await new Promise((i,r)=>{t.evaluate(async()=>await window.puppeteerAwaitAllReady()).then(i).catch(r),setTimeout(r,e,new Error("App did not load in allowed time. Please ensure the content loads a web component application."))})}catch(i){if(t._unhandledError){let r=t._unhandledError;throw t._unhandledError=void 0,r}throw i}finally{t._isWaitingForAllReady=!1}if(t._unhandledError){let i=t._unhandledError;throw t._unhandledError=void 0,i}}var re=.9;async function se(t,n=p.puppeteerWaitForChangesDelay??0){try{if(t.isClosed()||(await Promise.all(t._e2eElements.map(async e=>await e.e2eRunActions())),t.isClosed())||(await T(t),t.isClosed()))return;n>0&&await t.waitForTimeout(n),await Promise.all(t._e2eElements.map(async e=>await e.e2eSync()))}catch(e){if(!String(e).includes("Target closed"))throw e}}var f=[];async function ae(t){let n=t.type();if(n==="debug")return;let e="";if(t.args().length===0)e=`${t.text()}${$(t)}`;else{let i=oe(t);f.push(i),await Promise.all(f.slice(0,-1)),e=await i,f.splice(f.indexOf(i),1)}e.startsWith("Using Calcite Components")||(typeof console[n]=="function"?console[n](e):console.log(n,e))}async function oe(t){return`${(await Promise.all(t.args().map(le))).join(" ")} ${$(t)}`}var $=t=>[`
+import { expect as p, afterEach as R } from "vitest";
+import { toSystemPathSeparators as V, isPosix as L } from "@arcgis/components-build-utils";
+import { p as _, i as h } from "../types-C3YmWTVv.js";
+async function S(s) {
+  await s.exposeFunction("puppeteerOnEvent", (e, t) => {
+    O(s._e2eEvents, e, t);
+  }), await s.evaluateOnNewDocument(j);
+}
+async function D(s, e, t) {
+  const n = new $(e), a = t !== "document" ? () => window : () => document, i = await s.evaluateHandle(a);
+  return await C(s, i, e, (r) => {
+    n.push(r);
+  }), n;
+}
+async function T(s, e, t) {
+  const n = await s.evaluate(
+    async (a, i, r) => await new Promise((o, l) => {
+      const c = setTimeout(() => {
+        l(new Error(`waitForEvent() timeout, eventName: ${i}`));
+      }, r);
+      a.addEventListener(
+        i,
+        (u) => {
+          clearTimeout(c), o(window.puppeteerSerializeEvent(u));
+        },
+        { once: !0 }
+      );
+    }),
+    t,
+    e,
+    d.defaultTimeout
+  );
+  return await s.waitForChanges(), n;
+}
+class $ {
+  constructor(e) {
+    this.eventName = e, this.events = [], this._cursor = 0, this._queuedHandler = [];
+  }
+  get length() {
+    return this.events.length;
+  }
+  get firstEvent() {
+    return this.events.at(0);
+  }
+  get lastEvent() {
+    return this.events.at(-1);
+  }
+  async next() {
+    const e = this._cursor;
+    this._cursor++;
+    const t = this.events[e];
+    if (t)
+      return await Promise.resolve({
+        done: !1,
+        value: t
+      });
+    {
+      let n;
+      const a = new Promise((i) => n = i);
+      return this._queuedHandler.push(n), await a.then(() => ({
+        done: !1,
+        value: this.events[e]
+      }));
+    }
+  }
+  push(e) {
+    this.events.push(e);
+    const t = this._queuedHandler.shift();
+    t && t();
+  }
+}
+async function C(s, e, t, n) {
+  const a = s._e2eEventIds++;
+  s._e2eEvents.set(a, {
+    eventName: t,
+    callback: n
+  }), await e.evaluate(
+    (i, r, o) => {
+      i.addEventListener(o, (l) => {
+        window.puppeteerOnEvent(
+          r,
+          window.puppeteerSerializeEvent(l)
+        );
+      });
+    },
+    a,
+    t
+  );
+}
+function O(s, e, t) {
+  s.get(e)?.callback(t);
+}
+function j() {
+  const s = async () => await new Promise(requestAnimationFrame), e = window;
+  let t;
+  const n = new Promise((i, r) => t = r).catch((i) => {
+    throw i instanceof ErrorEvent ? i.error ?? new Error(`${i.message} ${i.filename}:${i.lineno}:${i.colno}`) : i;
+  });
+  window.addEventListener("error", t), window.addEventListener("unhandledrejection", t);
+  async function a() {
+    await s();
+    const i = globalThis.devOnly$createdElements ?? [], r = i.length;
+    await Promise.all(
+      i.map(async (o) => {
+        const l = o.deref();
+        l && l.isConnected && (l.manager?.loadedCalled ? await l.manager.component.updateComplete : await l?.componentOnReady());
+      })
+    ), r !== i.length && await a();
+  }
+  e.puppeteerAwaitAllReady = async () => await Promise.race([n, a()]), e.puppeteerSerializeEventTarget = (i) => i ? i === window ? { serializedWindow: !0 } : i === document ? { serializedDocument: !0 } : "nodeType" in i && i.nodeType != null ? {
+    serializedElement: !0,
+    nodeName: i.nodeName,
+    nodeValue: i.nodeValue,
+    nodeType: i.nodeType,
+    tagName: i.tagName,
+    className: i.className,
+    id: i.id
+  } : null : null, e.puppeteerSerializeEvent = (i) => ({
+    bubbles: i.bubbles,
+    cancelable: i.cancelable,
+    composed: i.composed,
+    currentTarget: e.puppeteerSerializeEventTarget(i.currentTarget),
+    defaultPrevented: i.defaultPrevented,
+    detail: "detail" in i ? i.detail : void 0,
+    eventPhase: i.eventPhase,
+    isTrusted: i.isTrusted,
+    target: e.puppeteerSerializeEventTarget(i.target),
+    timeStamp: i.timeStamp,
+    type: i.type,
+    isSerializedEvent: !0
+  });
+}
+const z = globalThis.HTMLElement ?? function() {
+};
+class d extends z {
+  constructor(e = d._page, t = d._handle) {
+    super(), this._page = e, this.handle = t, this._queuedActions = [], this._temporaryDisableValidation = !1, e._e2eElements.push(this);
+    const n = this.classList.add, a = this.classList.remove, i = this.classList.toggle;
+    this.classList.add = (...r) => {
+      this._temporaryDisableValidation = !0;
+      try {
+        n.apply(this.classList, r);
+      } finally {
+        this._temporaryDisableValidation = !1;
+      }
+    }, this.classList.remove = (...r) => {
+      this._temporaryDisableValidation = !0;
+      try {
+        a.apply(this.classList, r);
+      } finally {
+        this._temporaryDisableValidation = !1;
+      }
+    }, this.classList.toggle = (r, o) => {
+      this._temporaryDisableValidation = !0;
+      try {
+        return i.call(this.classList, r, o);
+      } finally {
+        this._temporaryDisableValidation = !1;
+      }
+    };
+  }
+  static {
+    this.defaultTimeout = 2500;
+  }
+  /**
+   * We can't directly call `new E22Element()` since it extends HTMLElement
+   * which is not directly constructable. Instead, we register it as a custom
+   * element.
+   */
+  static create(e, t) {
+    customElements.get("e2e-element") || customElements.define("e2e-element", d), d._page = e, d._handle = t;
+    const n = document.createElement("e2e-element");
+    return d._page = void 0, d._handle = void 0, n;
+  }
+  /**
+   * Find a child element that matches the selector, which is the same as
+   * `element.querySelector(selector)`. Use `>>>` within the
+   * selector to find an element within a host element's shadow root.
+   * For example, to select the first `div` inside of the component
+   * `my-cmp`, which is a child of this element, the call would be
+   * `element.find('my-cmp >>> div')`. Returns `null` if no
+   * elements were found.
+   */
+  async find(e) {
+    return await N(this._page, this.handle, e);
+  }
+  /**
+   * Find all child elements that match the selector, which is the same as
+   * `element.querySelectorAll(selector)`. Use `>>>` within the
+   * selector to find elements within a host element's shadow root.
+   * For example, to select all `li` elements inside of the component
+   * `my-cmp`, which is a child of this element, the call would be
+   * `element.findAll('my-cmp >>> li')`. Returns an empty array if
+   * no elements were found.
+   */
+  async findAll(e) {
+    return await x(this._page, this.handle, e);
+  }
+  /**
+   * Used to call a method on a component. For example, if a component
+   * has the method `cmp.myMethod(arg1, arg2)`, calling this method
+   * from a e2e test could be `cmp.callMethod('myMethod', arg1, arg2)`.
+   */
+  async callMethod(e, ...t) {
+    return this._queuedActions.push({
+      methodName: e,
+      methodArgs: t
+    }), await this.e2eRunActions();
+  }
+  /**
+   * This is a convenience method to easily create a `CustomEvent`,
+   * and dispatch it from the element, to include any custom event
+   * `detail` data as the second argument.
+   */
+  triggerEvent(e, t) {
+    this._queuedActions.push({
+      eventName: e,
+      eventInitDict: t
+    });
+  }
+  /**
+   * Used to test if an event was, or was not dispatched. This method
+   * returns a promise, that resolves with an EventSpy. The EventSpy
+   * can be used along with `expect(spy).toHaveReceivedEvent()`,
+   * `expect(spy).toHaveReceivedEventTimes(x)` and
+   * `expect(spy).toHaveReceivedEventDetail({...})`.
+   */
+  async spyOnEvent(e) {
+    const t = new $(e);
+    return await C(this._page, this.handle, e, (n) => {
+      t.push(n);
+    }), t;
+  }
+  /**
+   * Calling `click()` on an element scrolls it into view if needed, and
+   * then uses `page.mouse` to click in the center of the element.
+   * Please see the puppeteer docs for more information.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+  async click(e) {
+    await this.handle.click(e), await this._page.waitForChanges();
+  }
+  /**
+   * Sets focus on the element.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-misused-promises
+  async focus() {
+    await this.handle.focus(), await this._page.waitForChanges();
+  }
+  /**
+   * Sets hover on the element.
+   */
+  async hover() {
+    await this.handle.hover(), await this._page.waitForChanges();
+  }
+  /**
+   * Resolves `true` when the element's style is `display !== 'none'`,
+   * `visibility !== 'hidden'` and `opacity !== '0'`.
+   */
+  async isVisible() {
+    this._validate();
+    let e = !1;
+    try {
+      e = await this.handle.frame.evaluate(
+        async (n) => await new Promise((a) => {
+          window.requestAnimationFrame(() => {
+            if (n.isConnected) {
+              const i = window.getComputedStyle(n);
+              !!i && i.display !== "none" && i.visibility !== "hidden" && i.opacity !== "0" ? window.requestAnimationFrame(() => {
+                n.clientWidth, a(!0);
+              }) : a(!1);
+            } else
+              a(!1);
+          });
+        }),
+        this.handle
+      );
+    } catch {
+    }
+    return e;
+  }
+  /**
+   * Waits until the given event is listened in the element.
+   */
+  async waitForEvent(e) {
+    return await T(this._page, e, this.handle);
+  }
+  /**
+   * Waits until the element's style is `display !== 'none'`,
+   * `visibility !== 'hidden'`, `opacity !== '0'` and the element
+   * is connected to the document.
+   */
+  async waitForVisible() {
+    await this.awaitVisibility();
+  }
+  /**
+   * Waits until the element's style is `display === 'none'`, or
+   * `visibility === 'hidden'`, or `opacity === '0'`, or the element
+   * is no longer connected to the document.
+   */
+  async waitForNotVisible() {
+    await this.awaitVisibility(!1);
+  }
+  async awaitVisibility(e = !0) {
+    await new Promise((t, n) => {
+      const a = async () => {
+        const c = await this.isVisible();
+        e === c && (clearInterval(r), clearTimeout(l), t());
+      }, r = setInterval(() => void a(), 10), o = new Error(`waitForNotVisible timed out: ${d.defaultTimeout}ms`), l = setTimeout(() => {
+        clearTimeout(r), n(o);
+      }, d.defaultTimeout);
+    });
+  }
+  /**
+   * Resolves to true if the element is visible in the current viewport.
+   */
+  async isIntersectingViewport() {
+    return await this.handle.isIntersectingViewport();
+  }
+  /**
+   * Focuses the element, and then uses `keyboard.down` and `keyboard.up`.
+   * If key is a single character and no modifier keys besides Shift are
+   * being held down, a keypress/input event will also be generated. The
+   * text option can be specified to force an input event to be generated.
+   * Note: Modifier keys DO effect `elementHandle.press`. Holding down Shift
+   * will type the text in upper case.
+   * Key names: https://github.com/puppeteer/puppeteer/blob/main/src/common/USKeyboardLayout.ts
+   */
+  async press(e, t) {
+    await this.handle.press(e, t), await this._page.waitForChanges();
+  }
+  /**
+   * This method scrolls the element it into view if needed,
+   * and then uses `page.touchscreen` to tap in the center of the element.
+   */
+  async tap() {
+    await this.handle.tap(), await this._page.waitForChanges();
+  }
+  /**
+   * Sends a keydown, keypress/input, and keyup event for each character in the text.
+   * To press a special key, like Control or ArrowDown, use `keyboard.press`.
+   */
+  async type(e, t) {
+    await this.handle.type(e, t), await this._page.waitForChanges();
+  }
+  /**
+   * Returns the value of a specified attribute on the element. If the
+   * given attribute does not exist, the value returned will be null.
+   */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  async getProperty(e) {
+    return this._validate(), await this.handle.frame.evaluate(
+      (a, i) => a[i],
+      this.handle,
+      e
+    );
+  }
+  /**
+   * Used to set a property set on a component. For example, if a
+   * component has the property `elm.myProp`, then calling
+   * `elm.setProperty('myProp', 88)` would set the value `88` to
+   * the `myProp` property on the component.
+   */
+  setProperty(e, t) {
+    this._queuedActions.push({
+      setPropertyName: e,
+      setPropertyValue: t
+    });
+  }
+  /**
+   * Returns the value of a specified attribute on the element. If the
+   * given attribute does not exist, the value returned will be null.
+   */
+  getAttribute(e) {
+    return this._validate(), super.getAttribute(e);
+  }
+  /**
+   * Removes the attribute on the specified element. Note that
+   * `await page.waitForChanges()` must be called before reading
+   * the value if content has changed.
+   */
+  setAttribute(e, t) {
+    super.setAttribute(e, t), this._queuedActions.push({
+      setAttributeName: e,
+      setAttributeValue: t
+    });
+  }
+  /**
+   * Removes the attribute on the specified element. Note that
+   * `await page.waitForChanges()` must be called before reading
+   * the value if content has changed.
+   */
+  removeAttribute(e) {
+    super.removeAttribute(e), this._queuedActions.push({
+      removeAttribute: e
+    });
+  }
+  /**
+   * Toggles a `boolean` attribute (removing it if it is present and adding
+   * it if it is not present) on the given element. Note that
+   * `await page.waitForChanges()` must be called before reading
+   * the value if content has changed. The optional `force` argument is a
+   * `boolean` value to determine whether the attribute should be added or
+   * removed, no matter whether the attribute is present or not at the moment.
+   */
+  toggleAttribute(e, t) {
+    const n = super.toggleAttribute(e, t);
+    return this._queuedActions.push({
+      toggleAttributeName: e,
+      toggleAttributeForce: t
+    }), n;
+  }
+  /**
+   * Gets and sets `innerHTML` property of the element.
+   * Note that `await page.waitForChanges()` must be called before reading
+   * the value if content has changed.
+   */
+  get innerHTML() {
+    return this._validate(), super.innerHTML;
+  }
+  set innerHTML(e) {
+    this._queuedActions.push({
+      setPropertyName: "innerHTML",
+      setPropertyValue: e
+    });
+  }
+  /**
+   * Gets and sets `innerText` property of the element.
+   * Note that `await page.waitForChanges()` must be called before reading
+   * the value if content has changed.
+   */
+  get innerText() {
+    return this._validate(), super.innerText;
+  }
+  set innerText(e) {
+    this._queuedActions.push({
+      setPropertyName: "innerText",
+      setPropertyValue: e
+    });
+  }
+  get nodeValue() {
+    return this._validate(), super.nodeValue;
+  }
+  set nodeValue(e) {
+    typeof e == "string" && this._queuedActions.push({
+      setPropertyName: "nodeValue",
+      setPropertyValue: e
+    });
+  }
+  /**
+   * Gets the element's `outerHTML. This is a read-only property and will
+   * throw an error if set.
+   */
+  // eslint-disable-next-line @typescript-eslint/related-getter-setter-pairs
+  get outerHTML() {
+    return this._validate(), super.outerHTML;
+  }
+  set outerHTML(e) {
+    throw new Error("outerHTML is read-only");
+  }
+  /**
+   * The `textContent` property represents the text content of a node
+   * and its descendants. Note that `await page.waitForChanges()` must
+   * be called before reading the value if content has changed.
+   */
+  get textContent() {
+    return this._validate(), super.textContent;
+  }
+  set textContent(e) {
+    super.textContent = e, this._queuedActions.push({
+      setPropertyName: "textContent",
+      setPropertyValue: e
+    });
+  }
+  /**
+   * Returns an object that reports the values of all CSS properties of this
+   * element after applying active stylesheets and resolving any basic computation
+   * those values may contain. Individual CSS property values are accessed by
+   * simply indexing with CSS property names. The method is shortcut and an async
+   * version of using `window.getComputedStyle(element)` directly.
+   */
+  async getComputedStyle(e) {
+    e !== "::after" && e !== "::before" && e !== ":after" && e !== ":before" && (e = null);
+    const t = await this._page.evaluate(
+      (n, a) => {
+        const i = {}, r = window.getComputedStyle(n, a);
+        return [
+          ...Object.keys(r),
+          /**
+           * include CSS variables defined within the style attribute
+           * of an element, e.g.:
+           * ```
+           * <my-component style="--my-component-text-color: rgb(255, 0, 0);"></my-component>
+           * ```
+           */
+          ...Array.from(n.style ?? [])
+        ].forEach((l) => {
+          if (isNaN(l)) {
+            const c = (
+              /**
+               * access property directly for any known css property
+               */
+              r[l] || /**
+              * use `getPropertyValue` for css variables
+              */
+              r.getPropertyValue(l)
+            );
+            c != null && (i[l] = c);
+          } else {
+            const c = String(r[l]);
+            if (c.includes("-")) {
+              const u = r.getPropertyValue(c);
+              u != null && (i[c] = u);
+            }
+          }
+        }), i;
+      },
+      this.handle,
+      e
+    );
+    return t.getPropertyValue = (n) => t[n], t;
+  }
+  async e2eRunActions() {
+    if (this._queuedActions.length === 0)
+      return;
+    const t = await this.handle.frame.evaluate(
+      async (n, a) => (
+        // BROWSER CONTEXT
+        // cannot use async/await in here because typescript transpiles it in the node context
+        await n.componentOnReady().then(() => {
+          let i;
+          return a.forEach((r) => {
+            if (r.methodName)
+              i = n[r.methodName].apply(
+                n,
+                r.methodArgs ?? []
+              );
+            else if (r.setPropertyName)
+              n[r.setPropertyName] = r.setPropertyValue;
+            else if (r.setAttributeName)
+              n.setAttribute(r.setAttributeName, String(r.setAttributeValue));
+            else if (r.removeAttribute)
+              n.removeAttribute(r.removeAttribute);
+            else if (r.toggleAttributeName)
+              typeof r.toggleAttributeForce == "boolean" ? n.toggleAttribute(r.toggleAttributeName, r.toggleAttributeForce) : n.toggleAttribute(r.toggleAttributeName);
+            else if (r.classAdd)
+              n.classList.add(r.classAdd);
+            else if (r.classRemove)
+              n.classList.remove(r.classRemove);
+            else if (r.classToggle)
+              n.classList.toggle(r.classToggle);
+            else if (r.eventName) {
+              const o = new CustomEvent(r.eventName, {
+                bubbles: !0,
+                cancelable: !0,
+                composed: !0,
+                ...r.eventInitDict
+              });
+              n.dispatchEvent(o);
+            }
+          }), i;
+        })
+      ),
+      this.handle,
+      this._queuedActions
+    );
+    return this._queuedActions.length = 0, t;
+  }
+  async e2eSync() {
+    const e = this.handle.frame, { outerHtml: t, shadowRootHtml: n } = await e.evaluate(
+      (r) => ({
+        outerHtml: r.outerHTML,
+        shadowRootHtml: r.shadowRoot?.innerHTML ?? null
+      }),
+      this.handle
+    );
+    if (typeof n == "string") {
+      this.shadowRoot || this.attachShadow({ mode: "open" });
+      const r = this._parseHtmlToFragment(n);
+      this._moveChildren(r, this.shadowRoot);
+    }
+    const i = this._parseHtmlToFragment(t).firstElementChild;
+    if (i) {
+      Object.defineProperty(this, "tagName", {
+        value: i.tagName,
+        configurable: !0
+      }), Object.defineProperty(this, "nodeName", {
+        value: i.nodeName,
+        configurable: !0
+      });
+      for (const r of Array.from(this.attributes))
+        this.removeAttributeNode(r);
+      for (const { name: r, value: o } of i.attributes)
+        super.setAttribute(r, o);
+      this._moveChildren(i, this);
+    }
+  }
+  _moveChildren(e, t) {
+    for (; t.childNodes.length > 0; )
+      t.removeChild(t.childNodes[0]);
+    for (; e.childNodes.length > 0; )
+      t.appendChild(e.childNodes[0]);
+  }
+  _parseHtmlToFragment(e) {
+    const n = new DOMParser().parseFromString(e, "text/html"), a = document.createDocumentFragment();
+    for (; n.body.firstChild; )
+      a.appendChild(n.body.firstChild);
+    return a;
+  }
+  _validate() {
+    if (!this._temporaryDisableValidation) {
+      if (this._queuedActions.length > 0)
+        throw new Error("await page.waitForChanges() must be called before reading element information");
+      if (!this.handle)
+        throw new Error("trying to read from a disposed element");
+    }
+  }
+  async e2eDispose() {
+    this.handle && (await this.handle.dispose(), this.handle = null);
+    const e = this._page._e2eElements.indexOf(this);
+    e > -1 && this._page._e2eElements.splice(e, 1), this._page = null;
+  }
+  cloneNode(e) {
+    const t = super.cloneNode(e);
+    return Object.defineProperty(t, "tagName", {
+      value: this.tagName,
+      configurable: !0
+    }), Object.defineProperty(t, "nodeName", {
+      value: this.nodeName,
+      configurable: !0
+    }), t;
+  }
+}
+async function N(s, e, t) {
+  const { lightSelector: n, text: a, contains: i } = P(t);
+  if (typeof t == "string" && t.includes(">>>")) {
+    const l = await s.$(t);
+    if (!l)
+      return null;
+    const c = d.create(s, l);
+    return await c.e2eSync(), c;
+  }
+  let r;
+  if (typeof n == "string" ? r = await e.$(n) : r = await M(s, e, a, i), !r)
+    return null;
+  const o = d.create(s, r);
+  return await o.e2eSync(), o;
+}
+async function M(s, e, t, n) {
+  const a = await s.evaluateHandle(
+    (i, r, o) => {
+      let l = null;
+      function c(u) {
+        if (!u || l)
+          return;
+        if (u.nodeType === 3) {
+          if (typeof r == "string" && u.textContent?.trim() === r) {
+            l = u.parentElement;
+            return;
+          }
+          if (typeof o == "string" && u.textContent?.includes(o)) {
+            l = u.parentElement;
+            return;
+          }
+        } else {
+          if (u.nodeName === "SCRIPT" || u.nodeName === "STYLE")
+            return;
+          c(u.shadowRoot), u.childNodes?.forEach(c);
+        }
+      }
+      return c(i), l;
+    },
+    e,
+    t,
+    n
+  );
+  return a ? a.asElement() : null;
+}
+async function x(s, e, t) {
+  const n = [];
+  if (typeof t == "string" && t.includes(">>>")) {
+    const r = await s.$$(t, {
+      // Workaround for https://github.com/puppeteer/puppeteer/issues/11944#issuecomment-1952348209
+      isolate: !0
+    });
+    for (const o of r) {
+      const l = d.create(s, o);
+      await l.e2eSync(), n.push(l);
+    }
+    return n;
+  }
+  const { lightSelector: a } = P(t);
+  if (a === void 0)
+    return [];
+  const i = await e.$$(a, {
+    // Workaround for https://github.com/puppeteer/puppeteer/issues/11944#issuecomment-1952348209
+    isolate: !0
+  });
+  if (i.length === 0)
+    return [];
+  for (const r of i) {
+    const o = d.create(s, r);
+    await o.e2eSync(), n.push(o);
+  }
+  return n;
+}
+function P(s) {
+  const e = {
+    lightSelector: void 0,
+    text: void 0,
+    contains: void 0
+  };
+  if (typeof s == "string")
+    e.lightSelector = s.trim();
+  else if (typeof s.text == "string")
+    e.text = s.text.trim();
+  else if (typeof s.contains == "string")
+    e.contains = s.contains.trim();
+  else
+    throw new Error(`invalid find selector: ${JSON.stringify(s)}`);
+  return e;
+}
+async function fe(s) {
+  const e = await _.runner.createNewPage();
+  try {
+    return await q(e, s);
+  } catch (t) {
+    throw e.isClosed() || await e.close(), t;
+  }
+}
+async function q(s, e) {
+  const t = [], n = {
+    _e2eElements: [],
+    _originalClose: s.close,
+    _e2eEvents: /* @__PURE__ */ new Map(),
+    _e2eEventIds: 0,
+    _isWaitingForAllReady: !1,
+    _unhandledError: void 0,
+    async spyOnEvent(o, l) {
+      return await D.call(a, a, o, l);
+    },
+    async close(o) {
+      try {
+        if (Array.isArray(a._e2eElements)) {
+          const l = a._e2eElements.map(async (c) => {
+            typeof c.e2eDispose == "function" && await c.e2eDispose();
+          });
+          await Promise.all(l);
+        }
+      } catch {
+      }
+      await Promise.all(m), k(a);
+      try {
+        a.isClosed() || await a._originalClose?.(o);
+      } catch {
+      }
+    },
+    async find(o) {
+      const l = await r();
+      return await N(a, l, o);
+    },
+    async findAll(o) {
+      const l = await r();
+      return await x(a, l, o);
+    },
+    async waitForEvent(o) {
+      const l = await r();
+      return await T(a, o, l);
+    },
+    getDiagnostics: () => t,
+    async waitForChanges(o) {
+      await U(a, o);
+    },
+    async debugger() {
+      if (!h.isDevToolsEnabled) {
+        console.warn(
+          "Re-run the test with the --inspect flag or set `puppeteerTesting.launchOptions.devtools: true` in order to use E2EPage.debugger()"
+        );
+        return;
+      }
+      h.isHeadlessBrowser && console.warn("E2EPage.debugger() called while in headless mode. This may freeze the test."), await a.evaluate(
+        async () => await new Promise((o) => {
+          debugger;
+          o();
+        })
+      );
+    },
+    goTo: W,
+    setContent: y,
+    async waitForTimeout(o) {
+      await new Promise((l) => setTimeout(l, o));
+    }
+  }, a = Object.assign(s, n);
+  await S(a);
+  let i;
+  async function r() {
+    return i ??= a.evaluateHandle(() => document), (await i).asElement();
+  }
+  return a.on("console", (o) => {
+    o.type() === "error" && t.push({
+      type: "error",
+      message: o.text(),
+      location: o.location().url
+    }), J(o);
+  }), a.on("pageerror", (o) => {
+    if (t.push({
+      type: "pageerror",
+      message: o.message,
+      location: o.stack
+    }), a._isWaitingForAllReady) {
+      a._unhandledError = o;
+      return;
+    } else
+      throw o;
+  }), a.on("error", (o) => {
+    throw t.push({
+      type: "error",
+      message: o.message,
+      location: o.stack
+    }), o;
+  }), a.on("requestfailed", (o) => {
+    const l = o.url(), c = o.failure()?.errorText;
+    t.push({
+      type: "requestfailed",
+      message: c,
+      location: l
+    }), c !== "net::ERR_ABORTED" && console.error("Request failed", { location: l, message: c });
+  }), typeof e?.html == "string" && await y.call(a, e.html), a;
+}
+function k(s) {
+  function e() {
+    throw new Error("The page was already closed");
+  }
+  s.goto = e, s.find = e, s.debugger = e, s.findAll = e, s.setContent = e, s.spyOnEvent = e, s.waitForChanges = e, s.waitForEvent = e;
+}
+async function W(s, e = {}) {
+  if (this.isClosed())
+    throw new Error("e2eGoTo unavailable: page already closed");
+  if (typeof s != "string")
+    throw new Error("invalid gotoTest() url");
+  if (!s.startsWith("/"))
+    throw new Error("gotoTest() url must start with /");
+  const t = h.devServerUrl;
+  if (typeof t != "string")
+    throw new Error("invalid gotoTest() browser url");
+  const n = t + s.substring(1), a = await this.goto(n, e);
+  if (a?.ok() !== !0)
+    throw new Error(`Testing unable to load ${s}, HTTP status: ${String(a?.status())}`);
+  return await v(this, e), a;
+}
+async function y(s, e = {}) {
+  if (this.isClosed())
+    throw new Error("Can't call e2eSetContent on a closed age");
+  if (typeof s != "string")
+    throw new Error(`Expected first argument in e2eSetContent() to be an HTML string. Received: ${typeof s}`);
+  const t = h.devServerHtml;
+  if (typeof t != "string")
+    throw new Error("Failed to retrieve .devServerHtml env variable");
+  const n = t.replace("<body>", `<body>
+${s}`), a = h.devServerUrl;
+  if (a === void 0)
+    throw new Error("Failed to retrieve .devServerUrl env variable");
+  this.setContent = () => {
+    throw new Error(
+      ".setContent() was already set for this page. Calling it again would create a new page -- you should call newE2EPag() instead."
+    );
+  }, await this.setRequestInterception(!0);
+  let i = !1;
+  this.on("request", (o) => {
+    i && o.isNavigationRequest() && (console.error(
+      `Page was navigated to ${o.url()}. This may be a result of form submission or link click.`
+    ), this.close()), a === o.url() ? (i = !0, o.respond({
+      status: 200,
+      contentType: "text/html",
+      body: n
+    })) : o.continue();
+  });
+  const r = await this.goto(a, e);
+  if (r?.ok() !== !0)
+    throw new Error(`Failed to load the test page. HTTP code: ${r?.status()} ${r?.statusText()}`);
+  await v(this, e);
+}
+async function v(s, e) {
+  const t = e?.timeout ?? _.runner.config.testTimeout * I;
+  s._isWaitingForAllReady = !0;
+  try {
+    await new Promise((n, a) => {
+      s.evaluate(async () => await window.puppeteerAwaitAllReady()).then(n).catch(a), setTimeout(
+        a,
+        t,
+        new Error("App did not load in allowed time. Please ensure the content loads a web component application.")
+      );
+    });
+  } catch (n) {
+    if (s._unhandledError) {
+      const a = s._unhandledError;
+      throw s._unhandledError = void 0, a;
+    }
+    throw n;
+  } finally {
+    s._isWaitingForAllReady = !1;
+  }
+  if (s._unhandledError) {
+    const n = s._unhandledError;
+    throw s._unhandledError = void 0, n;
+  }
+}
+const I = 0.9;
+async function U(s, e = h.puppeteerWaitForChangesDelay ?? 0) {
+  try {
+    if (s.isClosed() || (await Promise.all(s._e2eElements.map(async (t) => await t.e2eRunActions())), s.isClosed()) || (await v(s), s.isClosed()))
+      return;
+    e > 0 && await s.waitForTimeout(e), await Promise.all(s._e2eElements.map(async (t) => await t.e2eSync()));
+  } catch (t) {
+    if (!String(t).includes("Target closed"))
+      throw t;
+  }
+}
+const m = [];
+async function J(s) {
+  const e = s.type();
+  if (e === "debug")
+    return;
+  let t = "";
+  if (s.args().length === 0)
+    t = `${s.text()}${A(s)}`;
+  else {
+    const n = B(s);
+    m.push(n), await Promise.all(m.slice(0, -1)), t = await n, m.splice(m.indexOf(n), 1);
+  }
+  t.startsWith("Using Calcite Components") || (typeof console[e] == "function" ? console[e](t) : console.log(e, t));
+}
+async function B(s) {
+  return `${(await Promise.all(s.args().map(G))).join(" ")} ${A(s)}`;
+}
+const A = (s) => [`
 Stack:
-`,t.stackTrace().map(ue).join(`
-`),`
-`].join("");async function le(t){let n=t.toString();if(n.startsWith(F))return n.slice(F.length);try{return await t.evaluate(e=>{if(typeof e=="object"&&e!==null){if(e instanceof Error)return String(e);if("tagName"in e&&"attributes"in e)return`<${e.tagName.toLowerCase()} ${Array.from(e.attributes,i=>`${i.name}="${i.value}"`).join(" ")}>`;try{let i=e?.constructor?.name;if(i)return`[${i} ${JSON.stringify(e)}]`}catch{}}return String(e)})}catch(e){return console.error(e),t.toString()}finally{t.dispose()}}var F="JSHandle:";function ue(t){let n="";if(t?.url){let e=t.url.indexOf(A);n=`  ${decodeURIComponent(e===-1?t.url:Z(t.url.slice(e+A.length)))}`,t.lineNumber&&(n+=`:${t.lineNumber}`),t.columnNumber&&(n+=`:${t.columnNumber}`)}return n}var A=X?"/@fs":"/@fs/";import{expect as de,afterEach as ce}from"vitest";function m(t,n){if(typeof t!="object"||t===null)throw new Error(`${n} expect called with non-element value`);if("then"in t&&typeof t.then=="function")throw new Error("element must be a resolved value, not a promise, before it can be tested");if(!("getAttribute"in t)||typeof t.getAttribute!="function")throw new Error(`expect ${n} value is not an element`)}var k=(t,n,e)=>{m(t,"toEqualAttribute");let i=t.getAttribute(n);e!=null&&(e=String(e)),i!=null&&(i=String(i));let r=e===i;return{message:()=>`expected attribute ${n} to ${r?"not ":""}equal "${e}", but received "${i}"`,pass:r}},D=(t,n)=>{m(t,"toEqualAttributes");let e=Object.keys(n),i=e.every(r=>{let a=n[r];return a!=null&&(a=String(a)),t.getAttribute(r)===a});return{message:()=>`expected attributes to ${i?"not ":""}equal ${e.map(r=>`[${r}="${String(n[r])}"]`).join(", ")}`,pass:i}},M=(t,n)=>{m(t,"toHaveAttribute");let e=t.hasAttribute(n);return{message:()=>`expected to ${e?"not ":""}have the attribute "${n}"`,pass:e}};var L=(t,n)=>{m(t,"toHaveClass");let e=t.classList.contains(n);return{message:()=>`expected to ${e?"not ":""}have css class "${n}"`,pass:e}},H=(t,n)=>{m(t,"toHaveClasses");let e=n.every(i=>t.classList.contains(i));return{message:()=>`expected to ${e?"not ":""}have css classes "${n.join(" ")}", but className is "${t.className}"`,pass:e}},V=(t,n)=>{m(t,"toMatchClasses");let{pass:e}=H(t,n);return e&&(e=n.length===t.classList.length),{message:()=>`expected to ${e?"not ":""}match css classes "${n.join(" ")}", but className is "${t.className}"`,pass:e}};import{expect as g}from"vitest";var z=t=>{h(t);let n=t.events.length>0;return{message:()=>`expected to have ${n?"not ":""}called "${t.eventName}" event`,pass:n}};function h(t){if(typeof t!="object"||t===null)throw new Error(`expected to receive an event spy. got ${typeof t}`);if("then"in t&&typeof t.then=="function")throw new Error("event spy must be a resolved value, not a promise, before it can be tested");if(!("eventName"in t))throw new Error("toHaveReceivedEvent did not receive an event spy")}var O=(t,n)=>{h(t);let e=t.length===n;return{message:()=>`expected event "${t.eventName}" to have been called ${n} times, but was called ${t.events.length} time${t.events.length===1?"":"s"}`,pass:e}},W=function(n,e){if(h(n),n.lastEvent===void 0)throw new Error(`event "${n.eventName}" was not received`);let i=this.equals(n.lastEvent.detail,e);return g(n.lastEvent.detail).toEqual(e),{message:()=>`expected event "${n.eventName}" detail to ${i?"not ":""}equal`,pass:i}},q=function(n,e){if(h(n),n.firstEvent===void 0)throw new Error(`event "${n.eventName}" was not received`);let i=this.equals(n.firstEvent.detail,e);return g(n.firstEvent.detail).toEqual(e),{message:()=>`expected event "${n.eventName}" detail to ${i?"not ":""}equal`,pass:i}},j=function(n,e){if(h(n),n.firstEvent===void 0)throw new Error(`event "${n.eventName}" was not received`);let i=this.equals(n.lastEvent?.detail,e);return g(n.lastEvent?.detail).toEqual(e),{message:()=>`expected event "${n.eventName}" detail to ${i?"not ":""}equal`,pass:i}},I=function(n,e,i){if(h(n),n.firstEvent===void 0)throw new Error(`event "${n.eventName}" was not received`);let r=n.events[e];if(r===void 0)throw new Error(`event at index ${e} was not received`);let a=this.equals(r.detail,i);return g(r.detail).toEqual(i),{message:()=>`expected event "${n.eventName}" detail to ${a?"not ":""}equal`,pass:a}};var J=(t,n)=>{if(t==null)throw new Error("toEqualText expect called with nullish value");if(typeof t=="object"&&"then"in t&&typeof t.then=="function")throw new Error("element must be a resolved value, not a promise, before it can be tested");let e;typeof t=="object"&&"textContent"in t&&typeof t.textContent=="string"?e=(t.textContent??"").replace(C," ").trim():e=String(t).replace(C," ").trim(),n=String(n).replace(C," ").trim();let i=e===n;return{message:()=>`expected textContent "${n}" to ${i?"not ":""}equal "${e}"`,pass:i}},C=/\s+/gu;var B={toEqualAttribute:k,toEqualAttributes:D,toEqualText:J,toHaveAttribute:M,toHaveClass:L,toHaveClasses:H,toMatchClasses:V,toHaveReceivedEvent:z,toHaveReceivedEventTimes:O,toHaveReceivedEventDetail:W,toHaveFirstReceivedEventDetail:q,toHaveLastReceivedEventDetail:j,toHaveNthReceivedEventDetail:I};function me(){de.extend(B),ce(()=>{document.body.childNodes.forEach(U)})}function U(t){t.childNodes.forEach(U),t.remove()}export{ee as newE2EPage,me as setupPuppeteerTest};
+`, s.stackTrace().map(Y).join(`
+`), `
+`].join("");
+async function G(s) {
+  const e = s.toString();
+  if (e.startsWith(b))
+    return e.slice(b.length);
+  try {
+    return await s.evaluate((t) => {
+      if (typeof t == "object" && t !== null) {
+        if (t instanceof Error)
+          return String(t);
+        if ("tagName" in t && "attributes" in t)
+          return `<${t.tagName.toLowerCase()} ${Array.from(t.attributes, (n) => `${n.name}="${n.value}"`).join(" ")}>`;
+        try {
+          const n = t?.constructor?.name;
+          if (n)
+            return `[${n} ${JSON.stringify(t)}]`;
+        } catch {
+        }
+      }
+      return String(t);
+    });
+  } catch (t) {
+    return console.error(t), s.toString();
+  } finally {
+    s.dispose();
+  }
+}
+const b = "JSHandle:";
+function Y(s) {
+  let e = "";
+  if (s?.url) {
+    const t = s.url.indexOf(E);
+    e = `  ${decodeURIComponent(
+      t === -1 ? s.url : V(s.url.slice(t + E.length))
+    )}`, s.lineNumber && (e += `:${s.lineNumber}`), s.columnNumber && (e += `:${s.columnNumber}`);
+  }
+  return e;
+}
+const E = L ? "/@fs" : "/@fs/";
+function f(s, e) {
+  if (typeof s != "object" || s === null)
+    throw new Error(`${e} expect called with non-element value`);
+  if ("then" in s && typeof s.then == "function")
+    throw new Error("element must be a resolved value, not a promise, before it can be tested");
+  if (!("getAttribute" in s) || typeof s.getAttribute != "function")
+    throw new Error(`expect ${e} value is not an element`);
+}
+const K = (s, e, t) => {
+  f(s, "toEqualAttribute");
+  let n = s.getAttribute(e);
+  t != null && (t = String(t)), n != null && (n = String(n));
+  const a = t === n;
+  return {
+    message: () => `expected attribute ${e} to ${a ? "not " : ""}equal "${t}", but received "${n}"`,
+    pass: a
+  };
+}, Q = (s, e) => {
+  f(s, "toEqualAttributes");
+  const t = Object.keys(e), n = t.every((a) => {
+    let i = e[a];
+    return i != null && (i = String(i)), s.getAttribute(a) === i;
+  });
+  return {
+    message: () => `expected attributes to ${n ? "not " : ""}equal ${t.map((a) => `[${a}="${String(e[a])}"]`).join(", ")}`,
+    pass: n
+  };
+}, X = (s, e) => {
+  f(s, "toHaveAttribute");
+  const t = s.hasAttribute(e);
+  return {
+    message: () => `expected to ${t ? "not " : ""}have the attribute "${e}"`,
+    pass: t
+  };
+}, Z = (s, e) => {
+  f(s, "toHaveClass");
+  const t = s.classList.contains(e);
+  return {
+    message: () => `expected to ${t ? "not " : ""}have css class "${e}"`,
+    pass: t
+  };
+}, H = (s, e) => {
+  f(s, "toHaveClasses");
+  const t = e.every((n) => s.classList.contains(n));
+  return {
+    message: () => `expected to ${t ? "not " : ""}have css classes "${e.join(" ")}", but className is "${s.className}"`,
+    pass: t
+  };
+}, ee = (s, e) => {
+  f(s, "toMatchClasses");
+  let { pass: t } = H(s, e);
+  return t && (t = e.length === s.classList.length), {
+    message: () => `expected to ${t ? "not " : ""}match css classes "${e.join(" ")}", but className is "${s.className}"`,
+    pass: t
+  };
+}, te = (s) => {
+  w(s);
+  const e = s.events.length > 0;
+  return {
+    message: () => `expected to have ${e ? "not " : ""}called "${s.eventName}" event`,
+    pass: e
+  };
+};
+function w(s) {
+  if (typeof s != "object" || s === null)
+    throw new Error(`expected to receive an event spy. got ${typeof s}`);
+  if ("then" in s && typeof s.then == "function")
+    throw new Error("event spy must be a resolved value, not a promise, before it can be tested");
+  if (!("eventName" in s))
+    throw new Error("toHaveReceivedEvent did not receive an event spy");
+}
+const se = (s, e) => {
+  w(s);
+  const t = s.length === e;
+  return {
+    message: () => `expected event "${s.eventName}" to have been called ${e} times, but was called ${s.events.length} time${s.events.length === 1 ? "" : "s"}`,
+    pass: t
+  };
+}, ne = function(e, t) {
+  if (w(e), e.lastEvent === void 0)
+    throw new Error(`event "${e.eventName}" was not received`);
+  const n = this.equals(e.lastEvent.detail, t);
+  return p(e.lastEvent.detail).toEqual(t), {
+    message: () => `expected event "${e.eventName}" detail to ${n ? "not " : ""}equal`,
+    pass: n
+  };
+}, ie = function(e, t) {
+  if (w(e), e.firstEvent === void 0)
+    throw new Error(`event "${e.eventName}" was not received`);
+  const n = this.equals(e.firstEvent.detail, t);
+  return p(e.firstEvent.detail).toEqual(t), {
+    message: () => `expected event "${e.eventName}" detail to ${n ? "not " : ""}equal`,
+    pass: n
+  };
+}, ae = function(e, t) {
+  if (w(e), e.firstEvent === void 0)
+    throw new Error(`event "${e.eventName}" was not received`);
+  const n = this.equals(e.lastEvent?.detail, t);
+  return p(e.lastEvent?.detail).toEqual(t), {
+    message: () => `expected event "${e.eventName}" detail to ${n ? "not " : ""}equal`,
+    pass: n
+  };
+}, re = function(e, t, n) {
+  if (w(e), e.firstEvent === void 0)
+    throw new Error(`event "${e.eventName}" was not received`);
+  const a = e.events[t];
+  if (a === void 0)
+    throw new Error(`event at index ${t} was not received`);
+  const i = this.equals(a.detail, n);
+  return p(a.detail).toEqual(n), {
+    message: () => `expected event "${e.eventName}" detail to ${i ? "not " : ""}equal`,
+    pass: i
+  };
+}, oe = (s, e) => {
+  if (s == null)
+    throw new Error("toEqualText expect called with nullish value");
+  if (typeof s == "object" && "then" in s && typeof s.then == "function")
+    throw new Error("element must be a resolved value, not a promise, before it can be tested");
+  let t;
+  typeof s == "object" && "textContent" in s && typeof s.textContent == "string" ? t = (s.textContent ?? "").replace(g, " ").trim() : t = String(s).replace(g, " ").trim(), e = String(e).replace(g, " ").trim();
+  const n = t === e;
+  return {
+    message: () => `expected textContent "${e}" to ${n ? "not " : ""}equal "${t}"`,
+    pass: n
+  };
+}, g = /\s+/gu, le = {
+  toEqualAttribute: K,
+  toEqualAttributes: Q,
+  toEqualText: oe,
+  toHaveAttribute: X,
+  toHaveClass: Z,
+  toHaveClasses: H,
+  toMatchClasses: ee,
+  toHaveReceivedEvent: te,
+  toHaveReceivedEventTimes: se,
+  toHaveReceivedEventDetail: ne,
+  toHaveFirstReceivedEventDetail: ie,
+  toHaveLastReceivedEventDetail: ae,
+  toHaveNthReceivedEventDetail: re
+};
+function we() {
+  p.extend(le), R(() => {
+    document.body.childNodes.forEach(F);
+  });
+}
+function F(s) {
+  s.childNodes.forEach(F), s.remove();
+}
+export {
+  fe as newE2EPage,
+  we as setupPuppeteerTest
+};