@arcgis/lumina-compiler 4.33.0-next.98 → 4.34.0-next.0

package/dist/puppeteerTesting/index.js

@@ -1,18 +1,19 @@
-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) {
+import { expect as p, afterEach as V } from "vitest";
+import { toSystemPathSeparators as L, isPosix as S } from "@arcgis/components-build-utils";
+import { p as T, i as h } from "../types-C3YmWTVv.js";
+import { l as y } from "../logger-KpGU2b3R.js";
+async function D(s) {
   await s.exposeFunction("puppeteerOnEvent", (e, t) => {
-    O(s._e2eEvents, e, t);
-  }), await s.evaluateOnNewDocument(j);
+    j(s._e2eEvents, e, t);
+  }), await s.evaluateOnNewDocument(z);
 }
-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) => {
+async function O(s, e, t) {
+  const n = new C(e), a = t !== "document" ? () => window : () => document, i = await s.evaluateHandle(a);
+  return await N(s, i, e, (r) => {
     n.push(r);
   }), n;
 }
-async function T(s, e, t) {
+async function $(s, e, t) {
   const n = await s.evaluate(
     async (a, i, r) => await new Promise((o, l) => {
       const c = setTimeout(() => {
@@ -32,7 +33,7 @@ async function T(s, e, t) {
   );
   return await s.waitForChanges(), n;
 }
-class $ {
+class C {
   constructor(e) {
     this.eventName = e, this.events = [], this._cursor = 0, this._queuedHandler = [];
   }
@@ -69,7 +70,7 @@ class $ {
     t && t();
   }
 }
-async function C(s, e, t, n) {
+async function N(s, e, t, n) {
   const a = s._e2eEventIds++;
   s._e2eEvents.set(a, {
     eventName: t,
@@ -87,10 +88,10 @@ async function C(s, e, t, n) {
     t
   );
 }
-function O(s, e, t) {
+function j(s, e, t) {
   s.get(e)?.callback(t);
 }
-function j() {
+function z() {
   const s = async () => await new Promise(requestAnimationFrame), e = window;
   let t;
   const n = new Promise((i, r) => t = r).catch((i) => {
@@ -130,9 +131,9 @@ function j() {
     isSerializedEvent: !0
   });
 }
-const z = globalThis.HTMLElement ?? function() {
+const M = globalThis.HTMLElement ?? function() {
 };
-class d extends z {
+class d extends M {
   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;
@@ -182,7 +183,7 @@ class d extends z {
    * elements were found.
    */
   async find(e) {
-    return await N(this._page, this.handle, e);
+    return await x(this._page, this.handle, e);
   }
   /**
    * Find all child elements that match the selector, which is the same as
@@ -194,7 +195,7 @@ class d extends z {
    * no elements were found.
    */
   async findAll(e) {
-    return await x(this._page, this.handle, e);
+    return await P(this._page, this.handle, e);
   }
   /**
    * Used to call a method on a component. For example, if a component
@@ -226,8 +227,8 @@ class d extends z {
    * `expect(spy).toHaveReceivedEventDetail({...})`.
    */
   async spyOnEvent(e) {
-    const t = new $(e);
-    return await C(this._page, this.handle, e, (n) => {
+    const t = new C(e);
+    return await N(this._page, this.handle, e, (n) => {
       t.push(n);
     }), t;
   }
@@ -283,7 +284,7 @@ class d extends z {
    * Waits until the given event is listened in the element.
    */
   async waitForEvent(e) {
-    return await T(this._page, e, this.handle);
+    return await $(this._page, e, this.handle);
   }
   /**
    * Waits until the element's style is `display !== 'none'`,
@@ -631,8 +632,8 @@ class d extends z {
     }), t;
   }
 }
-async function N(s, e, t) {
-  const { lightSelector: n, text: a, contains: i } = P(t);
+async function x(s, e, t) {
+  const { lightSelector: n, text: a, contains: i } = A(t);
   if (typeof t == "string" && t.includes(">>>")) {
     const l = await s.$(t);
     if (!l)
@@ -641,12 +642,12 @@ async function N(s, e, t) {
     return await c.e2eSync(), c;
   }
   let r;
-  if (typeof n == "string" ? r = await e.$(n) : r = await M(s, e, a, i), !r)
+  if (typeof n == "string" ? r = await e.$(n) : r = await q(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) {
+async function q(s, e, t, n) {
   const a = await s.evaluateHandle(
     (i, r, o) => {
       let l = null;
@@ -676,7 +677,7 @@ async function M(s, e, t, n) {
   );
   return a ? a.asElement() : null;
 }
-async function x(s, e, t) {
+async function P(s, e, t) {
   const n = [];
   if (typeof t == "string" && t.includes(">>>")) {
     const r = await s.$$(t, {
@@ -689,7 +690,7 @@ async function x(s, e, t) {
     }
     return n;
   }
-  const { lightSelector: a } = P(t);
+  const { lightSelector: a } = A(t);
   if (a === void 0)
     return [];
   const i = await e.$$(a, {
@@ -704,7 +705,7 @@ async function x(s, e, t) {
   }
   return n;
 }
-function P(s) {
+function A(s) {
   const e = {
     lightSelector: void 0,
     text: void 0,
@@ -720,15 +721,15 @@ function P(s) {
     throw new Error(`invalid find selector: ${JSON.stringify(s)}`);
   return e;
 }
-async function fe(s) {
-  const e = await _.runner.createNewPage();
+async function me(s) {
+  const e = await T.runner.createNewPage();
   try {
-    return await q(e, s);
+    return await k(e, s);
   } catch (t) {
     throw e.isClosed() || await e.close(), t;
   }
 }
-async function q(s, e) {
+async function k(s, e) {
   const t = [], n = {
     _e2eElements: [],
     _originalClose: s.close,
@@ -737,7 +738,7 @@ async function q(s, e) {
     _isWaitingForAllReady: !1,
     _unhandledError: void 0,
     async spyOnEvent(o, l) {
-      return await D.call(a, a, o, l);
+      return await O.call(a, a, o, l);
     },
     async close(o) {
       try {
@@ -749,7 +750,7 @@ async function q(s, e) {
         }
       } catch {
       }
-      await Promise.all(m), k(a);
+      await Promise.all(m), W(a);
       try {
         a.isClosed() || await a._originalClose?.(o);
       } catch {
@@ -757,41 +758,45 @@ async function q(s, e) {
     },
     async find(o) {
       const l = await r();
-      return await N(a, l, o);
+      return await x(a, l, o);
     },
     async findAll(o) {
       const l = await r();
-      return await x(a, l, o);
+      return await P(a, l, o);
     },
     async waitForEvent(o) {
       const l = await r();
-      return await T(a, o, l);
+      return await $(a, o, l);
     },
     getDiagnostics: () => t,
     async waitForChanges(o) {
-      await U(a, o);
+      await J(a, o);
     },
     async debugger() {
       if (!h.isDevToolsEnabled) {
-        console.warn(
+        y.warn(
+          "@arcgis/lumina:puppeteer-testing",
           "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(
+      h.isHeadlessBrowser && y.warn(
+        "@arcgis/lumina:puppeteer-testing",
+        "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,
+    goTo: I,
+    setContent: b,
     async waitForTimeout(o) {
       await new Promise((l) => setTimeout(l, o));
     }
   }, a = Object.assign(s, n);
-  await S(a);
+  await D(a);
   let i;
   async function r() {
     return i ??= a.evaluateHandle(() => document), (await i).asElement();
@@ -801,7 +806,7 @@ async function q(s, e) {
       type: "error",
       message: o.text(),
       location: o.location().url
-    }), J(o);
+    }), B(o);
   }), a.on("pageerror", (o) => {
     if (t.push({
       type: "pageerror",
@@ -825,15 +830,15 @@ async function q(s, e) {
       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;
+  }), typeof e?.html == "string" && await b.call(a, e.html), a;
 }
-function k(s) {
+function W(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 = {}) {
+async function I(s, e = {}) {
   if (this.isClosed())
     throw new Error("e2eGoTo unavailable: page already closed");
   if (typeof s != "string")
@@ -848,7 +853,7 @@ async function W(s, e = {}) {
     throw new Error(`Testing unable to load ${s}, HTTP status: ${String(a?.status())}`);
   return await v(this, e), a;
 }
-async function y(s, e = {}) {
+async function b(s, e = {}) {
   if (this.isClosed())
     throw new Error("Can't call e2eSetContent on a closed age");
   if (typeof s != "string")
@@ -881,7 +886,7 @@ ${s}`), a = h.devServerUrl;
   await v(this, e);
 }
 async function v(s, e) {
-  const t = e?.timeout ?? _.runner.config.testTimeout * I;
+  const t = e?.timeout ?? T.runner.config.testTimeout * U;
   s._isWaitingForAllReady = !0;
   try {
     await new Promise((n, a) => {
@@ -905,8 +910,8 @@ async function v(s, e) {
     throw s._unhandledError = void 0, n;
   }
 }
-const I = 0.9;
-async function U(s, e = h.puppeteerWaitForChangesDelay ?? 0) {
+const U = 0.9;
+async function J(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;
@@ -917,31 +922,31 @@ async function U(s, e = h.puppeteerWaitForChangesDelay ?? 0) {
   }
 }
 const m = [];
-async function J(s) {
+async function B(s) {
   const e = s.type();
   if (e === "debug")
     return;
   let t = "";
   if (s.args().length === 0)
-    t = `${s.text()}${A(s)}`;
+    t = `${s.text()}${H(s)}`;
   else {
-    const n = B(s);
+    const n = G(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)}`;
+async function G(s) {
+  return `${(await Promise.all(s.args().map(Y))).join(" ")} ${H(s)}`;
 }
-const A = (s) => [`
+const H = (s) => [`
 Stack:
-`, s.stackTrace().map(Y).join(`
+`, s.stackTrace().map(K).join(`
 `), `
 `].join("");
-async function G(s) {
+async function Y(s) {
   const e = s.toString();
-  if (e.startsWith(b))
-    return e.slice(b.length);
+  if (e.startsWith(E))
+    return e.slice(E.length);
   try {
     return await s.evaluate((t) => {
       if (typeof t == "object" && t !== null) {
@@ -964,18 +969,18 @@ async function G(s) {
     s.dispose();
   }
 }
-const b = "JSHandle:";
-function Y(s) {
+const E = "JSHandle:";
+function K(s) {
   let e = "";
   if (s?.url) {
-    const t = s.url.indexOf(E);
+    const t = s.url.indexOf(_);
     e = `  ${decodeURIComponent(
-      t === -1 ? s.url : V(s.url.slice(t + E.length))
+      t === -1 ? s.url : L(s.url.slice(t + _.length))
     )}`, s.lineNumber && (e += `:${s.lineNumber}`), s.columnNumber && (e += `:${s.columnNumber}`);
   }
   return e;
 }
-const E = L ? "/@fs" : "/@fs/";
+const _ = S ? "/@fs" : "/@fs/";
 function f(s, e) {
   if (typeof s != "object" || s === null)
     throw new Error(`${e} expect called with non-element value`);
@@ -984,7 +989,7 @@ function f(s, e) {
   if (!("getAttribute" in s) || typeof s.getAttribute != "function")
     throw new Error(`expect ${e} value is not an element`);
 }
-const K = (s, e, t) => {
+const Q = (s, e, t) => {
   f(s, "toEqualAttribute");
   let n = s.getAttribute(e);
   t != null && (t = String(t)), n != null && (n = String(n));
@@ -993,7 +998,7 @@ const K = (s, e, t) => {
     message: () => `expected attribute ${e} to ${a ? "not " : ""}equal "${t}", but received "${n}"`,
     pass: a
   };
-}, Q = (s, e) => {
+}, X = (s, e) => {
   f(s, "toEqualAttributes");
   const t = Object.keys(e), n = t.every((a) => {
     let i = e[a];
@@ -1003,35 +1008,35 @@ const K = (s, e, t) => {
     message: () => `expected attributes to ${n ? "not " : ""}equal ${t.map((a) => `[${a}="${String(e[a])}"]`).join(", ")}`,
     pass: n
   };
-}, X = (s, e) => {
+}, Z = (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) => {
+}, ee = (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, 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) => {
+}, te = (s, e) => {
   f(s, "toMatchClasses");
-  let { pass: t } = H(s, e);
+  let { pass: t } = F(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) => {
+}, se = (s) => {
   w(s);
   const e = s.events.length > 0;
   return {
@@ -1047,14 +1052,14 @@ function w(s) {
   if (!("eventName" in s))
     throw new Error("toHaveReceivedEvent did not receive an event spy");
 }
-const se = (s, e) => {
+const ne = (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) {
+}, ie = 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);
@@ -1062,7 +1067,7 @@ const se = (s, e) => {
     message: () => `expected event "${e.eventName}" detail to ${n ? "not " : ""}equal`,
     pass: n
   };
-}, ie = function(e, t) {
+}, 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.firstEvent.detail, t);
@@ -1070,7 +1075,7 @@ const se = (s, e) => {
     message: () => `expected event "${e.eventName}" detail to ${n ? "not " : ""}equal`,
     pass: n
   };
-}, ae = function(e, t) {
+}, re = 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);
@@ -1078,7 +1083,7 @@ const se = (s, e) => {
     message: () => `expected event "${e.eventName}" detail to ${n ? "not " : ""}equal`,
     pass: n
   };
-}, re = function(e, t, n) {
+}, oe = 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];
@@ -1089,7 +1094,7 @@ const se = (s, e) => {
     message: () => `expected event "${e.eventName}" detail to ${i ? "not " : ""}equal`,
     pass: i
   };
-}, oe = (s, e) => {
+}, le = (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")
@@ -1101,30 +1106,30 @@ const se = (s, e) => {
     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
+}, g = /\s+/gu, ce = {
+  toEqualAttribute: Q,
+  toEqualAttributes: X,
+  toEqualText: le,
+  toHaveAttribute: Z,
+  toHaveClass: ee,
+  toHaveClasses: F,
+  toMatchClasses: te,
+  toHaveReceivedEvent: se,
+  toHaveReceivedEventTimes: ne,
+  toHaveReceivedEventDetail: ie,
+  toHaveFirstReceivedEventDetail: ae,
+  toHaveLastReceivedEventDetail: re,
+  toHaveNthReceivedEventDetail: oe
 };
-function we() {
-  p.extend(le), R(() => {
-    document.body.childNodes.forEach(F);
+function pe() {
+  p.extend(ce), V(() => {
+    document.body.childNodes.forEach(R);
   });
 }
-function F(s) {
-  s.childNodes.forEach(F), s.remove();
+function R(s) {
+  s.childNodes.forEach(R), s.remove();
 }
 export {
-  fe as newE2EPage,
-  we as setupPuppeteerTest
+  me as newE2EPage,
+  pe as setupPuppeteerTest
 };