@noma.to/qwik-testing-library 1.0.4 → 1.2.0

package/README.md

@@ -92,6 +92,7 @@ src="https://raw.githubusercontent.com/ianlet/qwik-testing-library/main/high-vol
 - [Setup](#setup)
 - [Examples](#examples)
     - [Qwikstart](#qwikstart)
+    - [Mocking Component Callbacks (experimental)](#mocking-component-callbacks-experimental)
     - [Qwik City - `server$` calls](#qwik-city---server-calls)
 - [Gotchas](#gotchas)
 - [Issues](#issues)
@@ -127,10 +128,10 @@ This module is distributed via [npm][npm] which is bundled with [node][node] and
 should be installed as one of your project's `devDependencies`:
 
 ```shell
-npm install --save-dev @noma.to/qwik-testing-library
+npm install --save-dev @noma.to/qwik-testing-library @testing-library/dom
 ```
 
-This library supports `qwik` versions `1.7.2` and above.
+This library supports `qwik` versions `1.7.2` and above and `@testing-library/dom` versions `10.1.0` and above.
 
 You may also be interested in installing `@testing-library/jest-dom` and `@testing-library/user-event` so you can
 use [the custom jest matchers][jest-dom] and [the user event library][user-event] to test interactions with the DOM.
@@ -156,7 +157,7 @@ npm install --save-dev jsdom
 
 ## Setup
 
-We recommend using `@noma.to/qwik-testing-library` with [Vitest][] as your test
+We recommend using `@noma.to/qwik-testing-library` with [Vitest][vitest] as your test
 runner.
 
 If you haven't done so already, add vitest to your project using Qwik CLI:
@@ -220,7 +221,7 @@ Then, create the `vitest.setup.ts` file:
 ```ts
 // vitest.setup.ts
 
-import {afterEach} from "vitest";
+// Configure DOM matchers to work in Vitest
 import "@testing-library/jest-dom/vitest";
 
 // This has to run before qdev.ts loads. `beforeAll` is too late
@@ -228,17 +229,23 @@ globalThis.qTest = false; // Forces Qwik to run as if it was in a Browser
 globalThis.qRuntimeQrl = true;
 globalThis.qDev = true;
 globalThis.qInspector = false;
-
-afterEach(async () => {
-  const {cleanup} = await import("@noma.to/qwik-testing-library");
-  cleanup();
-});
 ```
 
-This setup will make sure that Qwik is properly configured and that everything gets cleaned after each test.
+This setup will make sure that Qwik is properly configured.
+It also loads `@testing-library/jest-dom/vitest` in your test runner
+so you can use matchers like `expect(...).toBeInTheDocument()`.
+
+By default, Qwik Testing Library cleans everything up automatically for you.
+You can opt out of this by setting the environment variable `QTL_SKIP_AUTO_CLEANUP` to `true`.
+Then in your tests, you can call the `cleanup` function when needed.
+For example:
+
+```ts
+import {cleanup} from "@noma.to/qwik-testing-library";
+import {afterEach} from "vitest";
 
-Additionally, it loads `@testing-library/jest-dom/vitest` in your test runner so you can use matchers like
-`expect(...).toBeInTheDocument()`.
+afterEach(cleanup);
+```
 
 Finally, edit your `tsconfig.json` to declare the following global types:
 
@@ -279,6 +286,8 @@ This is a minimal setup to get you started, with line-by-line explanations.
 
 // import qwik-testing methods
 import {screen, render, waitFor} from "@noma.to/qwik-testing-library";
+// import the userEvent methods to interact with the DOM
+import {userEvent} from "@testing-library/user-event";
 // import the component to be tested
 import {Counter} from "./counter";
 
@@ -286,17 +295,79 @@ import {Counter} from "./counter";
 describe("<Counter />", () => {
   // describe the test case
   it("should increment the counter", async () => {
+    // setup user event
+    const user = userEvent.setup();
     // render the component into the DOM
     await render(<Counter/>);
 
     // retrieve the 'increment count' button
     const incrementBtn = screen.getByRole("button", {name: /increment count/});
     // click the button twice
-    await userEvent.click(incrementBtn);
-    await userEvent.click(incrementBtn);
+    await user.click(incrementBtn);
+    await user.click(incrementBtn);
 
     // assert that the counter is now 2
-    await waitFor(() => expect(screen.getByText(/count:2/)).toBeInTheDocument());
+    await waitFor(() => expect(screen.findByText(/count:2/)).toBeInTheDocument());
+  });
+})
+```
+
+### Mocking Component Callbacks (experimental)
+
+> [!WARNING]
+> 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
+that can be used to create a mock of a QRL and verify interactions on your Qwik components.
+
+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.
+
+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 the userEvent methods to interact with the DOM
+import {userEvent} from "@testing-library/user-event";
+
+// import the component to be tested
+import {Counter} from "./counter";
+
+// describe the test suite
+describe("<Counter />", () => {
+  // initialize a mock
+  // note: the empty callback is required but currently unused
+  const onChangeMock = mock$(() => {
+  });
+
+  // setup beforeEach block to run before each test
+  beforeEach(() => {
+    // remember to always clear all mocks before each test
+    clearAllMocks();
+  });
+
+  // describe the 'on increment' test cases
+  describe("on increment", () => {
+    // describe the test case
+    it("should call onChange$", async () => {
+      // setup user event
+      const user = userEvent.setup();
+      // render the component into the DOM
+      await render(<Counter value={0} onChange$={onChangeMock}/>);
+
+      // retrieve the 'decrement' button
+      const decrementBtn = screen.getByRole("button", {name: "Decrement"});
+      // click the button
+      await user.click(decrementBtn);
+
+      // assert that the onChange$ callback was called with the right value
+      // note: QRLs are async in Qwik, so we need to resolve them to verify interactions
+      await waitFor(() =>
+        expect(onChangeMock.resolve()).resolves.toHaveBeenCalledWith(-1),
+      );
+    });
   });
 })
 ```
@@ -350,7 +421,7 @@ Notice how the mocked function is ending with `Qrl` instead of `$`, despite bein
 This is caused by the Qwik optimizer renaming it to `Qrl`.
 So, we need to mock the `Qrl` function instead of the original `$` one.
 
-If your `server$` function doesn't end with `$`, the Qwik optimizer might not rename it to `Qrl`.
+If your function doesn't end with `$`, the Qwik optimizer will not rename it to `Qrl`.
 
 ## Gotchas
 

package/lib/_virtual/_commonjsHelpers.qwik.cjs

@@ -1,6 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+exports.commonjsGlobal = commonjsGlobal;

package/lib/_virtual/_commonjsHelpers.qwik.mjs

@@ -1,6 +1,4 @@
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 export {
-  getDefaultExportFromCjs
+  commonjsGlobal
 };

package/lib/_virtual/{AsymmetricMatcher.qwik.cjs → sourcemap-codec.umd.qwik.cjs}

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var AsymmetricMatcher = {};
-exports.__exports = AsymmetricMatcher;
+var sourcemapCodec_umd = { exports: {} };
+exports.__module = sourcemapCodec_umd;

package/lib/_virtual/sourcemap-codec.umd.qwik.mjs

@@ -0,0 +1,4 @@
+var sourcemapCodec_umd = { exports: {} };
+export {
+  sourcemapCodec_umd as __module
+};

package/lib/index.qwik.cjs

@@ -1,85 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const qwikTestingLibrary = require("./lib/qwik-testing-library.qwik.cjs");
-const index = require("./node_modules/.pnpm/pretty-format@27.5.1/node_modules/pretty-format/build/index.qwik.cjs");
-const dom_esm = require("./node_modules/.pnpm/@testing-library_dom@10.4.0/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.qwik.cjs");
+const dom = require("@testing-library/dom");
+const mock = require("./lib/mock.qwik.cjs");
 exports.cleanup = qwikTestingLibrary.cleanup;
 exports.render = qwikTestingLibrary.render;
-exports.prettyFormat = index;
-exports.buildQueries = dom_esm.buildQueries;
-exports.configure = dom_esm.configure;
-exports.createEvent = dom_esm.createEvent;
-exports.findAllByAltText = dom_esm.findAllByAltText;
-exports.findAllByDisplayValue = dom_esm.findAllByDisplayValue;
-exports.findAllByLabelText = dom_esm.findAllByLabelText;
-exports.findAllByPlaceholderText = dom_esm.findAllByPlaceholderText;
-exports.findAllByRole = dom_esm.findAllByRole;
-exports.findAllByTestId = dom_esm.findAllByTestId;
-exports.findAllByText = dom_esm.findAllByText;
-exports.findAllByTitle = dom_esm.findAllByTitle;
-exports.findByAltText = dom_esm.findByAltText;
-exports.findByDisplayValue = dom_esm.findByDisplayValue;
-exports.findByLabelText = dom_esm.findByLabelText;
-exports.findByPlaceholderText = dom_esm.findByPlaceholderText;
-exports.findByRole = dom_esm.findByRole;
-exports.findByTestId = dom_esm.findByTestId;
-exports.findByText = dom_esm.findByText;
-exports.findByTitle = dom_esm.findByTitle;
-exports.fireEvent = dom_esm.fireEvent;
-exports.getAllByAltText = dom_esm.getAllByAltText;
-exports.getAllByDisplayValue = dom_esm.getAllByDisplayValue;
-exports.getAllByLabelText = dom_esm.getAllByLabelText;
-exports.getAllByPlaceholderText = dom_esm.getAllByPlaceholderText;
-exports.getAllByRole = dom_esm.getAllByRole;
-exports.getAllByTestId = dom_esm.getAllByTestId;
-exports.getAllByText = dom_esm.getAllByText;
-exports.getAllByTitle = dom_esm.getAllByTitle;
-exports.getByAltText = dom_esm.getByAltText;
-exports.getByDisplayValue = dom_esm.getByDisplayValue;
-exports.getByLabelText = dom_esm.getByLabelText;
-exports.getByPlaceholderText = dom_esm.getByPlaceholderText;
-exports.getByRole = dom_esm.getByRole;
-exports.getByTestId = dom_esm.getByTestId;
-exports.getByText = dom_esm.getByText;
-exports.getByTitle = dom_esm.getByTitle;
-exports.getConfig = dom_esm.getConfig;
-exports.getDefaultNormalizer = dom_esm.getDefaultNormalizer;
-exports.getElementError = dom_esm.getElementError;
-exports.getMultipleElementsFoundError = dom_esm.getMultipleElementsFoundError;
-exports.getNodeText = dom_esm.getNodeText;
-exports.getQueriesForElement = dom_esm.getQueriesForElement;
-exports.getRoles = dom_esm.getRoles;
-exports.getSuggestedQuery = dom_esm.getSuggestedQuery;
-exports.isInaccessible = dom_esm.isInaccessible;
-exports.logDOM = dom_esm.logDOM;
-exports.logRoles = dom_esm.logRoles;
-exports.makeFindQuery = dom_esm.makeFindQuery;
-exports.makeGetAllQuery = dom_esm.makeGetAllQuery;
-exports.makeSingleQuery = dom_esm.makeSingleQuery;
-exports.prettyDOM = dom_esm.prettyDOM;
-exports.queries = dom_esm.queries;
-exports.queryAllByAltText = dom_esm.queryAllByAltText;
-exports.queryAllByAttribute = dom_esm.queryAllByAttribute;
-exports.queryAllByDisplayValue = dom_esm.queryAllByDisplayValue;
-exports.queryAllByLabelText = dom_esm.queryAllByLabelText;
-exports.queryAllByPlaceholderText = dom_esm.queryAllByPlaceholderText;
-exports.queryAllByRole = dom_esm.queryAllByRole;
-exports.queryAllByTestId = dom_esm.queryAllByTestId;
-exports.queryAllByText = dom_esm.queryAllByText;
-exports.queryAllByTitle = dom_esm.queryAllByTitle;
-exports.queryByAltText = dom_esm.queryByAltText;
-exports.queryByAttribute = dom_esm.queryByAttribute;
-exports.queryByDisplayValue = dom_esm.queryByDisplayValue;
-exports.queryByLabelText = dom_esm.queryByLabelText;
-exports.queryByPlaceholderText = dom_esm.queryByPlaceholderText;
-exports.queryByRole = dom_esm.queryByRole;
-exports.queryByTestId = dom_esm.queryByTestId;
-exports.queryByText = dom_esm.queryByText;
-exports.queryByTitle = dom_esm.queryByTitle;
-exports.queryHelpers = dom_esm.queryHelpers;
-exports.screen = dom_esm.screen;
-exports.waitFor = dom_esm.waitFor;
-exports.waitForElementToBeRemoved = dom_esm.waitForElementToBeRemoved;
-exports.within = dom_esm.getQueriesForElement;
-exports.wrapAllByQueryWithSuggestion = dom_esm.wrapAllByQueryWithSuggestion;
-exports.wrapSingleQueryWithSuggestion = dom_esm.wrapSingleQueryWithSuggestion;
+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,
+    get: () => dom[k]
+  });
+});

package/lib/index.qwik.mjs

@@ -1,85 +1,10 @@
 import { cleanup, render } from "./lib/qwik-testing-library.qwik.mjs";
-import * as index from "./node_modules/.pnpm/pretty-format@27.5.1/node_modules/pretty-format/build/index.qwik.mjs";
-import { buildQueries, configure, createEvent, findAllByAltText, findAllByDisplayValue, findAllByLabelText, findAllByPlaceholderText, findAllByRole, findAllByTestId, findAllByText, findAllByTitle, findByAltText, findByDisplayValue, findByLabelText, findByPlaceholderText, findByRole, findByTestId, findByText, findByTitle, fireEvent, getAllByAltText, getAllByDisplayValue, getAllByLabelText, getAllByPlaceholderText, getAllByRole, getAllByTestId, getAllByText, getAllByTitle, getByAltText, getByDisplayValue, getByLabelText, getByPlaceholderText, getByRole, getByTestId, getByText, getByTitle, getConfig, getDefaultNormalizer, getElementError, getMultipleElementsFoundError, getNodeText, getQueriesForElement, getRoles, getSuggestedQuery, isInaccessible, logDOM, logRoles, makeFindQuery, makeGetAllQuery, makeSingleQuery, prettyDOM, queries, queryAllByAltText, queryAllByAttribute, queryAllByDisplayValue, queryAllByLabelText, queryAllByPlaceholderText, queryAllByRole, queryAllByTestId, queryAllByText, queryAllByTitle, queryByAltText, queryByAttribute, queryByDisplayValue, queryByLabelText, queryByPlaceholderText, queryByRole, queryByTestId, queryByText, queryByTitle, queryHelpers, screen, waitFor, waitForElementToBeRemoved, getQueriesForElement as getQueriesForElement2, wrapAllByQueryWithSuggestion, wrapSingleQueryWithSuggestion } from "./node_modules/.pnpm/@testing-library_dom@10.4.0/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.qwik.mjs";
+export * from "@testing-library/dom";
+import { clearAllMocks, mock$, mockQrl } from "./lib/mock.qwik.mjs";
 export {
-  buildQueries,
   cleanup,
-  configure,
-  createEvent,
-  findAllByAltText,
-  findAllByDisplayValue,
-  findAllByLabelText,
-  findAllByPlaceholderText,
-  findAllByRole,
-  findAllByTestId,
-  findAllByText,
-  findAllByTitle,
-  findByAltText,
-  findByDisplayValue,
-  findByLabelText,
-  findByPlaceholderText,
-  findByRole,
-  findByTestId,
-  findByText,
-  findByTitle,
-  fireEvent,
-  getAllByAltText,
-  getAllByDisplayValue,
-  getAllByLabelText,
-  getAllByPlaceholderText,
-  getAllByRole,
-  getAllByTestId,
-  getAllByText,
-  getAllByTitle,
-  getByAltText,
-  getByDisplayValue,
-  getByLabelText,
-  getByPlaceholderText,
-  getByRole,
-  getByTestId,
-  getByText,
-  getByTitle,
-  getConfig,
-  getDefaultNormalizer,
-  getElementError,
-  getMultipleElementsFoundError,
-  getNodeText,
-  getQueriesForElement,
-  getRoles,
-  getSuggestedQuery,
-  isInaccessible,
-  logDOM,
-  logRoles,
-  makeFindQuery,
-  makeGetAllQuery,
-  makeSingleQuery,
-  prettyDOM,
-  index as prettyFormat,
-  queries,
-  queryAllByAltText,
-  queryAllByAttribute,
-  queryAllByDisplayValue,
-  queryAllByLabelText,
-  queryAllByPlaceholderText,
-  queryAllByRole,
-  queryAllByTestId,
-  queryAllByText,
-  queryAllByTitle,
-  queryByAltText,
-  queryByAttribute,
-  queryByDisplayValue,
-  queryByLabelText,
-  queryByPlaceholderText,
-  queryByRole,
-  queryByTestId,
-  queryByText,
-  queryByTitle,
-  queryHelpers,
-  render,
-  screen,
-  waitFor,
-  waitForElementToBeRemoved,
-  getQueriesForElement2 as within,
-  wrapAllByQueryWithSuggestion,
-  wrapSingleQueryWithSuggestion
+  clearAllMocks,
+  mock$,
+  mockQrl,
+  render
 };

package/lib/lib/mock.qwik.cjs

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

package/lib/lib/mock.qwik.mjs

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

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

@@ -23,8 +23,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
-const dom_esm = require("../node_modules/.pnpm/@testing-library_dom@10.4.0/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.qwik.cjs");
+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(() => {
+      cleanup();
+    });
+  }
+}
 const mountedContainers = /* @__PURE__ */ new Set();
 async function render(ui, options = {}) {
   const qwik = await import("@builder.io/qwik");
@@ -59,12 +67,12 @@ async function render(ui, options = {}) {
         return template.content;
       }
     },
-    debug: (el = baseElement, maxLength, options2) => Array.isArray(el) ? el.forEach((e) => console.log(dom_esm.prettyDOM(e, maxLength, options2))) : console.log(dom_esm.prettyDOM(el, maxLength, {
+    debug: (el = baseElement, maxLength, options2) => Array.isArray(el) ? el.forEach((e) => console.log(dom.prettyDOM(e, maxLength, options2))) : console.log(dom.prettyDOM(el, maxLength, {
       ...options2,
       filterNode: () => true
     })),
     unmount: cleanup2,
-    ...dom_esm.getQueriesForElement(container, queries)
+    ...dom.getQueriesForElement(container, queries)
   };
 }
 function cleanupAtContainer(ref) {
@@ -78,82 +86,14 @@ function cleanupAtContainer(ref) {
 function cleanup() {
   mountedContainers.forEach(cleanupAtContainer);
 }
-exports.buildQueries = dom_esm.buildQueries;
-exports.configure = dom_esm.configure;
-exports.createEvent = dom_esm.createEvent;
-exports.findAllByAltText = dom_esm.findAllByAltText;
-exports.findAllByDisplayValue = dom_esm.findAllByDisplayValue;
-exports.findAllByLabelText = dom_esm.findAllByLabelText;
-exports.findAllByPlaceholderText = dom_esm.findAllByPlaceholderText;
-exports.findAllByRole = dom_esm.findAllByRole;
-exports.findAllByTestId = dom_esm.findAllByTestId;
-exports.findAllByText = dom_esm.findAllByText;
-exports.findAllByTitle = dom_esm.findAllByTitle;
-exports.findByAltText = dom_esm.findByAltText;
-exports.findByDisplayValue = dom_esm.findByDisplayValue;
-exports.findByLabelText = dom_esm.findByLabelText;
-exports.findByPlaceholderText = dom_esm.findByPlaceholderText;
-exports.findByRole = dom_esm.findByRole;
-exports.findByTestId = dom_esm.findByTestId;
-exports.findByText = dom_esm.findByText;
-exports.findByTitle = dom_esm.findByTitle;
-exports.fireEvent = dom_esm.fireEvent;
-exports.getAllByAltText = dom_esm.getAllByAltText;
-exports.getAllByDisplayValue = dom_esm.getAllByDisplayValue;
-exports.getAllByLabelText = dom_esm.getAllByLabelText;
-exports.getAllByPlaceholderText = dom_esm.getAllByPlaceholderText;
-exports.getAllByRole = dom_esm.getAllByRole;
-exports.getAllByTestId = dom_esm.getAllByTestId;
-exports.getAllByText = dom_esm.getAllByText;
-exports.getAllByTitle = dom_esm.getAllByTitle;
-exports.getByAltText = dom_esm.getByAltText;
-exports.getByDisplayValue = dom_esm.getByDisplayValue;
-exports.getByLabelText = dom_esm.getByLabelText;
-exports.getByPlaceholderText = dom_esm.getByPlaceholderText;
-exports.getByRole = dom_esm.getByRole;
-exports.getByTestId = dom_esm.getByTestId;
-exports.getByText = dom_esm.getByText;
-exports.getByTitle = dom_esm.getByTitle;
-exports.getConfig = dom_esm.getConfig;
-exports.getDefaultNormalizer = dom_esm.getDefaultNormalizer;
-exports.getElementError = dom_esm.getElementError;
-exports.getMultipleElementsFoundError = dom_esm.getMultipleElementsFoundError;
-exports.getNodeText = dom_esm.getNodeText;
-exports.getQueriesForElement = dom_esm.getQueriesForElement;
-exports.getRoles = dom_esm.getRoles;
-exports.getSuggestedQuery = dom_esm.getSuggestedQuery;
-exports.isInaccessible = dom_esm.isInaccessible;
-exports.logDOM = dom_esm.logDOM;
-exports.logRoles = dom_esm.logRoles;
-exports.makeFindQuery = dom_esm.makeFindQuery;
-exports.makeGetAllQuery = dom_esm.makeGetAllQuery;
-exports.makeSingleQuery = dom_esm.makeSingleQuery;
-exports.prettyDOM = dom_esm.prettyDOM;
-exports.queries = dom_esm.queries;
-exports.queryAllByAltText = dom_esm.queryAllByAltText;
-exports.queryAllByAttribute = dom_esm.queryAllByAttribute;
-exports.queryAllByDisplayValue = dom_esm.queryAllByDisplayValue;
-exports.queryAllByLabelText = dom_esm.queryAllByLabelText;
-exports.queryAllByPlaceholderText = dom_esm.queryAllByPlaceholderText;
-exports.queryAllByRole = dom_esm.queryAllByRole;
-exports.queryAllByTestId = dom_esm.queryAllByTestId;
-exports.queryAllByText = dom_esm.queryAllByText;
-exports.queryAllByTitle = dom_esm.queryAllByTitle;
-exports.queryByAltText = dom_esm.queryByAltText;
-exports.queryByAttribute = dom_esm.queryByAttribute;
-exports.queryByDisplayValue = dom_esm.queryByDisplayValue;
-exports.queryByLabelText = dom_esm.queryByLabelText;
-exports.queryByPlaceholderText = dom_esm.queryByPlaceholderText;
-exports.queryByRole = dom_esm.queryByRole;
-exports.queryByTestId = dom_esm.queryByTestId;
-exports.queryByText = dom_esm.queryByText;
-exports.queryByTitle = dom_esm.queryByTitle;
-exports.queryHelpers = dom_esm.queryHelpers;
-exports.screen = dom_esm.screen;
-exports.waitFor = dom_esm.waitFor;
-exports.waitForElementToBeRemoved = dom_esm.waitForElementToBeRemoved;
-exports.within = dom_esm.getQueriesForElement;
-exports.wrapAllByQueryWithSuggestion = dom_esm.wrapAllByQueryWithSuggestion;
-exports.wrapSingleQueryWithSuggestion = dom_esm.wrapSingleQueryWithSuggestion;
+exports.clearAllMocks = mock.clearAllMocks;
+exports.mock$ = mock.mock$;
+exports.mockQrl = mock.mockQrl;
 exports.cleanup = cleanup;
 exports.render = render;
+Object.keys(dom).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => dom[k]
+  });
+});

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

@@ -1,12 +1,20 @@
 import { jsx } from "@builder.io/qwik/jsx-runtime";
-import { prettyDOM, getQueriesForElement } from "../node_modules/.pnpm/@testing-library_dom@10.4.0/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.qwik.mjs";
-import { buildQueries, configure, createEvent, findAllByAltText, findAllByDisplayValue, findAllByLabelText, findAllByPlaceholderText, findAllByRole, findAllByTestId, findAllByText, findAllByTitle, findByAltText, findByDisplayValue, findByLabelText, findByPlaceholderText, findByRole, findByTestId, findByText, findByTitle, fireEvent, getAllByAltText, getAllByDisplayValue, getAllByLabelText, getAllByPlaceholderText, getAllByRole, getAllByTestId, getAllByText, getAllByTitle, getByAltText, getByDisplayValue, getByLabelText, getByPlaceholderText, getByRole, getByTestId, getByText, getByTitle, getConfig, getDefaultNormalizer, getElementError, getMultipleElementsFoundError, getNodeText, getRoles, getSuggestedQuery, isInaccessible, logDOM, logRoles, makeFindQuery, makeGetAllQuery, makeSingleQuery, queries, queryAllByAltText, queryAllByAttribute, queryAllByDisplayValue, queryAllByLabelText, queryAllByPlaceholderText, queryAllByRole, queryAllByTestId, queryAllByText, queryAllByTitle, queryByAltText, queryByAttribute, queryByDisplayValue, queryByLabelText, queryByPlaceholderText, queryByRole, queryByTestId, queryByText, queryByTitle, queryHelpers, screen, waitFor, waitForElementToBeRemoved, wrapAllByQueryWithSuggestion, wrapSingleQueryWithSuggestion } from "../node_modules/.pnpm/@testing-library_dom@10.4.0/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.qwik.mjs";
+import { prettyDOM, getQueriesForElement } 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(() => {
+      cleanup();
+    });
+  }
+}
 const mountedContainers = /* @__PURE__ */ new Set();
 async function render(ui, options = {}) {
   const qwik = await import("@builder.io/qwik");
   let { container, baseElement = container, wrapper: Wrapper } = options;
-  const { queries: queries2, serverData } = options;
+  const { queries, serverData } = options;
   if (!baseElement) {
     baseElement = document.body;
   }
@@ -41,7 +49,7 @@ async function render(ui, options = {}) {
       filterNode: () => true
     })),
     unmount: cleanup2,
-    ...getQueriesForElement(container, queries2)
+    ...getQueriesForElement(container, queries)
   };
 }
 function cleanupAtContainer(ref) {
@@ -56,83 +64,9 @@ function cleanup() {
   mountedContainers.forEach(cleanupAtContainer);
 }
 export {
-  buildQueries,
   cleanup,
-  configure,
-  createEvent,
-  findAllByAltText,
-  findAllByDisplayValue,
-  findAllByLabelText,
-  findAllByPlaceholderText,
-  findAllByRole,
-  findAllByTestId,
-  findAllByText,
-  findAllByTitle,
-  findByAltText,
-  findByDisplayValue,
-  findByLabelText,
-  findByPlaceholderText,
-  findByRole,
-  findByTestId,
-  findByText,
-  findByTitle,
-  fireEvent,
-  getAllByAltText,
-  getAllByDisplayValue,
-  getAllByLabelText,
-  getAllByPlaceholderText,
-  getAllByRole,
-  getAllByTestId,
-  getAllByText,
-  getAllByTitle,
-  getByAltText,
-  getByDisplayValue,
-  getByLabelText,
-  getByPlaceholderText,
-  getByRole,
-  getByTestId,
-  getByText,
-  getByTitle,
-  getConfig,
-  getDefaultNormalizer,
-  getElementError,
-  getMultipleElementsFoundError,
-  getNodeText,
-  getQueriesForElement,
-  getRoles,
-  getSuggestedQuery,
-  isInaccessible,
-  logDOM,
-  logRoles,
-  makeFindQuery,
-  makeGetAllQuery,
-  makeSingleQuery,
-  prettyDOM,
-  queries,
-  queryAllByAltText,
-  queryAllByAttribute,
-  queryAllByDisplayValue,
-  queryAllByLabelText,
-  queryAllByPlaceholderText,
-  queryAllByRole,
-  queryAllByTestId,
-  queryAllByText,
-  queryAllByTitle,
-  queryByAltText,
-  queryByAttribute,
-  queryByDisplayValue,
-  queryByLabelText,
-  queryByPlaceholderText,
-  queryByRole,
-  queryByTestId,
-  queryByText,
-  queryByTitle,
-  queryHelpers,
-  render,
-  screen,
-  waitFor,
-  waitForElementToBeRemoved,
-  getQueriesForElement as within,
-  wrapAllByQueryWithSuggestion,
-  wrapSingleQueryWithSuggestion
+  clearAllMocks,
+  mock$,
+  mockQrl,
+  render
 };