twd-js 1.6.2 → 1.6.4

package/dist/bundled.es.js

@@ -63,8 +63,8 @@ function ee() {
   }
 }
 function Oe(e, t, r, n, o, s, l, d, u, a, p) {
-  var i, f, _, w, C, k, m, g = n && n.__k || Z, $ = t.length;
-  for (u = at(r, t, g, u, $), i = 0; i < $; i++) (_ = r.__k[i]) != null && (f = _.__i != -1 && g[_.__i] || Q, _.__i = i, k = he(e, _, f, o, s, l, d, u, a, p), w = _.__e, _.ref && f.ref != _.ref && (f.ref && ge(f.ref, null, _), p.push(_.ref, _.__c || w, _)), C == null && w != null && (C = w), (m = !!(4 & _.__u)) || f.__k === _.__k ? u = je(_, u, e, m) : typeof _.type == "function" && k !== void 0 ? u = k : w && (u = w.nextSibling), _.__u &= -7);
+  var i, f, _, w, C, k, v, g = n && n.__k || Z, $ = t.length;
+  for (u = at(r, t, g, u, $), i = 0; i < $; i++) (_ = r.__k[i]) != null && (f = _.__i != -1 && g[_.__i] || Q, _.__i = i, k = he(e, _, f, o, s, l, d, u, a, p), w = _.__e, _.ref && f.ref != _.ref && (f.ref && ge(f.ref, null, _), p.push(_.ref, _.__c || w, _)), C == null && w != null && (C = w), (v = !!(4 & _.__u)) || f.__k === _.__k ? u = je(_, u, e, v) : typeof _.type == "function" && k !== void 0 ? u = k : w && (u = w.nextSibling), _.__u &= -7);
   return r.__e = C, u;
 }
 function at(e, t, r, n, o) {
@@ -125,23 +125,23 @@ function Se(e) {
   };
 }
 function he(e, t, r, n, o, s, l, d, u, a) {
-  var p, i, f, _, w, C, k, m, g, $, I, z, h, b, R, E = t.type;
+  var p, i, f, _, w, C, k, v, g, $, I, z, h, b, R, E = t.type;
   if (t.constructor !== void 0) return null;
   128 & r.__u && (u = !!(32 & r.__u), s = [d = t.__e = r.__e]), (p = y.__b) && p(t);
   e: if (typeof E == "function") try {
-    if (m = t.props, g = E.prototype && E.prototype.render, $ = (p = E.contextType) && n[p.__c], I = p ? $ ? $.props.value : p.__ : n, r.__c ? k = (i = t.__c = r.__c).__ = i.__E : (g ? t.__c = i = new E(m, I) : (t.__c = i = new K(m, I), i.constructor = E, i.render = ct), $ && $.sub(i), i.state || (i.state = {}), i.__n = n, f = i.__d = !0, i.__h = [], i._sb = []), g && i.__s == null && (i.__s = i.state), g && E.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = A({}, i.__s)), A(i.__s, E.getDerivedStateFromProps(m, i.__s))), _ = i.props, w = i.state, i.__v = t, f) g && E.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), g && i.componentDidMount != null && i.__h.push(i.componentDidMount);
+    if (v = t.props, g = E.prototype && E.prototype.render, $ = (p = E.contextType) && n[p.__c], I = p ? $ ? $.props.value : p.__ : n, r.__c ? k = (i = t.__c = r.__c).__ = i.__E : (g ? t.__c = i = new E(v, I) : (t.__c = i = new K(v, I), i.constructor = E, i.render = ct), $ && $.sub(i), i.state || (i.state = {}), i.__n = n, f = i.__d = !0, i.__h = [], i._sb = []), g && i.__s == null && (i.__s = i.state), g && E.getDerivedStateFromProps != null && (i.__s == i.state && (i.__s = A({}, i.__s)), A(i.__s, E.getDerivedStateFromProps(v, i.__s))), _ = i.props, w = i.state, i.__v = t, f) g && E.getDerivedStateFromProps == null && i.componentWillMount != null && i.componentWillMount(), g && i.componentDidMount != null && i.__h.push(i.componentDidMount);
     else {
-      if (g && E.getDerivedStateFromProps == null && m !== _ && i.componentWillReceiveProps != null && i.componentWillReceiveProps(m, I), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(m, i.__s, I) === !1) {
-        t.__v != r.__v && (i.props = m, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(W) {
+      if (g && E.getDerivedStateFromProps == null && v !== _ && i.componentWillReceiveProps != null && i.componentWillReceiveProps(v, I), t.__v == r.__v || !i.__e && i.shouldComponentUpdate != null && i.shouldComponentUpdate(v, i.__s, I) === !1) {
+        t.__v != r.__v && (i.props = v, i.state = i.__s, i.__d = !1), t.__e = r.__e, t.__k = r.__k, t.__k.some(function(W) {
           W && (W.__ = t);
         }), Z.push.apply(i.__h, i._sb), i._sb = [], i.__h.length && l.push(i);
         break e;
       }
-      i.componentWillUpdate != null && i.componentWillUpdate(m, i.__s, I), g && i.componentDidUpdate != null && i.__h.push(function() {
+      i.componentWillUpdate != null && i.componentWillUpdate(v, i.__s, I), g && i.componentDidUpdate != null && i.__h.push(function() {
         i.componentDidUpdate(_, w, C);
       });
     }
-    if (i.context = I, i.props = m, i.__P = e, i.__e = !1, z = y.__r, h = 0, g) i.state = i.__s, i.__d = !1, z && z(t), p = i.render(i.props, i.state, i.context), Z.push.apply(i.__h, i._sb), i._sb = [];
+    if (i.context = I, i.props = v, i.__P = e, i.__e = !1, z = y.__r, h = 0, g) i.state = i.__s, i.__d = !1, z && z(t), p = i.render(i.props, i.state, i.context), Z.push.apply(i.__h, i._sb), i._sb = [];
     else do
       i.__d = !1, z && z(t), p = i.render(i.props, i.state, i.context), i.state = i.__s;
     while (i.__d && ++h < 25);
@@ -179,7 +179,7 @@ function qe(e) {
   return typeof e != "object" || e == null || e.__b > 0 ? e : ne(e) ? e.map(qe) : A({}, e);
 }
 function dt(e, t, r, n, o, s, l, d, u) {
-  var a, p, i, f, _, w, C, k = r.props || Q, m = t.props, g = t.type;
+  var a, p, i, f, _, w, C, k = r.props || Q, v = t.props, g = t.type;
   if (g == "svg" ? o = "http://www.w3.org/2000/svg" : g == "math" ? o = "http://www.w3.org/1998/Math/MathML" : o || (o = "http://www.w3.org/1999/xhtml"), s != null) {
     for (a = 0; a < s.length; a++) if ((_ = s[a]) && "setAttribute" in _ == !!g && (g ? _.localName == g : _.nodeType == 3)) {
       e = _, s[a] = null;
@@ -187,14 +187,14 @@ function dt(e, t, r, n, o, s, l, d, u) {
     }
   }
   if (e == null) {
-    if (g == null) return document.createTextNode(m);
-    e = document.createElementNS(o, g, m.is && m), d && (y.__m && y.__m(t, s), d = !1), s = null;
+    if (g == null) return document.createTextNode(v);
+    e = document.createElementNS(o, g, v.is && v), d && (y.__m && y.__m(t, s), d = !1), s = null;
   }
-  if (g == null) k === m || d && e.data == m || (e.data = m);
+  if (g == null) k === v || d && e.data == v || (e.data = v);
   else {
     if (s = s && re.call(e.childNodes), !d && s != null) for (k = {}, a = 0; a < e.attributes.length; a++) k[(_ = e.attributes[a]).name] = _.value;
-    for (a in k) _ = k[a], a == "dangerouslySetInnerHTML" ? i = _ : a == "children" || a in m || a == "value" && "defaultValue" in m || a == "checked" && "defaultChecked" in m || J(e, a, null, _, o);
-    for (a in m) _ = m[a], a == "children" ? f = _ : a == "dangerouslySetInnerHTML" ? p = _ : a == "value" ? w = _ : a == "checked" ? C = _ : d && typeof _ != "function" || k[a] === _ || J(e, a, _, k[a], o);
+    for (a in k) _ = k[a], a == "dangerouslySetInnerHTML" ? i = _ : a == "children" || a in v || a == "value" && "defaultValue" in v || a == "checked" && "defaultChecked" in v || J(e, a, null, _, o);
+    for (a in v) _ = v[a], a == "children" ? f = _ : a == "dangerouslySetInnerHTML" ? p = _ : a == "value" ? w = _ : a == "checked" ? C = _ : d && typeof _ != "function" || k[a] === _ || J(e, a, _, k[a], o);
     if (p) d || i && (p.__html == i.__html || p.__html == e.innerHTML) || (e.innerHTML = p.__html), t.__k = [];
     else if (i && (e.innerHTML = ""), Oe(t.type == "template" ? e.content : e, ne(f) ? f : [f], t, r, n, g == "foreignObject" ? "http://www.w3.org/1999/xhtml" : o, s, l, s ? s[0] : r.__k && H(r, 0), d, u), s != null) for (a = s.length; a--; ) fe(s[a]);
     d || (a = "value", g == "progress" && w == null ? e.removeAttribute("value") : w != null && (w !== e[a] || g == "progress" && !w || g == "option" && w != k[a]) && J(e, a, w, k[a], o), a = "checked", C != null && C != e[a] && J(e, a, C, k[a], o));
@@ -297,11 +297,10 @@ var _t = {
   iconColorSecondary: "#cbd5e1"
 };
 function pt(e = {}) {
-  const t = {
+  return Object.entries({
     ..._t,
     ...e
-  };
-  return Object.entries(t).map(([r, n]) => `${`--twd-${r.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${n};`).join(`
+  }).map(([t, r]) => `${`--twd-${t.replace(/([A-Z])/g, "-$1").toLowerCase()}`}: ${r};`).join(`
   `);
 }
 function ft(e) {
@@ -787,9 +786,9 @@ var se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
       if (i) {
         const f = s.current?.closest('[data-testid="twd-sidebar"]');
         if (f) {
-          const _ = i.getBoundingClientRect(), w = f.getBoundingClientRect(), C = f.scrollTop, k = _.top - w.top + C;
+          const _ = i.getBoundingClientRect(), w = f.getBoundingClientRect(), C = f.scrollTop, k = _.top - w.top + C, v = f.querySelector('[data-testid="twd-sidebar-header"]'), g = v ? v.getBoundingClientRect().height + 16 : 150;
           f.scrollTo({
-            top: k - 150,
+            top: k - g,
             behavior: "smooth"
           });
         }
@@ -896,6 +895,7 @@ var se = ({ className: e, children: t, dataTestId: r }) => /* @__PURE__ */ c("sv
     position: "fixed",
     top: "50%",
     transform: "translateY(-50%)",
+    zIndex: "var(--twd-z-index-sidebar)",
     background: "var(--twd-button-primary)",
     color: "var(--twd-button-primary-text)",
     padding: "var(--twd-spacing-sm) 10px",
@@ -953,9 +953,9 @@ var Dt = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STAT
   beforeEachHooks: /* @__PURE__ */ new Map(),
   afterEachHooks: /* @__PURE__ */ new Map(),
   stack: []
-}, ie = Dt(), v = ie.handlers, ze = ie.beforeEachHooks, Ne = ie.afterEachHooks, T = ie.stack, B = () => Math.random().toString(36).slice(2, 11), Ye = (e, t) => {
+}, ie = Dt(), m = ie.handlers, ze = ie.beforeEachHooks, Ne = ie.afterEachHooks, T = ie.stack, B = () => Math.random().toString(36).slice(2, 11), Ye = (e, t) => {
   const r = B(), n = T.at(-1);
-  v.set(r, {
+  m.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -964,11 +964,11 @@ var Dt = () => typeof window < "u" ? (window.__TWD_STATE__ || (window.__TWD_STAT
     depth: T.length,
     parent: n,
     handler: t
-  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
+  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
 };
 Ye.only = (e, t) => {
   const r = B(), n = T.at(-1);
-  v.set(r, {
+  m.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -978,11 +978,11 @@ Ye.only = (e, t) => {
     parent: n,
     handler: t,
     only: !0
-  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
+  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
 };
 Ye.skip = (e, t) => {
   const r = B(), n = T.at(-1);
-  v.set(r, {
+  m.set(r, {
     id: r,
     name: e,
     type: "suite",
@@ -992,7 +992,7 @@ Ye.skip = (e, t) => {
     parent: n,
     handler: t,
     skip: !0
-  }), n && v.get(n).children.push(r), T.push(r), t(), T.pop();
+  }), n && m.get(n).children.push(r), T.push(r), t(), T.pop();
 };
 var Qe = (e, t) => {
   const r = B(), n = T.at(-1), o = {
@@ -1004,7 +1004,7 @@ var Qe = (e, t) => {
     logs: [],
     parent: n
   };
-  n && v.get(n).children.push(r), v.set(r, o);
+  n && m.get(n).children.push(r), m.set(r, o);
 };
 Qe.only = (e, t) => {
   const r = B(), n = T.at(-1), o = {
@@ -1017,7 +1017,7 @@ Qe.only = (e, t) => {
     parent: n,
     only: !0
   };
-  n && v.get(n).children.push(r), v.set(r, o);
+  n && m.get(n).children.push(r), m.set(r, o);
 };
 Qe.skip = (e, t) => {
   const r = B(), n = T.at(-1), o = {
@@ -1031,34 +1031,34 @@ Qe.skip = (e, t) => {
     parent: n,
     skip: !0
   };
-  n && v.get(n).children.push(r), v.set(r, o);
+  n && m.get(n).children.push(r), m.set(r, o);
 };
 var Pt = (e) => {
   const t = [], r = [];
   let n = e;
   for (; n; )
-    ze.has(n) && t.unshift(...ze.get(n)), Ne.has(n) && r.push(...Ne.get(n)), n = v.get(n)?.parent;
+    ze.has(n) && t.unshift(...ze.get(n)), Ne.has(n) && r.push(...Ne.get(n)), n = m.get(n)?.parent;
   return {
     before: t,
     after: r
   };
 }, F = (e) => {
-  const t = v.get(e);
+  const t = m.get(e);
   return t ? t.only ? !0 : t.children ? t.children.some((r) => F(r)) : !1 : !1;
 }, Ft = (e) => {
-  let t = v.get(e);
+  let t = m.get(e);
   for (; t?.parent; ) {
-    const r = v.get(t.parent);
+    const r = m.get(t.parent);
     if (r?.only) return !0;
     t = r;
   }
   return !1;
 }, le = (e) => {
-  let t = v.get(e);
+  let t = m.get(e);
   for (; t; ) {
     if (t.skip) return !0;
     if (!t.parent) break;
-    t = v.get(t.parent);
+    t = m.get(t.parent);
   }
   return !1;
 }, Ze = class {
@@ -1066,18 +1066,18 @@ var Pt = (e) => {
     Me(this, "events", void 0), Me(this, "retryCount", void 0), this.events = e, this.retryCount = t?.retryCount ?? 1;
   }
   async runAll() {
-    const e = Array.from(v.values()).filter((r) => !r.parent && r.type === "suite"), t = Array.from(v.values()).some((r) => r.only);
+    const e = Array.from(m.values()).filter((r) => !r.parent && r.type === "suite"), t = Array.from(m.values()).some((r) => r.only);
     for (const r of e) await this.runSuite(r, t);
-    return v;
+    return m;
   }
   async runSingle(e) {
-    const t = v.get(e);
+    const t = m.get(e);
     !t || t.type !== "test" || await this.runTest(t, !1);
   }
   async runByIds(e) {
-    const t = new Set(e), r = Array.from(v.values()).filter((o) => !o.parent && o.type === "suite"), n = Array.from(v.values()).some((o) => o.only);
+    const t = new Set(e), r = Array.from(m.values()).filter((o) => !o.parent && o.type === "suite"), n = Array.from(m.values()).some((o) => o.only);
     for (const o of r) await this.runSuiteByIds(o, t, n);
-    return v;
+    return m;
   }
   async runSuiteByIds(e, t, r) {
     if (!this.hasDescendantInSet(e, t)) return;
@@ -1087,13 +1087,13 @@ var Pt = (e) => {
     }
     if (r && !F(e.id)) return;
     this.events.onSuiteStart?.(e);
-    const n = (e.children || []).map((o) => v.get(o));
+    const n = (e.children || []).map((o) => m.get(o));
     for (const o of n) o.type === "suite" ? await this.runSuiteByIds(o, t, r) : o.type === "test" && t.has(o.id) && await this.runTest(o, r);
     this.events.onSuiteEnd?.(e);
   }
   hasDescendantInSet(e, t) {
     return t.has(e.id) ? !0 : e.children ? e.children.some((r) => {
-      const n = v.get(r);
+      const n = m.get(r);
       return n ? this.hasDescendantInSet(n, t) : !1;
     }) : !1;
   }
@@ -1104,7 +1104,7 @@ var Pt = (e) => {
     }
     if (t && !F(e.id)) return;
     this.events.onSuiteStart?.(e);
-    const r = (e.children || []).map((n) => v.get(n));
+    const r = (e.children || []).map((n) => m.get(n));
     for (const n of r) n.type === "suite" ? await this.runSuite(n, t) : n.type === "test" && await this.runTest(n, t);
     this.events.onSuiteEnd?.(e);
   }
@@ -1134,7 +1134,7 @@ var Pt = (e) => {
   }
 };
 window.__testRunner = Ze;
-var me = "1.6.2", Ot = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
+var me = "1.6.4", Ot = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ || (window.__TWD_MOCK_STATE__ = {
   rules: [],
   counts: {}
 }), window.__TWD_MOCK_STATE__) : {
@@ -1145,18 +1145,14 @@ var me = "1.6.2", Ot = () => typeof window < "u" ? (window.__TWD_MOCK_STATE__ ||
     console.warn("[TWD] Request mocking already initialized");
     return;
   }
-  if ("serviceWorker" in navigator) {
-    We = !0;
-    const t = e ?? "/mock-sw.js";
-    await navigator.serviceWorker.register(`${t}?v=${me}`), navigator.serviceWorker.controller || await new Promise((r) => {
-      navigator.serviceWorker.addEventListener("controllerchange", r, { once: !0 });
-    }), navigator.serviceWorker.addEventListener("message", (r) => {
-      if (r.data?.type === "EXECUTED") {
-        const { alias: n, request: o, hitCount: s } = r.data, l = ye.find((d) => d.alias === n);
-        l && (l.executed = !0, l.request = o, l.hitCount = s), q.counts[n] = s ?? (q.counts[n] ?? 0) + 1;
-      }
-    });
-  }
+  "serviceWorker" in navigator && (We = !0, await navigator.serviceWorker.register(`${e ?? "/mock-sw.js"}?v=${me}`), navigator.serviceWorker.controller || await new Promise((t) => {
+    navigator.serviceWorker.addEventListener("controllerchange", t, { once: !0 });
+  }), navigator.serviceWorker.addEventListener("message", (t) => {
+    if (t.data?.type === "EXECUTED") {
+      const { alias: r, request: n, hitCount: o } = t.data, s = ye.find((l) => l.alias === r);
+      s && (s.executed = !0, s.request = n, s.hitCount = o), q.counts[r] = o ?? (q.counts[r] ?? 0) + 1;
+    }
+  }));
 }, Ut = () => ye, qt = () => {
   navigator.serviceWorker.controller?.postMessage({
     type: "CLEAR_RULES",
@@ -1232,10 +1228,7 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
   message: e.message
 }, Yt = (e) => {
   const t = et(e);
-  if (t.type === "diff") {
-    const r = t.operator || "unknown";
-    console.error(`Assertion failed with operator: ${r}`), console.group("Expected:"), console.log(t.expected), console.groupEnd(), console.group("Actual:"), console.log(t.actual), console.groupEnd();
-  } else console.error(t.message);
+  t.type === "diff" ? (console.error(`Assertion failed with operator: ${t.operator || "unknown"}`), console.group("Expected:"), console.log(t.expected), console.groupEnd(), console.group("Actual:"), console.log(t.actual), console.groupEnd()) : console.error(t.message);
 }, Qt = (e) => {
   if (e.status === "pass") return `Test "${e.name}" passed.`;
   if (e.status === "fail") {
@@ -1354,7 +1347,7 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
     p(h), h ? sessionStorage.setItem("twd-search-filter", h) : sessionStorage.removeItem("twd-search-filter");
   }, _ = (h) => {
     l(h), sessionStorage.setItem("twd-sidebar-open", h.toString());
-  }, w = Array.from(v.values()), C = N(() => rr(w), [n]), k = N(() => tr(C, a), [C, a]), { filteredTestIds: m, displayTests: g } = N(() => {
+  }, w = Array.from(m.values()), C = N(() => rr(w), [n]), k = N(() => tr(C, a), [C, a]), { filteredTestIds: v, displayTests: g } = N(() => {
     if (a) {
       const h = tt(k), b = new Set(h);
       return {
@@ -1371,9 +1364,9 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
     a,
     n
   ]), $ = async () => {
-    u(""), sessionStorage.removeItem("twd-last-run-test-name"), m ? await i.runByIds(m) : await i.runAll(), u(Zt(w));
+    u(""), sessionStorage.removeItem("twd-last-run-test-name"), v ? await i.runByIds(v) : await i.runAll(), u(Zt(w));
   }, I = async (h) => {
-    const b = Array.from(v.values()).filter((R) => R.type === "test").find((R) => R.id === h);
+    const b = Array.from(m.values()).filter((R) => R.type === "test").find((R) => R.id === h);
     b && (u(""), sessionStorage.setItem("twd-last-run-test-name", b.name), await i.runSingle(b.id), u(Qt(b)));
   };
   if (!s) return /* @__PURE__ */ c(Nt, {
@@ -1418,6 +1411,7 @@ var Kt = (e) => e instanceof Error && "actual" in e && "expected" in e, et = (e)
         children: d
       }),
       /* @__PURE__ */ c("div", {
+        "data-testid": "twd-sidebar-header",
         style: {
           padding: "var(--twd-spacing-md)",
           background: "var(--twd-background)",