twd-js 0.1.0 → 0.1.2

package/dist/twd.es.js

@@ -1,189 +1,278 @@
-import ce, { useState as Y } from "react";
-const le = (t, r = 2e3, n = 50) => new Promise((o, s) => {
-  const l = Date.now(), i = () => {
-    const c = t();
-    if (c) return o(c);
-    if (Date.now() - l > r) return s(new Error("Timeout waiting for element"));
-    setTimeout(i, n);
+import ue, { useState as I } from "react";
+const de = (e, n = 2e3, r = 50) => new Promise((s, o) => {
+  const i = Date.now(), l = () => {
+    const u = e();
+    if (u) return s(u);
+    if (Date.now() - i > n) return o(new Error("Timeout waiting for element"));
+    setTimeout(l, r);
   };
-  i();
-}), g = [];
-let I = [];
-const D = (t, r, n = {}) => {
-  g.push({
-    name: t,
-    fn: r,
+  l();
+}), E = [];
+let Y = [];
+const D = (e, n, r = {}) => {
+  E.push({
+    name: e,
+    fn: n,
     status: "idle",
     logs: [],
-    suite: [...I],
-    ...n
+    suite: [...Y],
+    ...r
   });
-}, ue = (t) => {
-  I.push(t);
-}, de = () => {
-  I.pop();
+}, fe = (e) => {
+  Y.push(e);
+}, pe = () => {
+  Y.pop();
+}, b = (e, n, r, s) => {
+  if (!e && !n)
+    throw new Error(s);
+  if (e && n)
+    throw new Error(
+      s.replace("to be", "to not be").replace("to have", "to not have").replace("to contain", "to not contain")
+    );
+  return r;
 };
-function fe(t) {
-  if (!t.isConnected) return !1;
-  let r = t;
-  for (; r; ) {
-    const n = getComputedStyle(r);
-    if (n.display === "none" || n.visibility === "hidden" || n.visibility === "collapse")
+function be(e) {
+  if (!e.isConnected) return !1;
+  let n = e;
+  for (; n; ) {
+    const r = getComputedStyle(n);
+    if (r.display === "none" || r.visibility === "hidden" || r.visibility === "collapse")
       return !1;
-    r = r.parentElement;
+    n = n.parentElement;
   }
   return !0;
 }
-const pe = (t, r, ...n) => {
-  const o = r.startsWith("not."), s = o ? r.slice(4) : r, i = (() => {
-    const c = (t.textContent || "").trim();
-    switch (s) {
-      // Content
-      case "have.text":
-        return c === n[0];
-      case "contain.text":
-        return c.includes(n[0]);
-      case "be.empty":
-        return c.length === 0;
-      // Attributes
-      case "have.attr":
-        return t.getAttribute(n[0]) === n[1];
-      case "have.value":
-        return t.value === n[0];
-      // State
-      case "be.disabled":
-        return t.disabled === !0;
-      case "be.enabled":
-        return t.disabled === !1;
-      case "be.checked":
-        return t.checked === !0;
-      case "be.selected":
-        return t.selected === !0;
-      case "be.focused":
-        return document.activeElement === t;
-      // Visibility
-      case "be.visible":
-        return fe(t);
-      // Classes
-      case "have.class":
-        return t.classList.contains(n[0]);
-      default:
-        throw new Error(`Unknown assertion: ${s}`);
-    }
-  })();
-  if (o ? i : !i)
-    throw new Error(
-      `Assertion failed: ${r} ${n.length ? JSON.stringify(n) : ""}`
-    );
-}, w = (t) => {
-  const r = g.find((n) => n.status === "running");
-  r && r.logs?.push(t);
-}, T = [], be = (t, r) => {
-  const n = T.findIndex((s) => s.alias === t), o = { alias: t, ...r, executed: !1 };
-  n !== -1 ? T[n] = o : T.push(o);
-}, me = async (t) => {
-  const r = T.find((n) => n.alias === t && n.executed);
-  if (!r)
-    throw new Error(`No intercept rule found for ${t}`);
-  return await new Promise((n) => setTimeout(n, 0)), r;
-}, he = window.fetch;
-window.fetch = async (t, r) => {
-  const n = r?.method?.toUpperCase() || "GET", o = typeof t == "string" ? t : t.toString(), s = T.find(
-    (l) => l.method === n && (typeof l.url == "string" ? l.url === o : l.url.test(o))
+const he = (e, n, ...r) => {
+  const s = n.startsWith("not."), o = s ? n.slice(4) : n, i = (e.textContent || "").trim();
+  switch (o) {
+    // Content
+    case "have.text":
+      return b(
+        i === r[0],
+        s,
+        `Assertion passed: Text is exactly "${r[0]}"`,
+        `Assertion failed: Expected text to be "${r[0]}", but got "${i}"`
+      );
+    case "contain.text":
+      return b(
+        i.includes(r[0]),
+        s,
+        `Assertion passed: Text contains "${r[0]}"`,
+        `Assertion failed: Expected text to contain "${r[0]}", but got "${i}"`
+      );
+    case "be.empty":
+      return b(
+        i.length === 0,
+        s,
+        "Assertion passed: Text is empty",
+        `Assertion failed: Expected text to be empty, but got "${i}"`
+      );
+    // Attributes
+    case "have.attr":
+      return b(
+        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(
+        e.value === r[0],
+        s,
+        `Assertion passed: Value is "${r[0]}"`,
+        `Assertion failed: Expected value to be "${r[0]}", but got "${e.value}"`
+      );
+    // State
+    case "be.disabled":
+      return b(
+        e.disabled === !0,
+        s,
+        "Assertion passed: Element is disabled",
+        "Assertion failed: Expected element to be disabled"
+      );
+    case "be.enabled":
+      return b(
+        e.disabled === !1,
+        s,
+        "Assertion passed: Element is enabled",
+        "Assertion failed: Expected element to be enabled"
+      );
+    case "be.checked":
+      return b(
+        e.checked === !0,
+        s,
+        "Assertion passed: Element is checked",
+        "Assertion failed: Expected element to be checked"
+      );
+    case "be.selected":
+      return b(
+        e.selected === !0,
+        s,
+        "Assertion passed: Element is selected",
+        "Assertion failed: Expected element to be selected"
+      );
+    case "be.focused":
+      return b(
+        document.activeElement === e,
+        s,
+        "Assertion passed: Element is focused",
+        "Assertion failed: Expected element to be focused"
+      );
+    // Visibility
+    case "be.visible":
+      return b(
+        be(e),
+        s,
+        "Assertion passed: Element is visible",
+        "Assertion failed: Expected element to be visible"
+      );
+    // Classes
+    case "have.class":
+      return b(
+        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}`);
+  }
+}, y = (e) => {
+  const n = E.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 s ? (w(`🛡️ ${s.alias} → ${n} ${o}`), s.executed = !0, s.request = r?.body, new Response(JSON.stringify(s.response), {
-    status: s.status || 200,
-    headers: s.headers || { "Content-Type": "application/json" }
-  })) : he(t, r);
+  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 xe = (t, r) => {
-  for (const n of r) {
-    const o = n.charCodeAt(0);
-    t.dispatchEvent(
+const we = (e, n) => {
+  for (const r of n) {
+    const s = r.charCodeAt(0);
+    e.dispatchEvent(
       new KeyboardEvent("keydown", {
-        key: n,
-        code: `Key${n.toUpperCase()}`,
-        keyCode: o,
-        which: o,
+        key: r,
+        code: `Key${r.toUpperCase()}`,
+        keyCode: s,
+        which: s,
         bubbles: !0,
         cancelable: !0
       })
-    ), t.dispatchEvent(
+    ), e.dispatchEvent(
       new KeyboardEvent("keypress", {
-        key: n,
-        code: `Key${n.toUpperCase()}`,
-        keyCode: o,
-        which: o,
+        key: r,
+        code: `Key${r.toUpperCase()}`,
+        keyCode: s,
+        which: s,
         bubbles: !0,
         cancelable: !0
       })
-    ), t.dispatchEvent(
+    ), e.dispatchEvent(
       new InputEvent("beforeinput", {
         bubbles: !0,
         cancelable: !0,
         inputType: "insertText",
-        data: n
+        data: r
       })
     ), Object.getOwnPropertyDescriptor(
-      Object.getPrototypeOf(t),
+      Object.getPrototypeOf(e),
       "value"
-    )?.set?.call(t, t.value + n), t.dispatchEvent(
+    )?.set?.call(e, e.value + r), e.dispatchEvent(
       new Event("input", {
         bubbles: !0
       })
-    ), t.dispatchEvent(
+    ), e.dispatchEvent(
       new KeyboardEvent("keyup", {
-        key: n,
-        code: `Key${n.toUpperCase()}`,
-        keyCode: o,
-        which: o,
+        key: r,
+        code: `Key${r.toUpperCase()}`,
+        keyCode: s,
+        which: s,
         bubbles: !0,
         cancelable: !0
       })
     );
   }
-  return t;
-};
-let _ = null;
-const _e = (t) => {
-  _ = t;
-}, Se = (t, r) => {
-  ue(t), r(), de();
-}, je = (t, r) => {
-  D(t, async () => {
-    _ && await _(), await r();
+  return e;
+}, ye = (e, n) => {
+  const r = e.startsWith("not.");
+  switch (r ? e.slice(4) : e) {
+    case "eq":
+      return b(
+        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(
+        window.location.href.includes(n),
+        r,
+        `Assertion passed: URL contains ${n}`,
+        `Assertion failed: Expected URL to contain ${n}, but got ${window.location.href}`
+      );
+    default:
+      throw new Error(`Unknown assertion: ${e}`);
+  }
+}, Ee = () => ({
+  location: window.location,
+  should: ye
+});
+let j = null;
+const Ie = (e) => {
+  j = e;
+}, Ye = (e, n) => {
+  fe(e), n(), pe();
+}, De = (e, n) => {
+  D(e, async () => {
+    j && await j(), await n();
   });
-}, Oe = (t, r) => {
-  D(t, async () => {
-    _ && await _(), await r();
+}, Ue = (e, n) => {
+  D(e, async () => {
+    j && await j(), await n();
   }, { only: !0 });
-}, Ae = (t, r) => {
-  D(t, async () => {
+}, Fe = (e, n) => {
+  D(e, async () => {
   }, { skip: !0 });
-}, Ce = {
-  get: async (t) => {
-    w(`🔎 get("${t}")`);
-    const r = await le(() => document.querySelector(t)), n = {
-      el: r,
+}, ze = {
+  get: async (e) => {
+    y(`Searching get("${e}")`);
+    const n = await de(() => document.querySelector(e)), r = {
+      el: n,
       click: () => {
-        w(`🖱️ click(${t})`), r.click();
+        y(`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: (o) => (w(`⌨️ type("${o}") into ${t}`), xe(r, o)),
-      should: (o, ...s) => (pe(r, o, ...s), n),
       text: () => {
-        const o = r.textContent || "";
-        return w(`📄 text(${t}) → "${o}"`), o;
+        const s = n.textContent || "";
+        return y(`text(${e}) → "${s}"`), s;
       }
     };
-    return n;
+    return r;
   },
-  visit: (t) => {
-    w(`🌍 visit("${t}")`), window.history.pushState({}, "", t), window.dispatchEvent(new PopStateEvent("popstate"));
+  visit: (e) => {
+    y(`visit("${e}")`), window.history.pushState({}, "", e), window.dispatchEvent(new PopStateEvent("popstate"));
   },
-  mockRequest: be,
-  waitFor: me
+  url: Ee,
+  mockRequest: me,
+  waitFor: xe
 };
-var j = { exports: {} }, k = {};
+var _ = { exports: {} }, R = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -193,29 +282,29 @@ var j = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V;
-function ye() {
-  if (V) return k;
-  V = 1;
-  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function n(o, s, l) {
-    var i = null;
-    if (l !== void 0 && (i = "" + l), s.key !== void 0 && (i = "" + s.key), "key" in s) {
-      l = {};
-      for (var c in s)
-        c !== "key" && (l[c] = s[c]);
-    } else l = s;
-    return s = l.ref, {
-      $$typeof: t,
-      type: o,
-      key: i,
-      ref: s !== void 0 ? s : null,
-      props: l
+var G;
+function ve() {
+  if (G) return R;
+  G = 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, {
+      $$typeof: e,
+      type: s,
+      key: l,
+      ref: o !== void 0 ? o : null,
+      props: i
     };
   }
-  return k.Fragment = r, k.jsx = n, k.jsxs = n, k;
+  return R.Fragment = n, R.jsx = r, R.jsxs = r, R;
 }
-var R = {};
+var T = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -225,166 +314,166 @@ var R = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var B;
-function ge() {
-  return B || (B = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === se ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case O:
+var X;
+function ke() {
+  return X || (X = 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;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case C:
           return "Fragment";
-        case H:
+        case Q:
           return "Profiler";
-        case K:
+        case Z:
           return "StrictMode";
-        case te:
+        case ne:
           return "Suspense";
-        case re:
+        case se:
           return "SuspenseList";
-        case oe:
+        case ie:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      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."
-        ), e.$$typeof) {
-          case X:
+        ), t.$$typeof) {
+          case K:
             return "Portal";
-          case Q:
-            return (e.displayName || "Context") + ".Provider";
-          case Z:
-            return (e._context.displayName || "Context") + ".Consumer";
+          case te:
+            return (t.displayName || "Context") + ".Provider";
           case ee:
-            var a = e.render;
-            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ne:
-            return a = e.displayName || null, a !== null ? a : t(e.type) || "Memo";
-          case L:
-            a = e._payload, e = e._init;
+            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;
             try {
-              return t(e(a));
+              return e(t(a));
             } catch {
             }
         }
       return null;
     }
-    function r(e) {
-      return "" + e;
+    function n(t) {
+      return "" + t;
     }
-    function n(e) {
+    function r(t) {
       try {
-        r(e);
+        n(t);
         var a = !1;
       } catch {
         a = !0;
       }
       if (a) {
         a = console;
-        var u = a.error, f = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return u.call(
+        var d = a.error, f = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return d.call(
           a,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           f
-        ), r(e);
+        ), n(t);
       }
     }
-    function o(e) {
-      if (e === O) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === L)
+    function s(t) {
+      if (t === C) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === F)
         return "<...>";
       try {
-        var a = t(e);
+        var a = e(t);
         return a ? "<" + a + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = A.A;
-      return e === null ? null : e.getOwner();
+    function o() {
+      var t = O.A;
+      return t === null ? null : t.getOwner();
     }
-    function l() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function i(e) {
-      if (W.call(e, "key")) {
-        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+    function l(t) {
+      if (z.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
         if (a && a.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return t.key !== void 0;
     }
-    function c(e, a) {
-      function u() {
-        U || (U = !0, console.error(
+    function u(t, a) {
+      function d() {
+        B || (B = !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
         ));
       }
-      u.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: u,
+      d.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: d,
         configurable: !0
       });
     }
-    function b() {
-      var e = t(this.type);
-      return z[e] || (z[e] = !0, console.error(
+    function h() {
+      var t = e(this.type);
+      return M[t] || (M[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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function h(e, a, u, f, y, x, P, N) {
-      return u = x.ref, e = {
-        $$typeof: F,
-        type: e,
+    function x(t, a, d, f, w, g, N, L) {
+      return d = g.ref, t = {
+        $$typeof: U,
+        type: t,
         key: a,
-        props: x,
-        _owner: y
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        props: g,
+        _owner: w
+      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: b
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: h
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
-      }), Object.defineProperty(e, "_debugTask", {
+        value: N
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: L
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function m(e, a, u, f, y, x, P, N) {
+    function m(t, a, d, f, w, g, N, L) {
       var p = a.children;
       if (p !== void 0)
         if (f)
-          if (ae(p)) {
+          if (ce(p)) {
             for (f = 0; f < p.length; f++)
-              E(p[f]);
+              v(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 E(p);
-      if (W.call(a, "key")) {
-        p = t(e);
-        var v = Object.keys(a).filter(function(ie) {
-          return ie !== "key";
+        else v(p);
+      if (z.call(a, "key")) {
+        p = e(t);
+        var k = Object.keys(a).filter(function(le) {
+          return le !== "key";
         });
-        f = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", J[p + f] || (v = 0 < v.length ? "{" + v.join(": ..., ") + ": ...}" : "{}", console.error(
+        f = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", J[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} />
@@ -393,179 +482,305 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           f,
           p,
-          v,
+          k,
           p
         ), J[p + f] = !0);
       }
-      if (p = null, u !== void 0 && (n(u), p = "" + u), i(a) && (n(a.key), p = "" + a.key), "key" in a) {
-        u = {};
-        for (var $ in a)
-          $ !== "key" && (u[$] = a[$]);
-      } else u = a;
-      return p && c(
-        u,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(
-        e,
+      if (p = null, d !== void 0 && (r(d), p = "" + d), l(a) && (r(a.key), p = "" + a.key), "key" in a) {
+        d = {};
+        for (var W in a)
+          W !== "key" && (d[W] = a[W]);
+      } else d = a;
+      return p && u(
+        d,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), x(
+        t,
         p,
-        x,
-        y,
-        s(),
-        u,
-        P,
-        N
+        g,
+        w,
+        o(),
+        d,
+        N,
+        L
       );
     }
-    function E(e) {
-      typeof e == "object" && e !== null && e.$$typeof === F && e._store && (e._store.validated = 1);
+    function v(t) {
+      typeof t == "object" && t !== null && t.$$typeof === U && t._store && (t._store.validated = 1);
     }
-    var S = ce, F = Symbol.for("react.transitional.element"), X = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), K = Symbol.for("react.strict_mode"), H = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), ee = Symbol.for("react.forward_ref"), te = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), ne = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), oe = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), A = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, ae = Array.isArray, C = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     S = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var U, z = {}, q = S.react_stack_bottom_frame.bind(
+    var B, M = {}, q = S.react_stack_bottom_frame.bind(
       S,
-      l
-    )(), M = C(o(l)), J = {};
-    R.Fragment = O, R.jsx = function(e, a, u, f, y) {
-      var x = 1e4 > A.recentlyCreatedOwnerStacks++;
+      i
+    )(), V = P(s(i)), J = {};
+    T.Fragment = C, T.jsx = function(t, a, d, f, w) {
+      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
       return m(
-        e,
+        t,
         a,
-        u,
+        d,
         !1,
         f,
-        y,
-        x ? Error("react-stack-top-frame") : q,
-        x ? C(o(e)) : M
+        w,
+        g ? Error("react-stack-top-frame") : q,
+        g ? P(s(t)) : V
       );
-    }, R.jsxs = function(e, a, u, f, y) {
-      var x = 1e4 > A.recentlyCreatedOwnerStacks++;
+    }, T.jsxs = function(t, a, d, f, w) {
+      var g = 1e4 > O.recentlyCreatedOwnerStacks++;
       return m(
-        e,
+        t,
         a,
-        u,
+        d,
         !0,
         f,
-        y,
-        x ? Error("react-stack-top-frame") : q,
-        x ? C(o(e)) : M
+        w,
+        g ? Error("react-stack-top-frame") : q,
+        g ? P(s(t)) : V
       );
     };
-  })()), R;
+  })()), T;
 }
-var G;
-function Ee() {
-  return G || (G = 1, process.env.NODE_ENV === "production" ? j.exports = ye() : j.exports = ge()), j.exports;
+var H;
+function Re() {
+  return H || (H = 1, process.env.NODE_ENV === "production" ? _.exports = ve() : _.exports = ke()), _.exports;
 }
-var d = Ee();
-const ve = (t) => {
-  const r = { children: [] };
-  for (const n of t) {
-    let o = r;
-    n.suite.forEach((s) => {
-      let l = o.children.find(
-        (i) => "name" in i && !i.status && i.name === s
+var c = Re();
+const Te = (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
       );
-      l || (l = { name: s, children: [] }, o.children.push(l)), o = l;
-    }), o.children.push(n);
+      i || (i = { name: o, children: [] }, s.children.push(i)), s = i;
+    }), s.children.push(r);
   }
-  return r.children;
-}, we = ({ node: t, depth: r, idx: n, runTest: o }) => /* @__PURE__ */ d.jsxs("li", { style: { marginBottom: "4px", marginLeft: r * 6 }, children: [
-  /* @__PURE__ */ d.jsxs(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        padding: "4px 6px",
-        borderRadius: "4px",
-        background: t.status === "pass" ? "#dcfce7" : t.status === "fail" ? "#fee2e2" : t.status === "skip" ? "#f3f4f6" : t.status === "running" ? "#fef9c3" : "transparent"
-      },
-      children: [
-        /* @__PURE__ */ d.jsxs("span", { children: [
-          t.name,
-          " ",
-          t.only && /* @__PURE__ */ d.jsx("span", { style: { color: "#2563eb" }, children: "(only)" }),
-          t.skip && /* @__PURE__ */ d.jsx("span", { style: { color: "#6b7280" }, children: "(skipped)" })
-        ] }),
-        /* @__PURE__ */ d.jsx(
-          "button",
+  return n.children;
+}, Ae = {
+  animation: "spin 1s linear infinite"
+}, je = () => /* @__PURE__ */ c.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+  }
+), $ = typeof document < "u" ? document.createElement("style") : null;
+$ && !document.getElementById("loader-spin-keyframes") && ($.id = "loader-spin-keyframes", $.innerHTML = `
+    @keyframes spin {
+      0% { transform: rotate(0deg); }
+      100% { transform: rotate(360deg); }
+    }
+  `, document.head.appendChild($));
+const Se = () => /* @__PURE__ */ c.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+  }
+), _e = (e) => {
+  switch (e.status) {
+    case "pass":
+      return {
+        item: {
+          background: "#dcfce7"
+        },
+        container: {
+          borderLeft: "3px solid #00c951"
+        }
+      };
+    case "fail":
+      return {
+        item: {
+          background: "#fee2e2"
+        },
+        container: {
+          borderLeft: "3px solid #fb2c36"
+        }
+      };
+    case "skip":
+      return {
+        item: {
+          background: "#f3f4f6"
+        }
+      };
+    case "running":
+      return {
+        item: {
+          background: "#fef9c3"
+        }
+      };
+    default:
+      return {
+        item: {
+          background: "transparent"
+        }
+      };
+  }
+}, $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(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "left",
+          justifyContent: "space-between",
+          padding: "4px 6px",
+          borderRadius: "4px",
+          ...o.item
+        },
+        children: [
+          /* @__PURE__ */ c.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)" })
+          ] }),
+          /* @__PURE__ */ c.jsx(
+            "button",
+            {
+              onClick: () => s(r),
+              "aria-label": `Run ${e.name} test`,
+              style: {
+                background: "transparent",
+                border: "1px solid #d1d5db",
+                borderRadius: "4px",
+                padding: "0",
+                cursor: "pointer",
+                verticalAlign: "middle",
+                fontSize: "12px",
+                width: "24px",
+                height: "24px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              disabled: e.status === "running",
+              children: e.status === "running" ? /* @__PURE__ */ c.jsx(je, {}) : /* @__PURE__ */ c.jsx(Se, {})
+            }
+          )
+        ]
+      }
+    ),
+    e.logs && e.logs.length > 0 && /* @__PURE__ */ c.jsx(
+      "ul",
+      {
+        style: {
+          borderRadius: "4px",
+          maxHeight: "260px",
+          overflowY: "auto",
+          padding: 0,
+          background: "#f3f4f6",
+          listStyle: "none",
+          marginTop: "4px",
+          textAlign: "left"
+        },
+        children: e.logs.map((i, l) => /* @__PURE__ */ c.jsx(
+          "li",
           {
-            onClick: () => o(n),
             style: {
-              background: "transparent",
-              border: "1px solid #d1d5db",
-              borderRadius: "4px",
-              padding: "2px 6px",
-              cursor: "pointer",
-              fontSize: "12px"
+              fontSize: "12px",
+              padding: "4px 6px",
+              borderBottom: "1px solid #d1d5db",
+              ...$e(i)
             },
-            children: "▶"
-          }
-        )
-      ]
-    }
-  ),
-  t.logs && t.logs.length > 0 && /* @__PURE__ */ d.jsx(
-    "ul",
-    {
-      style: {
-        borderRadius: "4px",
-        maxHeight: "160px",
-        overflowY: "auto",
-        padding: 0,
-        background: "#f3f4f6",
-        listStyle: "none",
-        marginTop: "4px"
-      },
-      children: t.logs.map((s, l) => /* @__PURE__ */ d.jsx(
-        "li",
-        {
-          style: {
-            fontSize: "12px",
-            padding: "4px 6px",
-            borderBottom: "1px solid #d1d5db"
+            children: i
           },
-          children: s
-        },
-        l
-      ))
-    }
-  )
-] }, t.name), ke = ({ runTest: t, tests: r }) => {
-  const [n, o] = Y({}), s = (i, c = 0) => {
-    if ("status" in i)
-      return /* @__PURE__ */ d.jsx(we, { node: i, depth: c, idx: r.indexOf(i), runTest: t }, i.name);
-    const b = n[i.name];
-    return /* @__PURE__ */ d.jsxs("li", { style: { marginBottom: "6px", marginLeft: c * 12, textAlign: "left" }, children: [
-      /* @__PURE__ */ d.jsxs(
+          l
+        ))
+      }
+    )
+  ] }, e.name);
+}, Oe = () => /* @__PURE__ */ c.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+  }
+), Pe = () => /* @__PURE__ */ c.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    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" })
+  }
+), 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(
         "div",
         {
           style: {
             fontWeight: "bold",
             cursor: "pointer",
             color: "#374151",
-            marginBottom: "4px"
+            marginBottom: "4px",
+            display: "flex",
+            alignItems: "center",
+            gap: "4px"
           },
-          onClick: () => o((h) => ({ ...h, [i.name]: !h[i.name] })),
+          onClick: () => s((x) => ({ ...x, [l.name]: !x[l.name] })),
           children: [
-            i.name,
+            l.name,
             " ",
-            b ? "▶" : "▼"
+            h ? /* @__PURE__ */ c.jsx(Pe, {}) : /* @__PURE__ */ c.jsx(Oe, {})
           ]
         }
       ),
-      !b && /* @__PURE__ */ d.jsx("ul", { style: { listStyle: "none", padding: 0 }, children: i.children.map((h) => s(h, c + 1)) })
-    ] }, i.name);
-  }, l = ve(r);
-  return /* @__PURE__ */ d.jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: l.map((i) => s(i)) });
-}, Re = ({ setOpen: t }) => /* @__PURE__ */ d.jsx(
+      !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(
   "div",
   {
     style: {
@@ -581,35 +796,35 @@ const ve = (t) => {
       cursor: "pointer",
       fontSize: "12px"
     },
-    onClick: () => t(!0),
+    onClick: () => e(!0),
     children: "▶ TWD"
   }
-), Pe = () => {
-  const [t, r] = Y(0), [n, o] = Y(!0), s = async (i) => {
-    const c = g[i];
-    c.logs = [];
-    const b = console.log, h = console.error;
+), Be = () => {
+  const [e, n] = I(0), [r, s] = I(!0), o = async (l) => {
+    const u = E[l];
+    u.logs = [];
+    const h = console.log, x = console.error;
     if (console.log = (...m) => {
-      c.logs?.push("📝 " + m.map(String).join(" ")), b(...m), r((E) => E + 1);
+      u.logs?.push(m.map(String).join(" ")), h(...m), n((v) => v + 1);
     }, console.error = (...m) => {
-      c.logs?.push("❌ " + m.map(String).join(" ")), h(...m), r((E) => E + 1);
-    }, c.status = "running", c.skip)
-      c.status = "skip";
+      u.logs?.push(m.map(String).join(" ")), x(...m), n((v) => v + 1);
+    }, u.status = "running", u.skip)
+      u.status = "skip";
     else
       try {
-        await c.fn(), c.status = "pass";
+        await u.fn(), u.status = "pass";
       } catch (m) {
-        c.status = "fail", console.error("Test failed:", c.name, m);
+        u.status = "fail", console.error("Test failed:", u.name, m);
       }
-    console.log = b, console.error = h, r((m) => m + 1);
-  }, l = async () => {
-    const i = g.filter((b) => b.only), c = i.length > 0 ? i : g;
-    for (let b = 0; b < c.length; b++) {
-      const h = g.indexOf(c[b]);
-      await s(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);
     }
   };
-  return n ? /* @__PURE__ */ d.jsxs(
+  return r ? /* @__PURE__ */ c.jsxs(
     "div",
     {
       style: {
@@ -618,6 +833,7 @@ const ve = (t) => {
         left: 0,
         bottom: 0,
         width: "280px",
+        textAlign: "left",
         background: "#f9fafb",
         borderRight: "1px solid #e5e7eb",
         padding: "8px",
@@ -626,9 +842,19 @@ const ve = (t) => {
         boxShadow: "2px 0 6px rgba(0,0,0,0.1)"
       },
       children: [
-        /* @__PURE__ */ d.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
-          /* @__PURE__ */ d.jsx("strong", { children: "TWD Tests" }),
-          /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ c.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "14px", alignItems: "center" }, children: [
+          /* @__PURE__ */ c.jsx(
+            "strong",
+            {
+              style: {
+                fontSize: "18px",
+                fontWeight: "bold",
+                color: "#374151"
+              },
+              children: "TWD Tests"
+            }
+          ),
+          /* @__PURE__ */ c.jsx(
             "button",
             {
               style: {
@@ -637,15 +863,15 @@ const ve = (t) => {
                 cursor: "pointer",
                 fontSize: "14px"
               },
-              onClick: () => o(!1),
+              onClick: () => s(!1),
               children: "✖"
             }
           )
         ] }),
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ c.jsx(
           "button",
           {
-            onClick: l,
+            onClick: i,
             style: {
               background: "#3b82f6",
               color: "white",
@@ -655,20 +881,20 @@ const ve = (t) => {
               marginBottom: "10px",
               cursor: "pointer"
             },
-            children: "▶ Run All"
+            children: "Run All"
           }
         ),
-        /* @__PURE__ */ d.jsx(ke, { tests: g, runTest: s })
+        /* @__PURE__ */ c.jsx(Ne, { tests: E, runTest: o })
       ]
     }
-  ) : /* @__PURE__ */ d.jsx(Re, { setOpen: o });
+  ) : /* @__PURE__ */ c.jsx(Le, { setOpen: s });
 };
 export {
-  Pe as TWDSidebar,
-  _e as beforeEach,
-  Se as describe,
-  je as it,
-  Oe as itOnly,
-  Ae as itSkip,
-  Ce as twd
+  Be as TWDSidebar,
+  Ie as beforeEach,
+  Ye as describe,
+  De as it,
+  Ue as itOnly,
+  Fe as itSkip,
+  ze as twd
 };