twd-js 0.1.2 → 0.2.0

package/dist/twd.es.js

@@ -1,16 +1,16 @@
-import ue, { useState as I } from "react";
-const de = (e, n = 2e3, r = 50) => new Promise((s, o) => {
-  const i = Date.now(), l = () => {
+import pe, { useState as D } from "react";
+const be = (e, n = 2e3, r = 50) => new Promise((s, i) => {
+  const a = Date.now(), c = () => {
     const u = e();
     if (u) return s(u);
-    if (Date.now() - i > n) return o(new Error("Timeout waiting for element"));
-    setTimeout(l, r);
+    if (Date.now() - a > n) return i(new Error("Timeout waiting for element"));
+    setTimeout(c, r);
   };
-  l();
-}), E = [];
+  c();
+}), v = [];
 let Y = [];
-const D = (e, n, r = {}) => {
-  E.push({
+const U = (e, n, r = {}) => {
+  v.push({
     name: e,
     fn: n,
     status: "idle",
@@ -18,11 +18,11 @@ const D = (e, n, r = {}) => {
     suite: [...Y],
     ...r
   });
-}, fe = (e) => {
+}, me = (e) => {
   Y.push(e);
-}, pe = () => {
+}, he = () => {
   Y.pop();
-}, b = (e, n, r, s) => {
+}, m = (e, n, r, s) => {
   if (!e && !n)
     throw new Error(s);
   if (e && n)
@@ -31,7 +31,7 @@ const D = (e, n, r = {}) => {
     );
   return r;
 };
-function be(e) {
+function xe(e) {
   if (!e.isConnected) return !1;
   let n = e;
   for (; n; ) {
@@ -42,41 +42,41 @@ function be(e) {
   }
   return !0;
 }
-const he = (e, n, ...r) => {
-  const s = n.startsWith("not."), o = s ? n.slice(4) : n, i = (e.textContent || "").trim();
-  switch (o) {
+const ge = (e, n, ...r) => {
+  const s = n.startsWith("not."), i = s ? n.slice(4) : n, a = (e.textContent || "").trim();
+  switch (i) {
     // Content
     case "have.text":
-      return b(
-        i === r[0],
+      return m(
+        a === r[0],
         s,
         `Assertion passed: Text is exactly "${r[0]}"`,
-        `Assertion failed: Expected text to be "${r[0]}", but got "${i}"`
+        `Assertion failed: Expected text to be "${r[0]}", but got "${a}"`
       );
     case "contain.text":
-      return b(
-        i.includes(r[0]),
+      return m(
+        a.includes(r[0]),
         s,
         `Assertion passed: Text contains "${r[0]}"`,
-        `Assertion failed: Expected text to contain "${r[0]}", but got "${i}"`
+        `Assertion failed: Expected text to contain "${r[0]}", but got "${a}"`
       );
     case "be.empty":
-      return b(
-        i.length === 0,
+      return m(
+        a.length === 0,
         s,
         "Assertion passed: Text is empty",
-        `Assertion failed: Expected text to be empty, but got "${i}"`
+        `Assertion failed: Expected text to be empty, but got "${a}"`
       );
     // Attributes
     case "have.attr":
-      return b(
+      return m(
         e.getAttribute(r[0]) === r[1],
         s,
         `Assertion passed: Attribute "${r[0]}" is "${r[1]}"`,
         `Assertion failed: Expected attribute "${r[0]}" to be "${r[1]}", but got "${e.getAttribute(r[0])}"`
       );
     case "have.value":
-      return b(
+      return m(
         e.value === r[0],
         s,
         `Assertion passed: Value is "${r[0]}"`,
@@ -84,35 +84,35 @@ const he = (e, n, ...r) => {
       );
     // State
     case "be.disabled":
-      return b(
+      return m(
         e.disabled === !0,
         s,
         "Assertion passed: Element is disabled",
         "Assertion failed: Expected element to be disabled"
       );
     case "be.enabled":
-      return b(
+      return m(
         e.disabled === !1,
         s,
         "Assertion passed: Element is enabled",
         "Assertion failed: Expected element to be enabled"
       );
     case "be.checked":
-      return b(
+      return m(
         e.checked === !0,
         s,
         "Assertion passed: Element is checked",
         "Assertion failed: Expected element to be checked"
       );
     case "be.selected":
-      return b(
+      return m(
         e.selected === !0,
         s,
         "Assertion passed: Element is selected",
         "Assertion failed: Expected element to be selected"
       );
     case "be.focused":
-      return b(
+      return m(
         document.activeElement === e,
         s,
         "Assertion passed: Element is focused",
@@ -120,45 +120,48 @@ const he = (e, n, ...r) => {
       );
     // Visibility
     case "be.visible":
-      return b(
-        be(e),
+      return m(
+        xe(e),
         s,
         "Assertion passed: Element is visible",
         "Assertion failed: Expected element to be visible"
       );
     // Classes
     case "have.class":
-      return b(
+      return m(
         e.classList.contains(r[0]),
         s,
         `Assertion passed: Element has class "${r[0]}"`,
         `Assertion failed: Expected element to have class "${r[0]}"`
       );
     default:
-      throw new Error(`Unknown assertion: ${o}`);
+      throw new Error(`Unknown assertion: ${i}`);
   }
-}, y = (e) => {
-  const n = E.find((r) => r.status === "running");
+}, R = (e) => {
+  const n = v.find((r) => r.status === "running");
   n && n.logs?.push(e);
-}, A = [], me = (e, n) => {
-  const r = A.findIndex((o) => o.alias === e), s = { alias: e, ...n, executed: !1 };
-  r !== -1 ? A[r] = s : A.push(s);
-}, xe = async (e) => {
-  const n = A.find((r) => r.alias === e && r.executed);
-  if (!n)
-    throw new Error(`No intercept rule found for ${e}`);
-  return await new Promise((r) => setTimeout(r, 0)), n;
-}, ge = window.fetch;
-window.fetch = async (e, n) => {
-  const r = n?.method?.toUpperCase() || "GET", s = typeof e == "string" ? e : e.toString(), o = A.find(
-    (i) => i.method === r && (typeof i.url == "string" ? i.url === s : i.url.test(s))
-  );
-  return o ? (y(`🛡️ ${o.alias} → ${r} ${s}`), o.executed = !0, o.request = n?.body, new Response(JSON.stringify(o.response), {
-    status: o.status || 200,
-    headers: o.headers || { "Content-Type": "application/json" }
-  })) : ge(e, n);
-};
-const we = (e, n) => {
+}, E = [], C = {}, Z = 100, we = async () => {
+  "serviceWorker" in navigator && (await navigator.serviceWorker.register("/mock-sw.js?v=1"), navigator.serviceWorker.addEventListener("message", (e) => {
+    if (e.data?.type === "EXECUTED") {
+      const { alias: n, request: r } = e.data, s = E.find((i) => i.alias === n);
+      s && (s.executed = !0, s.request = r, C[n] && (C[n](s), delete C[n]));
+    }
+  }));
+}, Q = (e) => new Promise((n) => setTimeout(n, e)), ve = async (e, n) => {
+  const r = { alias: e, ...n, executed: !1 }, s = E.findIndex((i) => i.alias === e);
+  s !== -1 ? E[s] = r : E.push(r), navigator.serviceWorker.controller?.postMessage({
+    type: "ADD_RULE",
+    rule: r
+  }), await Q(Z), await Promise.resolve();
+}, Ee = async (e) => {
+  await Q(Z);
+  const n = E.find((r) => r.alias === e && r.executed);
+  return n ? Promise.resolve(n) : new Promise((r) => {
+    C[e] = r;
+  });
+}, ye = () => E, ke = () => {
+  E.length = 0;
+}, Re = (e, n) => {
   for (const r of n) {
     const s = r.charCodeAt(0);
     e.dispatchEvent(
@@ -205,18 +208,18 @@ const we = (e, n) => {
     );
   }
   return e;
-}, ye = (e, n) => {
+}, Ae = (e, n) => {
   const r = e.startsWith("not.");
   switch (r ? e.slice(4) : e) {
     case "eq":
-      return b(
+      return m(
         window.location.href === n,
         r,
         `Assertion passed: URL is ${n}`,
         `Assertion failed: Expected URL to be ${n}, but got ${window.location.href}`
       );
     case "contain.url":
-      return b(
+      return m(
         window.location.href.includes(n),
         r,
         `Assertion passed: URL contains ${n}`,
@@ -225,54 +228,57 @@ const we = (e, n) => {
     default:
       throw new Error(`Unknown assertion: ${e}`);
   }
-}, Ee = () => ({
+}, Te = () => ({
   location: window.location,
-  should: ye
+  should: Ae
 });
 let j = null;
-const Ie = (e) => {
+const qe = (e) => {
   j = e;
-}, Ye = (e, n) => {
-  fe(e), n(), pe();
-}, De = (e, n) => {
-  D(e, async () => {
+}, Fe = (e, n) => {
+  me(e), n(), he();
+}, ze = (e, n) => {
+  U(e, async () => {
     j && await j(), await n();
   });
-}, Ue = (e, n) => {
-  D(e, async () => {
+}, Be = (e, n) => {
+  U(e, async () => {
     j && await j(), await n();
   }, { only: !0 });
-}, Fe = (e, n) => {
-  D(e, async () => {
+}, Ve = (e, n) => {
+  U(e, async () => {
   }, { skip: !0 });
-}, ze = {
+}, Je = {
   get: async (e) => {
-    y(`Searching get("${e}")`);
-    const n = await de(() => document.querySelector(e)), r = {
+    R(`Searching get("${e}")`);
+    const n = await be(() => document.querySelector(e)), r = {
       el: n,
       click: () => {
-        y(`click(${e})`), n.click();
+        R(`click(${e})`), n.click();
       },
-      type: (s) => (y(`type("${s}") into ${e}`), we(n, s)),
-      should: (s, ...o) => {
-        const i = he(n, s, ...o);
-        return y(i), r;
+      type: (s) => (R(`type("${s}") into ${e}`), Re(n, s)),
+      should: (s, ...i) => {
+        const a = ge(n, s, ...i);
+        return R(a), r;
       },
       text: () => {
         const s = n.textContent || "";
-        return y(`text(${e}) → "${s}"`), s;
+        return R(`text(${e}) → "${s}"`), s;
       }
     };
     return r;
   },
   visit: (e) => {
-    y(`visit("${e}")`), window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"));
+    R(`visit("${e}")`), window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"));
   },
-  url: Ee,
-  mockRequest: me,
-  waitFor: xe
+  url: Te,
+  mockRequest: ve,
+  waitForRequest: Ee,
+  initRequestMocking: we,
+  clearRequestMockRules: ke,
+  getRequestMockRules: ye
 };
-var _ = { exports: {} }, R = {};
+var S = { exports: {} }, A = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -282,27 +288,27 @@ var _ = { exports: {} }, R = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var G;
-function ve() {
-  if (G) return R;
-  G = 1;
+var X;
+function je() {
+  if (X) return A;
+  X = 1;
   var e = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function r(s, o, i) {
-    var l = null;
-    if (i !== void 0 && (l = "" + i), o.key !== void 0 && (l = "" + o.key), "key" in o) {
-      i = {};
-      for (var u in o)
-        u !== "key" && (i[u] = o[u]);
-    } else i = o;
-    return o = i.ref, {
+  function r(s, i, a) {
+    var c = null;
+    if (a !== void 0 && (c = "" + a), i.key !== void 0 && (c = "" + i.key), "key" in i) {
+      a = {};
+      for (var u in i)
+        u !== "key" && (a[u] = i[u]);
+    } else a = i;
+    return i = a.ref, {
       $$typeof: e,
       type: s,
-      key: l,
-      ref: o !== void 0 ? o : null,
-      props: i
+      key: c,
+      ref: i !== void 0 ? i : null,
+      props: a
     };
   }
-  return R.Fragment = n, R.jsx = r, R.jsxs = r, R;
+  return A.Fragment = n, A.jsx = r, A.jsxs = r, A;
 }
 var T = {};
 /**
@@ -314,47 +320,47 @@ var T = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var X;
-function ke() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+var H;
+function _e() {
+  return H || (H = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === ae ? null : t.displayName || t.name || null;
+        return t.$$typeof === ue ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
-        case C:
+        case O:
           return "Fragment";
-        case Q:
+        case re:
           return "Profiler";
-        case Z:
+        case te:
           return "StrictMode";
-        case ne:
+        case ie:
           return "Suspense";
-        case se:
+        case ae:
           return "SuspenseList";
-        case ie:
+        case le:
           return "Activity";
       }
       if (typeof t == "object")
         switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), t.$$typeof) {
-          case K:
+          case ee:
             return "Portal";
-          case te:
+          case se:
             return (t.displayName || "Context") + ".Provider";
-          case ee:
+          case ne:
             return (t._context.displayName || "Context") + ".Consumer";
-          case re:
-            var a = t.render;
-            return t = t.displayName, t || (t = a.displayName || a.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
           case oe:
-            return a = t.displayName || null, a !== null ? a : e(t.type) || "Memo";
-          case F:
-            a = t._payload, t = t._init;
+            var o = t.render;
+            return t = t.displayName, t || (t = o.displayName || o.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case ce:
+            return o = t.displayName || null, o !== null ? o : e(t.type) || "Memo";
+          case q:
+            o = t._payload, t = t._init;
             try {
-              return e(t(a));
+              return e(t(o));
             } catch {
             }
         }
@@ -366,50 +372,50 @@ function ke() {
     function r(t) {
       try {
         n(t);
-        var a = !1;
+        var o = !1;
       } catch {
-        a = !0;
+        o = !0;
       }
-      if (a) {
-        a = console;
-        var d = a.error, f = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+      if (o) {
+        o = console;
+        var d = o.error, f = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return d.call(
-          a,
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           f
         ), n(t);
       }
     }
     function s(t) {
-      if (t === C) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === F)
+      if (t === O) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === q)
         return "<...>";
       try {
-        var a = e(t);
-        return a ? "<" + a + ">" : "<...>";
+        var o = e(t);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var t = O.A;
+    function i() {
+      var t = P.A;
       return t === null ? null : t.getOwner();
     }
-    function i() {
+    function a() {
       return Error("react-stack-top-frame");
     }
-    function l(t) {
-      if (z.call(t, "key")) {
-        var a = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function c(t) {
+      if (F.call(t, "key")) {
+        var o = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return t.key !== void 0;
     }
-    function u(t, a) {
+    function u(t, o) {
       function d() {
-        B || (B = !0, console.error(
+        z || (z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          a
+          o
         ));
       }
       d.isReactWarning = !0, Object.defineProperty(t, "key", {
@@ -417,22 +423,22 @@ function ke() {
         configurable: !0
       });
     }
-    function h() {
+    function b() {
       var t = e(this.type);
-      return M[t] || (M[t] = !0, console.error(
+      return B[t] || (B[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function x(t, a, d, f, w, g, N, L) {
+    function x(t, o, d, f, w, g, L, W) {
       return d = g.ref, t = {
-        $$typeof: U,
+        $$typeof: M,
         type: t,
-        key: a,
+        key: o,
         props: g,
         _owner: w
       }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: h
+        get: b
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -447,33 +453,33 @@ function ke() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
+        value: L
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: L
+        value: W
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function m(t, a, d, f, w, g, N, L) {
-      var p = a.children;
+    function h(t, o, d, f, w, g, L, W) {
+      var p = o.children;
       if (p !== void 0)
         if (f)
-          if (ce(p)) {
+          if (de(p)) {
             for (f = 0; f < p.length; f++)
-              v(p[f]);
+              y(p[f]);
             Object.freeze && Object.freeze(p);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else v(p);
-      if (z.call(a, "key")) {
+        else y(p);
+      if (F.call(o, "key")) {
         p = e(t);
-        var k = Object.keys(a).filter(function(le) {
-          return le !== "key";
+        var k = Object.keys(o).filter(function(fe) {
+          return fe !== "key";
         });
-        f = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", J[p + f] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", G[p + f] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -484,13 +490,13 @@ React keys must be passed directly to JSX without using spread:
           p,
           k,
           p
-        ), J[p + f] = !0);
+        ), G[p + f] = !0);
       }
-      if (p = null, d !== void 0 && (r(d), p = "" + d), l(a) && (r(a.key), p = "" + a.key), "key" in a) {
+      if (p = null, d !== void 0 && (r(d), p = "" + d), c(o) && (r(o.key), p = "" + o.key), "key" in o) {
         d = {};
-        for (var W in a)
-          W !== "key" && (d[W] = a[W]);
-      } else d = a;
+        for (var I in o)
+          I !== "key" && (d[I] = o[I]);
+      } else d = o;
       return p && u(
         d,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
@@ -499,74 +505,74 @@ React keys must be passed directly to JSX without using spread:
         p,
         g,
         w,
-        o(),
+        i(),
         d,
-        N,
-        L
+        L,
+        W
       );
     }
-    function v(t) {
-      typeof t == "object" && t !== null && t.$$typeof === U && t._store && (t._store.validated = 1);
+    function y(t) {
+      typeof t == "object" && t !== null && t.$$typeof === M && t._store && (t._store.validated = 1);
     }
-    var S = ue, U = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), Z = Symbol.for("react.strict_mode"), Q = Symbol.for("react.profiler"), ee = Symbol.for("react.consumer"), te = Symbol.for("react.context"), re = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), oe = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), ie = Symbol.for("react.activity"), ae = Symbol.for("react.client.reference"), O = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, ce = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var _ = pe, M = Symbol.for("react.transitional.element"), ee = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), te = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), ne = Symbol.for("react.consumer"), se = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ie = Symbol.for("react.suspense"), ae = Symbol.for("react.suspense_list"), ce = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), le = Symbol.for("react.activity"), ue = Symbol.for("react.client.reference"), P = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, de = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
-    S = {
+    _ = {
       react_stack_bottom_frame: function(t) {
         return t();
       }
     };
-    var B, M = {}, q = S.react_stack_bottom_frame.bind(
-      S,
-      i
-    )(), V = P(s(i)), J = {};
-    T.Fragment = C, T.jsx = function(t, a, d, f, w) {
-      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return m(
+    var z, B = {}, V = _.react_stack_bottom_frame.bind(
+      _,
+      a
+    )(), J = N(s(a)), G = {};
+    T.Fragment = O, T.jsx = function(t, o, d, f, w) {
+      var g = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return h(
         t,
-        a,
+        o,
         d,
         !1,
         f,
         w,
-        g ? Error("react-stack-top-frame") : q,
-        g ? P(s(t)) : V
+        g ? Error("react-stack-top-frame") : V,
+        g ? N(s(t)) : J
       );
-    }, T.jsxs = function(t, a, d, f, w) {
-      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
-      return m(
+    }, T.jsxs = function(t, o, d, f, w) {
+      var g = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return h(
         t,
-        a,
+        o,
         d,
         !0,
         f,
         w,
-        g ? Error("react-stack-top-frame") : q,
-        g ? P(s(t)) : V
+        g ? Error("react-stack-top-frame") : V,
+        g ? N(s(t)) : J
       );
     };
   })()), T;
 }
-var H;
-function Re() {
-  return H || (H = 1, process.env.NODE_ENV === "production" ? _.exports = ve() : _.exports = ke()), _.exports;
+var K;
+function Se() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? S.exports = je() : S.exports = _e()), S.exports;
 }
-var c = Re();
-const Te = (e) => {
+var l = Se();
+const $e = (e) => {
   const n = { children: [] };
   for (const r of e) {
     let s = n;
-    r.suite.forEach((o) => {
-      let i = s.children.find(
-        (l) => "name" in l && !l.status && l.name === o
+    r.suite.forEach((i) => {
+      let a = s.children.find(
+        (c) => "name" in c && !c.status && c.name === i
       );
-      i || (i = { name: o, children: [] }, s.children.push(i)), s = i;
+      a || (a = { name: i, children: [] }, s.children.push(a)), s = a;
     }), s.children.push(r);
   }
   return n.children;
-}, Ae = {
+}, Ce = {
   animation: "spin 1s linear infinite"
-}, je = () => /* @__PURE__ */ c.jsx(
+}, Oe = () => /* @__PURE__ */ l.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -579,8 +585,9 @@ const Te = (e) => {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-loader-circle-icon lucide-loader-circle",
-    style: Ae,
-    children: /* @__PURE__ */ c.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    style: Ce,
+    "data-testid": "loader-icon",
+    children: /* @__PURE__ */ l.jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
   }
 ), $ = typeof document < "u" ? document.createElement("style") : null;
 $ && !document.getElementById("loader-spin-keyframes") && ($.id = "loader-spin-keyframes", $.innerHTML = `
@@ -589,7 +596,7 @@ $ && !document.getElementById("loader-spin-keyframes") && ($.id = "loader-spin-k
       100% { transform: rotate(360deg); }
     }
   `, document.head.appendChild($));
-const Se = () => /* @__PURE__ */ c.jsx(
+const Pe = () => /* @__PURE__ */ l.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -602,9 +609,10 @@ const Se = () => /* @__PURE__ */ c.jsx(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-play-icon lucide-play",
-    children: /* @__PURE__ */ c.jsx("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" })
+    "data-testid": "play-icon",
+    children: /* @__PURE__ */ l.jsx("path", { d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" })
   }
-), _e = (e) => {
+), Ne = (e) => {
   switch (e.status) {
     case "pass":
       return {
@@ -643,10 +651,10 @@ const Se = () => /* @__PURE__ */ c.jsx(
         }
       };
   }
-}, $e = (e) => e.startsWith("Assertion passed") ? { color: "#0d542b", fontWeight: "700" } : e.startsWith("Test failed") ? { color: "#fb2c36", fontWeight: "700" } : {}, Ce = ({ node: e, depth: n, idx: r, runTest: s }) => {
-  const o = _e(e);
-  return /* @__PURE__ */ c.jsxs("li", { style: { marginBottom: "4px", marginLeft: n * 6, ...o.container }, children: [
-    /* @__PURE__ */ c.jsxs(
+}, Le = (e) => e.startsWith("Assertion passed") ? { color: "#0d542b", fontWeight: "700" } : e.startsWith("Test failed") ? { color: "#fb2c36", fontWeight: "700" } : {}, We = ({ node: e, depth: n, idx: r, runTest: s }) => {
+  const i = Ne(e);
+  return /* @__PURE__ */ l.jsxs("li", { style: { marginBottom: "4px", marginLeft: n * 6, ...i.container }, "data-testid": `test-list-item-${r}`, children: [
+    /* @__PURE__ */ l.jsxs(
       "div",
       {
         style: {
@@ -655,17 +663,16 @@ const Se = () => /* @__PURE__ */ c.jsx(
           justifyContent: "space-between",
           padding: "4px 6px",
           borderRadius: "4px",
-          ...o.item
+          ...i.item
         },
         children: [
-          /* @__PURE__ */ c.jsxs("span", { style: { fontWeight: "500", color: "#374151", maxWidth: "220px" }, children: [
+          /* @__PURE__ */ l.jsxs("span", { style: { fontWeight: "500", color: "#374151", maxWidth: "220px" }, children: [
             e.name,
             " ",
-            e.status,
-            e.only && /* @__PURE__ */ c.jsx("span", { style: { color: "#2563eb" }, children: "(only)" }),
-            e.skip && /* @__PURE__ */ c.jsx("span", { style: { color: "#6b7280" }, children: "(skipped)" })
+            e.only && /* @__PURE__ */ l.jsx("span", { style: { color: "#2563eb" }, "data-testid": `only-indicator-${r}`, children: " (only)" }),
+            e.skip && /* @__PURE__ */ l.jsx("span", { style: { color: "#6b7280" }, "data-testid": `skip-indicator-${r}`, children: " (skipped)" })
           ] }),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ l.jsx(
             "button",
             {
               onClick: () => s(r),
@@ -685,13 +692,14 @@ const Se = () => /* @__PURE__ */ c.jsx(
                 justifyContent: "center"
               },
               disabled: e.status === "running",
-              children: e.status === "running" ? /* @__PURE__ */ c.jsx(je, {}) : /* @__PURE__ */ c.jsx(Se, {})
+              "data-testid": `run-test-button-${r}`,
+              children: e.status === "running" ? /* @__PURE__ */ l.jsx(Oe, {}) : /* @__PURE__ */ l.jsx(Pe, {})
             }
           )
         ]
       }
     ),
-    e.logs && e.logs.length > 0 && /* @__PURE__ */ c.jsx(
+    e.logs && e.logs.length > 0 && /* @__PURE__ */ l.jsx(
       "ul",
       {
         style: {
@@ -704,23 +712,23 @@ const Se = () => /* @__PURE__ */ c.jsx(
           marginTop: "4px",
           textAlign: "left"
         },
-        children: e.logs.map((i, l) => /* @__PURE__ */ c.jsx(
+        children: e.logs.map((a, c) => /* @__PURE__ */ l.jsx(
           "li",
           {
             style: {
               fontSize: "12px",
               padding: "4px 6px",
               borderBottom: "1px solid #d1d5db",
-              ...$e(i)
+              ...Le(a)
             },
-            children: i
+            children: a
           },
-          l
+          c
         ))
       }
     )
   ] }, e.name);
-}, Oe = () => /* @__PURE__ */ c.jsx(
+}, Ie = () => /* @__PURE__ */ l.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -733,9 +741,10 @@ const Se = () => /* @__PURE__ */ c.jsx(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-chevron-down-icon lucide-chevron-down",
-    children: /* @__PURE__ */ c.jsx("path", { d: "m6 9 6 6 6-6" })
+    "data-testid": "chevron-down-icon",
+    children: /* @__PURE__ */ l.jsx("path", { d: "m6 9 6 6 6-6" })
   }
-), Pe = () => /* @__PURE__ */ c.jsx(
+), De = () => /* @__PURE__ */ l.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -748,15 +757,16 @@ const Se = () => /* @__PURE__ */ c.jsx(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     className: "lucide lucide-chevron-right-icon lucide-chevron-right",
-    children: /* @__PURE__ */ c.jsx("path", { d: "m9 18 6-6-6-6" })
+    "data-testid": "chevron-right-icon",
+    children: /* @__PURE__ */ l.jsx("path", { d: "m9 18 6-6-6-6" })
   }
-), Ne = ({ runTest: e, tests: n }) => {
-  const [r, s] = I({}), o = (l, u = 0) => {
-    if ("status" in l)
-      return /* @__PURE__ */ c.jsx(Ce, { node: l, depth: u, idx: n.indexOf(l), runTest: e }, l.name);
-    const h = r[l.name];
-    return /* @__PURE__ */ c.jsxs("li", { style: { marginBottom: "6px", marginLeft: u * 12, textAlign: "left" }, children: [
-      /* @__PURE__ */ c.jsxs(
+), Ye = ({ runTest: e, tests: n }) => {
+  const [r, s] = D({}), i = (c, u = 0) => {
+    if ("status" in c)
+      return /* @__PURE__ */ l.jsx(We, { node: c, depth: u, idx: n.indexOf(c), runTest: e }, c.name);
+    const b = r[c.name];
+    return /* @__PURE__ */ l.jsxs("li", { style: { marginBottom: "6px", marginLeft: u * 12, textAlign: "left" }, children: [
+      /* @__PURE__ */ l.jsxs(
         "div",
         {
           style: {
@@ -768,19 +778,23 @@ const Se = () => /* @__PURE__ */ c.jsx(
             alignItems: "center",
             gap: "4px"
           },
-          onClick: () => s((x) => ({ ...x, [l.name]: !x[l.name] })),
+          onClick: () => s((x) => ({ ...x, [c.name]: !x[c.name] })),
+          "data-testid": `test-group-${c.name}`,
+          tabIndex: 0,
+          role: "button",
+          "aria-expanded": !b,
           children: [
-            l.name,
+            c.name,
             " ",
-            h ? /* @__PURE__ */ c.jsx(Pe, {}) : /* @__PURE__ */ c.jsx(Oe, {})
+            b ? /* @__PURE__ */ l.jsx(De, {}) : /* @__PURE__ */ l.jsx(Ie, {})
           ]
         }
       ),
-      !h && /* @__PURE__ */ c.jsx("ul", { style: { listStyle: "none", padding: 0 }, children: l.children.map((x) => o(x, u + 1)) })
-    ] }, l.name);
-  }, i = Te(n);
-  return /* @__PURE__ */ c.jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: i.map((l) => o(l)) });
-}, Le = ({ setOpen: e }) => /* @__PURE__ */ c.jsx(
+      !b && /* @__PURE__ */ l.jsx("ul", { style: { listStyle: "none", padding: 0 }, children: c.children.map((x) => i(x, u + 1)) })
+    ] }, c.name);
+  }, a = $e(n);
+  return /* @__PURE__ */ l.jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: a.map((c) => i(c)) });
+}, Ue = ({ setOpen: e }) => /* @__PURE__ */ l.jsx(
   "div",
   {
     style: {
@@ -797,34 +811,34 @@ const Se = () => /* @__PURE__ */ c.jsx(
       fontSize: "12px"
     },
     onClick: () => e(!0),
-    children: "▶ TWD"
+    children: "TWD"
   }
-), Be = () => {
-  const [e, n] = I(0), [r, s] = I(!0), o = async (l) => {
-    const u = E[l];
+), Ge = () => {
+  const [e, n] = D(0), [r, s] = D(!0), i = async (c) => {
+    const u = v[c];
     u.logs = [];
-    const h = console.log, x = console.error;
-    if (console.log = (...m) => {
-      u.logs?.push(m.map(String).join(" ")), h(...m), n((v) => v + 1);
-    }, console.error = (...m) => {
-      u.logs?.push(m.map(String).join(" ")), x(...m), n((v) => v + 1);
+    const b = console.log, x = console.error;
+    if (console.log = (...h) => {
+      u.logs?.push(h.map(String).join(" ")), b(...h), n((y) => y + 1);
+    }, console.error = (...h) => {
+      u.logs?.push(h.map(String).join(" ")), x(...h), n((y) => y + 1);
     }, u.status = "running", u.skip)
       u.status = "skip";
     else
       try {
         await u.fn(), u.status = "pass";
-      } catch (m) {
-        u.status = "fail", console.error("Test failed:", u.name, m);
+      } catch (h) {
+        u.status = "fail", console.error("Test failed:", u.name, h);
       }
-    console.log = h, console.error = x, n((m) => m + 1);
-  }, i = async () => {
-    const l = E.filter((h) => h.only), u = l.length > 0 ? l : E;
-    for (let h = 0; h < u.length; h++) {
-      const x = E.indexOf(u[h]);
-      await o(x);
+    console.log = b, console.error = x, n((h) => h + 1);
+  }, a = async () => {
+    const c = v.filter((b) => b.only), u = c.length > 0 ? c : v;
+    for (let b = 0; b < u.length; b++) {
+      const x = v.indexOf(u[b]);
+      await i(x);
     }
   };
-  return r ? /* @__PURE__ */ c.jsxs(
+  return r ? /* @__PURE__ */ l.jsxs(
     "div",
     {
       style: {
@@ -842,8 +856,8 @@ const Se = () => /* @__PURE__ */ c.jsx(
         boxShadow: "2px 0 6px rgba(0,0,0,0.1)"
       },
       children: [
-        /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "14px", alignItems: "center" }, children: [
-          /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ l.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "14px", alignItems: "center" }, children: [
+          /* @__PURE__ */ l.jsx(
             "strong",
             {
               style: {
@@ -854,7 +868,7 @@ const Se = () => /* @__PURE__ */ c.jsx(
               children: "TWD Tests"
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ l.jsx(
             "button",
             {
               style: {
@@ -868,10 +882,10 @@ const Se = () => /* @__PURE__ */ c.jsx(
             }
           )
         ] }),
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ l.jsx(
           "button",
           {
-            onClick: i,
+            onClick: a,
             style: {
               background: "#3b82f6",
               color: "white",
@@ -884,17 +898,17 @@ const Se = () => /* @__PURE__ */ c.jsx(
             children: "Run All"
           }
         ),
-        /* @__PURE__ */ c.jsx(Ne, { tests: E, runTest: o })
+        /* @__PURE__ */ l.jsx(Ye, { tests: v, runTest: i })
       ]
     }
-  ) : /* @__PURE__ */ c.jsx(Le, { setOpen: s });
+  ) : /* @__PURE__ */ l.jsx(Ue, { setOpen: s });
 };
 export {
-  Be as TWDSidebar,
-  Ie as beforeEach,
-  Ye as describe,
-  De as it,
-  Ue as itOnly,
-  Fe as itSkip,
-  ze as twd
+  Ge as TWDSidebar,
+  qe as beforeEach,
+  Fe as describe,
+  ze as it,
+  Be as itOnly,
+  Ve as itSkip,
+  Je as twd
 };