@noma.to/qwik-testing-library 1.3.0 → 1.3.2

package/README.md

@@ -318,17 +318,27 @@ describe("<Counter />", () => {
 > This feature is under a testing phase and thus experimental.
 > Its API may change in the future, so use it at your own risk.
 
-The Qwik Testing Library provides a `mock$` function
+#### Setup
+
+Optionally, you can install `@noma.to/qwik-mock` to mock callbacks of Qwik components. It provides a `mock$` function
 that can be used to create a mock of a QRL and verify interactions on your Qwik components.
 
+```shell
+npm install --save-dev @noma.to/qwik-mock
+```
+
 It is _not_ a replacement of regular mocking functions (such as `vi.fn` and `vi.mock`) as its intended use is only for
 testing callbacks of Qwik components.
 
+#### Usage
+
 Here's an example on how to use the `mock$` function:
 
 ```tsx title="counter.spec.tsx"
 // import qwik-testing methods
-import {mock$, clearAllMock, render, screen, waitFor} from "@noma.to/qwik-testing-library";
+import {render, screen, waitFor} from "@noma.to/qwik-testing-library";
+// import qwik-mock methods
+import {mock$, clearAllMock} from "@noma.to/qwik-mock";
 // import the userEvent methods to interact with the DOM
 import {userEvent} from "@testing-library/user-event";
 

package/lib/index.qwik.cjs

@@ -2,12 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const qwikTestingLibrary = require("./lib/qwik-testing-library.qwik.cjs");
 const dom = require("@testing-library/dom");
-const mock = require("./lib/mock.qwik.cjs");
 exports.cleanup = qwikTestingLibrary.cleanup;
 exports.render = qwikTestingLibrary.render;
-exports.clearAllMocks = mock.clearAllMocks;
-exports.mock$ = mock.mock$;
-exports.mockQrl = mock.mockQrl;
 Object.keys(dom).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/lib/index.qwik.mjs

@@ -1,10 +1,6 @@
 import { cleanup, render } from "./lib/qwik-testing-library.qwik.mjs";
 export * from "@testing-library/dom";
-import { clearAllMocks, mock$, mockQrl } from "./lib/mock.qwik.mjs";
 export {
   cleanup,
-  clearAllMocks,
-  mock$,
-  mockQrl,
   render
 };

package/lib/lib/qwik-testing-library.qwik.cjs

@@ -25,7 +25,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const dom = require("@testing-library/dom");
 const qwikloader = require("./qwikloader.qwik.cjs");
-const mock = require("./mock.qwik.cjs");
 if (typeof process === "undefined" || !process.env?.QTL_SKIP_AUTO_CLEANUP) {
   if (typeof afterEach === "function") {
     afterEach(() => {
@@ -47,6 +46,7 @@ async function render(ui, options = {}) {
   const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsxRuntime.jsx(Wrapper, {
     children: ui
   });
+  qwikloader.qwikLoader(baseElement.ownerDocument);
   const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, {
     serverData
   });
@@ -54,7 +54,6 @@ async function render(ui, options = {}) {
     container,
     componentCleanup: cleanup2
   });
-  qwikloader.qwikLoader(baseElement.ownerDocument);
   return {
     container,
     baseElement,
@@ -86,9 +85,6 @@ function cleanupAtContainer(ref) {
 function cleanup() {
   mountedContainers.forEach(cleanupAtContainer);
 }
-exports.clearAllMocks = mock.clearAllMocks;
-exports.mock$ = mock.mock$;
-exports.mockQrl = mock.mockQrl;
 exports.cleanup = cleanup;
 exports.render = render;
 Object.keys(dom).forEach((k) => {

package/lib/lib/qwik-testing-library.qwik.mjs

@@ -1,8 +1,7 @@
 import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { prettyDOM, getQueriesForElement } from "@testing-library/dom";
+import { getQueriesForElement, prettyDOM } from "@testing-library/dom";
 export * from "@testing-library/dom";
 import { qwikLoader } from "./qwikloader.qwik.mjs";
-import { clearAllMocks, mock$, mockQrl } from "./mock.qwik.mjs";
 if (typeof process === "undefined" || !process.env?.QTL_SKIP_AUTO_CLEANUP) {
   if (typeof afterEach === "function") {
     afterEach(() => {
@@ -24,6 +23,7 @@ async function render(ui, options = {}) {
   const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsx(Wrapper, {
     children: ui
   });
+  qwikLoader(baseElement.ownerDocument);
   const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, {
     serverData
   });
@@ -31,7 +31,6 @@ async function render(ui, options = {}) {
     container,
     componentCleanup: cleanup2
   });
-  qwikLoader(baseElement.ownerDocument);
   return {
     container,
     baseElement,
@@ -65,8 +64,5 @@ function cleanup() {
 }
 export {
   cleanup,
-  clearAllMocks,
-  mock$,
-  mockQrl,
   render
 };

package/lib/lib/qwikloader.qwik.cjs

@@ -11,7 +11,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
   value
 }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b) {
+  for (var prop in b || (b = {})) {
     __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
   }
   if (__getOwnPropSymbols) {

package/lib/lib/qwikloader.qwik.mjs

@@ -9,7 +9,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
   value
 }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b) {
+  for (var prop in b || (b = {})) {
     __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
   }
   if (__getOwnPropSymbols) {

package/lib-types/lib/qwik-testing-library.d.ts

@@ -1,7 +1,6 @@
 import { JSXOutput } from "@builder.io/qwik";
 import type { Options, Result } from "./types";
-import { clearAllMocks, mock$, mockQrl } from "./mock";
 declare function render(ui: JSXOutput, options?: Options): Promise<Result>;
 declare function cleanup(): void;
 export * from "@testing-library/dom";
-export { cleanup, render, mock$, mockQrl, clearAllMocks };
+export { cleanup, render };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noma.to/qwik-testing-library",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "description": "Simple and complete Qwik testing utilities that encourage good testing practices.",
   "repository": "https://github.com/ianlet/qwik-testing-library",
   "homepage": "https://github.com/ianlet/qwik-testing-library",
@@ -35,17 +35,17 @@
   },
   "devDependencies": {
     "@types/eslint": "8.56.10",
-    "@types/node": "22.10.3",
-    "@typescript-eslint/eslint-plugin": "8.19.0",
-    "@typescript-eslint/parser": "8.19.0",
+    "@types/node": "22.13.8",
+    "@typescript-eslint/eslint-plugin": "8.28.0",
+    "@typescript-eslint/parser": "8.28.0",
     "eslint": "8.57.1",
-    "eslint-plugin-qwik": "1.12.0",
-    "prettier": "3.4.2",
-    "typescript": "5.7.2",
+    "eslint-plugin-qwik": "1.12.1",
+    "prettier": "3.5.3",
+    "typescript": "5.8.2",
     "undici": "*",
-    "vite": "6.0.6",
+    "vite": "6.2.3",
     "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^2.1.8"
+    "vitest": "^3.0.9"
   },
   "peerDependencies": {
     "@builder.io/qwik": ">= 1.12.0 < 2",

package/lib/lib/mock.qwik.cjs

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const qwik = require("@builder.io/qwik");
-const vi_DgezovHB = require("../node_modules/.pnpm/vitest@2.1.8_@types_node@22.10.3_@vitest_ui@2.1.8_jsdom@26.0.0/node_modules/vitest/dist/chunks/vi.DgezovHB.qwik.cjs");
-const mockQrl = () => {
-  return qwik.$(vi_DgezovHB.v.fn());
-};
-const mock$ = qwik.implicit$FirstArg(mockQrl);
-function clearAllMocks() {
-  vi_DgezovHB.v.clearAllMocks();
-}
-exports.clearAllMocks = clearAllMocks;
-exports.mock$ = mock$;
-exports.mockQrl = mockQrl;

package/lib/lib/mock.qwik.mjs

@@ -1,14 +0,0 @@
-import { implicit$FirstArg, $ } from "@builder.io/qwik";
-import { v as vi } from "../node_modules/.pnpm/vitest@2.1.8_@types_node@22.10.3_@vitest_ui@2.1.8_jsdom@26.0.0/node_modules/vitest/dist/chunks/vi.DgezovHB.qwik.mjs";
-const mockQrl = () => {
-  return $(vi.fn());
-};
-const mock$ = implicit$FirstArg(mockQrl);
-function clearAllMocks() {
-  vi.clearAllMocks();
-}
-export {
-  clearAllMocks,
-  mock$,
-  mockQrl
-};

package/lib/node_modules/.pnpm/@jridgewell_sourcemap-codec@1.5.0/node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.qwik.cjs

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const comma = ",".charCodeAt(0);
-const semicolon = ";".charCodeAt(0);
-const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-const intToChar = new Uint8Array(64);
-const charToInt = new Uint8Array(128);
-for (let i = 0; i < chars.length; i++) {
-  const c = chars.charCodeAt(i);
-  intToChar[i] = c;
-  charToInt[c] = i;
-}
-function encodeInteger(builder, num, relative) {
-  let delta = num - relative;
-  delta = delta < 0 ? -delta << 1 | 1 : delta << 1;
-  do {
-    let clamped = delta & 31;
-    delta >>>= 5;
-    if (delta > 0)
-      clamped |= 32;
-    builder.write(intToChar[clamped]);
-  } while (delta > 0);
-  return num;
-}
-const bufLength = 1024 * 16;
-const td = typeof TextDecoder !== "undefined" ? /* @__PURE__ */ new TextDecoder() : typeof Buffer !== "undefined" ? {
-  decode(buf) {
-    const out = Buffer.from(buf.buffer, buf.byteOffset, buf.byteLength);
-    return out.toString();
-  }
-} : {
-  decode(buf) {
-    let out = "";
-    for (let i = 0; i < buf.length; i++) {
-      out += String.fromCharCode(buf[i]);
-    }
-    return out;
-  }
-};
-class StringWriter {
-  constructor() {
-    this.pos = 0;
-    this.out = "";
-    this.buffer = new Uint8Array(bufLength);
-  }
-  write(v) {
-    const { buffer } = this;
-    buffer[this.pos++] = v;
-    if (this.pos === bufLength) {
-      this.out += td.decode(buffer);
-      this.pos = 0;
-    }
-  }
-  flush() {
-    const { buffer, out, pos } = this;
-    return pos > 0 ? out + td.decode(buffer.subarray(0, pos)) : out;
-  }
-}
-function encode(decoded) {
-  const writer = new StringWriter();
-  let sourcesIndex = 0;
-  let sourceLine = 0;
-  let sourceColumn = 0;
-  let namesIndex = 0;
-  for (let i = 0; i < decoded.length; i++) {
-    const line = decoded[i];
-    if (i > 0)
-      writer.write(semicolon);
-    if (line.length === 0)
-      continue;
-    let genColumn = 0;
-    for (let j = 0; j < line.length; j++) {
-      const segment = line[j];
-      if (j > 0)
-        writer.write(comma);
-      genColumn = encodeInteger(writer, segment[0], genColumn);
-      if (segment.length === 1)
-        continue;
-      sourcesIndex = encodeInteger(writer, segment[1], sourcesIndex);
-      sourceLine = encodeInteger(writer, segment[2], sourceLine);
-      sourceColumn = encodeInteger(writer, segment[3], sourceColumn);
-      if (segment.length === 4)
-        continue;
-      namesIndex = encodeInteger(writer, segment[4], namesIndex);
-    }
-  }
-  return writer.flush();
-}
-exports.encode = encode;

package/lib/node_modules/.pnpm/@jridgewell_sourcemap-codec@1.5.0/node_modules/@jridgewell/sourcemap-codec/dist/sourcemap-codec.qwik.mjs

@@ -1,89 +0,0 @@
-const comma = ",".charCodeAt(0);
-const semicolon = ";".charCodeAt(0);
-const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-const intToChar = new Uint8Array(64);
-const charToInt = new Uint8Array(128);
-for (let i = 0; i < chars.length; i++) {
-  const c = chars.charCodeAt(i);
-  intToChar[i] = c;
-  charToInt[c] = i;
-}
-function encodeInteger(builder, num, relative) {
-  let delta = num - relative;
-  delta = delta < 0 ? -delta << 1 | 1 : delta << 1;
-  do {
-    let clamped = delta & 31;
-    delta >>>= 5;
-    if (delta > 0)
-      clamped |= 32;
-    builder.write(intToChar[clamped]);
-  } while (delta > 0);
-  return num;
-}
-const bufLength = 1024 * 16;
-const td = typeof TextDecoder !== "undefined" ? /* @__PURE__ */ new TextDecoder() : typeof Buffer !== "undefined" ? {
-  decode(buf) {
-    const out = Buffer.from(buf.buffer, buf.byteOffset, buf.byteLength);
-    return out.toString();
-  }
-} : {
-  decode(buf) {
-    let out = "";
-    for (let i = 0; i < buf.length; i++) {
-      out += String.fromCharCode(buf[i]);
-    }
-    return out;
-  }
-};
-class StringWriter {
-  constructor() {
-    this.pos = 0;
-    this.out = "";
-    this.buffer = new Uint8Array(bufLength);
-  }
-  write(v) {
-    const { buffer } = this;
-    buffer[this.pos++] = v;
-    if (this.pos === bufLength) {
-      this.out += td.decode(buffer);
-      this.pos = 0;
-    }
-  }
-  flush() {
-    const { buffer, out, pos } = this;
-    return pos > 0 ? out + td.decode(buffer.subarray(0, pos)) : out;
-  }
-}
-function encode(decoded) {
-  const writer = new StringWriter();
-  let sourcesIndex = 0;
-  let sourceLine = 0;
-  let sourceColumn = 0;
-  let namesIndex = 0;
-  for (let i = 0; i < decoded.length; i++) {
-    const line = decoded[i];
-    if (i > 0)
-      writer.write(semicolon);
-    if (line.length === 0)
-      continue;
-    let genColumn = 0;
-    for (let j = 0; j < line.length; j++) {
-      const segment = line[j];
-      if (j > 0)
-        writer.write(comma);
-      genColumn = encodeInteger(writer, segment[0], genColumn);
-      if (segment.length === 1)
-        continue;
-      sourcesIndex = encodeInteger(writer, segment[1], sourcesIndex);
-      sourceLine = encodeInteger(writer, segment[2], sourceLine);
-      sourceColumn = encodeInteger(writer, segment[3], sourceColumn);
-      if (segment.length === 4)
-        continue;
-      namesIndex = encodeInteger(writer, segment[4], namesIndex);
-    }
-  }
-  return writer.flush();
-}
-export {
-  encode
-};