sibujs 1.5.0 → 2.0.0

package/dist/testing.d.cts

@@ -242,11 +242,13 @@ interface MockRoute {
  * Create an HTTP mock server that intercepts fetch calls.
  * Useful for testing components that make API calls.
  */
-declare function createHttpMock(routes?: MockRoute[]): {
+declare function createHttpMock(routes?: MockRoute[], options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     /** Install the mock (replace global fetch) */
     install(): void;
     /** Restore original fetch */
-    restore(): void;
+    restore: () => void;
     /** Add a mock route */
     addRoute(route: MockRoute): void;
     /** Remove all mock routes */
@@ -271,7 +273,9 @@ declare function createHttpMock(routes?: MockRoute[]): {
  * Create a fake timer system for testing time-dependent code.
  * Mocks setTimeout, setInterval, requestAnimationFrame.
  */
-declare function createTimerMock(): {
+declare function createTimerMock(options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     install(): void;
     restore(): void;
     /** Advance time by a given number of ms, running any timers that fire */
@@ -479,8 +483,17 @@ declare function createVisualSuite(): {
     clear: () => void;
 };
 
+/**
+ * Unmount every container still alive from prior `render()` calls.
+ * Safe to call from an `afterEach` hook to guarantee teardown.
+ */
+declare function unmountAll(): void;
 /**
  * render mounts a component into a test container and returns helpers.
+ *
+ * The caller is responsible for calling `unmount()` (typically from an
+ * `afterEach` hook). For bulk teardown across many renders, call
+ * `unmountAll()` instead — every live container is tracked internally.
  */
 declare function render(component: () => HTMLElement): {
     container: HTMLElement;
@@ -529,4 +542,4 @@ declare function mockStore<T extends Record<string, unknown>>(initialState: T):
     reset: () => void;
 };
 
-export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, waitFor, waitForSignal };
+export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, unmountAll, waitFor, waitForSignal };

package/dist/testing.d.ts

@@ -242,11 +242,13 @@ interface MockRoute {
  * Create an HTTP mock server that intercepts fetch calls.
  * Useful for testing components that make API calls.
  */
-declare function createHttpMock(routes?: MockRoute[]): {
+declare function createHttpMock(routes?: MockRoute[], options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     /** Install the mock (replace global fetch) */
     install(): void;
     /** Restore original fetch */
-    restore(): void;
+    restore: () => void;
     /** Add a mock route */
     addRoute(route: MockRoute): void;
     /** Remove all mock routes */
@@ -271,7 +273,9 @@ declare function createHttpMock(routes?: MockRoute[]): {
  * Create a fake timer system for testing time-dependent code.
  * Mocks setTimeout, setInterval, requestAnimationFrame.
  */
-declare function createTimerMock(): {
+declare function createTimerMock(options?: {
+    afterEach?: (cleanup: () => void) => void;
+}): {
     install(): void;
     restore(): void;
     /** Advance time by a given number of ms, running any timers that fire */
@@ -479,8 +483,17 @@ declare function createVisualSuite(): {
     clear: () => void;
 };
 
+/**
+ * Unmount every container still alive from prior `render()` calls.
+ * Safe to call from an `afterEach` hook to guarantee teardown.
+ */
+declare function unmountAll(): void;
 /**
  * render mounts a component into a test container and returns helpers.
+ *
+ * The caller is responsible for calling `unmount()` (typically from an
+ * `afterEach` hook). For bulk teardown across many renders, call
+ * `unmountAll()` instead — every live container is tracked internally.
  */
 declare function render(component: () => HTMLElement): {
     container: HTMLElement;
@@ -529,4 +542,4 @@ declare function mockStore<T extends Record<string, unknown>>(initialState: T):
     reset: () => void;
 };
 
-export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, waitFor, waitForSignal };
+export { type A11yCheckResult, type A11yViolation, type A11yViolationLevel, type FindOptions, type FingerprintChange, type MockResponse, type MockRoute, type VisualFingerprint, assertA11y, assertDOMEquals, captureFingerprint, checkA11y, checkAriaAttributes, checkColorContrast, checkFormLabels, checkHeadingHierarchy, checkImageAlt, checkKeyboardAccess, checkLandmarks, checkLinksAndButtons, checkListSemantics, checkTabOrder, compareFingerprints, createCypressAdapter, createDOMSnapshot, createHttpMock, createJestAdapter, createPlaywrightAdapter, createSnapshotMatcher, createSnapshotStore, createTimerMock, createUniversalAdapter, createVisualSuite, findByRole, findByTestId, findByText, fireEvent, matchSnapshot, mockRouter, mockStore, queryByLabel, queryByRole, queryByTestId, queryByText, render, snapshotComponent, testComponent, type, unmountAll, waitFor, waitForSignal };

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-HB24TBAF.js";
+import "./chunk-2RA7SHDA.js";
+import "./chunk-VLPPXTYG.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
 };