sibujs 1.5.0 → 2.1.0

package/dist/testing.js

@@ -1,9 +1,12 @@
+import {
+  dispose
+} from "./chunk-2UPRY23K.js";
 import {
   effect
-} from "./chunk-VQNQZCWJ.js";
-import "./chunk-EUZND3CB.js";
-import "./chunk-K4G4ZQNR.js";
-import "./chunk-5X6PP2UK.js";
+} from "./chunk-WZA53FXU.js";
+import "./chunk-2RA7SHDA.js";
+import "./chunk-QO3WC6FS.js";
+import "./chunk-LMLD24FC.js";
 
 // src/testing/a11y.ts
 var VALID_ARIA_ROLES = /* @__PURE__ */ new Set([
@@ -1140,8 +1143,9 @@ function createUniversalAdapter() {
 }
 
 // src/testing/e2e.ts
-function createHttpMock(routes = []) {
+function createHttpMock(routes = [], options = {}) {
   const originalFetch = globalThis.fetch;
+  const hadOriginalFetch = Object.hasOwn(globalThis, "fetch");
   const requestLog = [];
   const mockRoutes = [...routes];
   function matchRoute(url, method) {
@@ -1162,29 +1166,41 @@ function createHttpMock(routes = []) {
       return new Response(JSON.stringify({ error: "Not mocked" }), { status: 404 });
     }
     let mockResponse;
-    if (typeof route.response === "function") {
-      mockResponse = await route.response({ url, method, body, headers: new Headers(init?.headers) });
-    } else {
-      mockResponse = route.response;
+    try {
+      if (typeof route.response === "function") {
+        mockResponse = await route.response({ url, method, body, headers: new Headers(init?.headers) });
+      } else {
+        mockResponse = route.response;
+      }
+      if (mockResponse.delay) {
+        await new Promise((r) => setTimeout(r, mockResponse.delay));
+      }
+      return new Response(
+        typeof mockResponse.body === "string" ? mockResponse.body : JSON.stringify(mockResponse.body),
+        {
+          status: mockResponse.status || 200,
+          statusText: mockResponse.statusText || "OK",
+          headers: mockResponse.headers
+        }
+      );
+    } catch (err) {
+      return new Response(JSON.stringify({ error: String(err) }), { status: 500 });
     }
-    if (mockResponse.delay) {
-      await new Promise((r) => setTimeout(r, mockResponse.delay));
+  };
+  const restore = () => {
+    if (hadOriginalFetch) {
+      globalThis.fetch = originalFetch;
+    } else {
+      delete globalThis.fetch;
     }
-    return new Response(typeof mockResponse.body === "string" ? mockResponse.body : JSON.stringify(mockResponse.body), {
-      status: mockResponse.status || 200,
-      statusText: mockResponse.statusText || "OK",
-      headers: mockResponse.headers
-    });
   };
-  return {
+  const api = {
     /** Install the mock (replace global fetch) */
     install() {
       globalThis.fetch = mockFetch;
     },
     /** Restore original fetch */
-    restore() {
-      globalThis.fetch = originalFetch;
-    },
+    restore,
     /** Add a mock route */
     addRoute(route) {
       mockRoutes.push(route);
@@ -1216,18 +1232,29 @@ function createHttpMock(routes = []) {
       return requestLog.filter((r) => r.url.includes(url) && r.method.toUpperCase() === method.toUpperCase()).length;
     }
   };
+  if (typeof options.afterEach === "function") {
+    options.afterEach(() => api.restore());
+  }
+  return api;
 }
-function createTimerMock() {
-  const originalSetTimeout = globalThis.setTimeout;
-  const originalSetInterval = globalThis.setInterval;
-  const originalClearTimeout = globalThis.clearTimeout;
-  const originalClearInterval = globalThis.clearInterval;
-  const originalRAF = typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : void 0;
-  const originalCAF = typeof cancelAnimationFrame !== "undefined" ? cancelAnimationFrame : void 0;
+function createTimerMock(options = {}) {
+  const g = globalThis;
+  const snapshot = (key) => ({
+    had: Object.hasOwn(globalThis, key),
+    value: g[key]
+  });
+  const saved = {
+    setTimeout: snapshot("setTimeout"),
+    setInterval: snapshot("setInterval"),
+    clearTimeout: snapshot("clearTimeout"),
+    clearInterval: snapshot("clearInterval"),
+    requestAnimationFrame: snapshot("requestAnimationFrame"),
+    cancelAnimationFrame: snapshot("cancelAnimationFrame")
+  };
   let currentTime = 0;
   let nextId = 1;
   const timers = [];
-  return {
+  const api = {
     install() {
       currentTime = 0;
       globalThis.setTimeout = (cb, delay = 0) => {
@@ -1259,12 +1286,13 @@ function createTimerMock() {
       };
     },
     restore() {
-      globalThis.setTimeout = originalSetTimeout;
-      globalThis.setInterval = originalSetInterval;
-      globalThis.clearTimeout = originalClearTimeout;
-      globalThis.clearInterval = originalClearInterval;
-      if (originalRAF) globalThis.requestAnimationFrame = originalRAF;
-      if (originalCAF) globalThis.cancelAnimationFrame = originalCAF;
+      for (const [key, snap] of Object.entries(saved)) {
+        if (snap.had) {
+          g[key] = snap.value;
+        } else {
+          delete g[key];
+        }
+      }
       timers.length = 0;
     },
     /** Advance time by a given number of ms, running any timers that fire */
@@ -1310,6 +1338,10 @@ function createTimerMock() {
       return timers.length;
     }
   };
+  if (typeof options.afterEach === "function") {
+    options.afterEach(() => api.restore());
+  }
+  return api;
 }
 function createDOMSnapshot(element) {
   return serializeElement(element, 0);
@@ -1480,21 +1512,27 @@ function waitForSignal(getter, predicate, options = {}) {
   const timeoutMs = options.timeout ?? 1e3;
   return new Promise((resolve, reject) => {
     let resolved = false;
-    const timer = setTimeout(() => {
-      if (!resolved) {
-        resolved = true;
+    let timer;
+    const finish = (fn) => {
+      if (resolved) return;
+      resolved = true;
+      if (timer !== void 0) clearTimeout(timer);
+      fn();
+    };
+    timer = setTimeout(() => {
+      finish(() => {
         teardown();
         reject(new Error(`waitForSignal: predicate did not match within ${timeoutMs}ms`));
-      }
+      });
     }, timeoutMs);
     const teardown = effect(() => {
       if (resolved) return;
       const value = getter();
       if (predicate(value)) {
-        resolved = true;
-        clearTimeout(timer);
-        queueMicrotask(() => teardown());
-        resolve(value);
+        finish(() => {
+          queueMicrotask(() => teardown());
+          resolve(value);
+        });
       }
     });
   });
@@ -1845,9 +1883,24 @@ function truncate(str, maxLen) {
 }
 
 // src/testing/index.ts
+function escapeSelector(value) {
+  const g = globalThis;
+  if (g.CSS && typeof g.CSS.escape === "function") return g.CSS.escape(value);
+  return value.replace(/[^\w-]/g, (m) => `\\${m.charCodeAt(0).toString(16)} `);
+}
+var _renderedContainers = /* @__PURE__ */ new Set();
+function unmountAll() {
+  for (const container of _renderedContainers) {
+    for (const child of Array.from(container.childNodes)) dispose(child);
+    container.replaceChildren();
+    if (container.parentNode) container.parentNode.removeChild(container);
+  }
+  _renderedContainers.clear();
+}
 function render(component) {
   const container = document.createElement("div");
   document.body.appendChild(container);
+  _renderedContainers.add(container);
   const element = component();
   container.appendChild(element);
   function getByText(text) {
@@ -1864,7 +1917,7 @@ function render(component) {
     return walk(container);
   }
   function getByTestId(testId) {
-    return container.querySelector(`[data-testid="${testId}"]`);
+    return container.querySelector(`[data-testid="${escapeSelector(testId)}"]`);
   }
   function getByRole(role) {
     return container.querySelector(`[role="${role}"]`);
@@ -1873,8 +1926,10 @@ function render(component) {
     return Array.from(container.querySelectorAll(selector));
   }
   function unmount() {
-    container.innerHTML = "";
+    for (const child of Array.from(container.childNodes)) dispose(child);
+    container.replaceChildren();
     if (container.parentNode) container.parentNode.removeChild(container);
+    _renderedContainers.delete(container);
   }
   return { container, element, getByText, getByTestId, getByRole, queryAll, unmount };
 }
@@ -1984,6 +2039,7 @@ export {
   snapshotComponent,
   testComponent,
   type,
+  unmountAll,
   waitFor,
   waitForSignal
 };