@noma.to/qwik-testing-library 1.5.0 → 1.5.1

package/README.md

@@ -169,56 +169,19 @@ npm install --save-dev vitest
 ```
 
 After that, we need to configure Vitest so it can run your tests.
-For this, create a _separate_ `vitest.config.ts` so you don't have to modify your project's `vite.config.ts`:
+Add the `test` section to your `vite.config.ts`:
 
 ```ts
-// vitest.config.ts
-
-import {defineConfig, mergeConfig} from "vitest/config";
-import viteConfig from "./vite.config";
-
-export default defineConfig((configEnv) =>
-  mergeConfig(
-    viteConfig(configEnv),
-    defineConfig({
-      // qwik-testing-library needs to consider your project as a Qwik lib
-      // if it's already a Qwik lib, you can remove this section
-      build: {
-        target: "es2020",
-        lib: {
-          entry: "./src/index.ts",
-          formats: ["es", "cjs"],
-          fileName: (format, entryName) =>
-            `${entryName}.qwik.${format === "es" ? "mjs" : "cjs"}`,
-        },
-      },
-      // configure your test environment
-      test: {
-        environment: "jsdom", // or "happy-dom"
-        setupFiles: [
-          "@noma.to/qwik-testing-library/setup",
-          "@testing-library/jest-dom/vitest", // optional, for DOM matchers
-        ],
-        globals: true,
-      },
-    }),
-  ),
-);
-```
-
-For now, `qwik-testing-library` needs to consider your project as a lib ([PR welcomed][prs] to simplify this).
-Hence, the `build.lib` section in the config above.
-
-As the build will try to use `./src/index.ts` as the entry point, we need to create it:
-
-```ts
-// ./src/index.ts
-
-/**
- * DO NOT DELETE THIS FILE
- *
- * This entrypoint is needed by @noma.to/qwik-testing-library to run your tests
- */
+// vite.config.ts
+
+test: {
+  environment: "jsdom", // or "happy-dom"
+  setupFiles: [
+    "@noma.to/qwik-testing-library/setup",
+    "@testing-library/jest-dom/vitest", // optional, for DOM matchers
+  ],
+  globals: true,
+},
 ```
 
 The `@noma.to/qwik-testing-library/setup` module configures Qwik globals (`qTest`, `qRuntimeQrl`, `qDev`,

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

@@ -55,21 +55,17 @@ async function render(ui, options = {}) {
     baseElement = document.body;
   }
   if (!container) {
-    container = baseElement.insertBefore(document.createElement("host"), baseElement.firstChild);
+    container = baseElement.insertBefore(
+      document.createElement("host"),
+      baseElement.firstChild
+    );
   }
-  const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsxRuntime.jsx(Wrapper, {
-    children: ui
-  });
+  const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsxRuntime.jsx(Wrapper, { children: ui });
   const doc = baseElement.ownerDocument;
   const win = doc.defaultView;
   new Function("document", "window", server.getQwikLoaderScript())(doc, win);
-  const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, {
-    serverData
-  });
-  mountedContainers.add({
-    container,
-    componentCleanup: cleanup2
-  });
+  const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, { serverData });
+  mountedContainers.add({ container, componentCleanup: cleanup2 });
   return {
     container,
     baseElement,
@@ -82,10 +78,9 @@ async function render(ui, options = {}) {
         return template.content;
       }
     },
-    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
-    })),
+    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.getQueriesForElement(container, queries)
   };

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

@@ -32,21 +32,17 @@ async function render(ui, options = {}) {
     baseElement = document.body;
   }
   if (!container) {
-    container = baseElement.insertBefore(document.createElement("host"), baseElement.firstChild);
+    container = baseElement.insertBefore(
+      document.createElement("host"),
+      baseElement.firstChild
+    );
   }
-  const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsx(Wrapper, {
-    children: ui
-  });
+  const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsx(Wrapper, { children: ui });
   const doc = baseElement.ownerDocument;
   const win = doc.defaultView;
   new Function("document", "window", getQwikLoaderScript())(doc, win);
-  const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, {
-    serverData
-  });
-  mountedContainers.add({
-    container,
-    componentCleanup: cleanup2
-  });
+  const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, { serverData });
+  mountedContainers.add({ container, componentCleanup: cleanup2 });
   return {
     container,
     baseElement,
@@ -59,10 +55,9 @@ async function render(ui, options = {}) {
         return template.content;
       }
     },
-    debug: (el = baseElement, maxLength, options2) => Array.isArray(el) ? el.forEach((e) => console.log(prettyDOM(e, maxLength, options2))) : console.log(prettyDOM(el, maxLength, {
-      ...options2,
-      filterNode: () => true
-    })),
+    debug: (el = baseElement, maxLength, options2) => Array.isArray(el) ? el.forEach((e) => console.log(prettyDOM(e, maxLength, options2))) : console.log(
+      prettyDOM(el, maxLength, { ...options2, filterNode: () => true })
+    ),
     unmount: cleanup2,
     ...getQueriesForElement(container, queries)
   };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@noma.to/qwik-testing-library",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "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",
   "license": "MIT",
   "main": "./lib/index.qwik.mjs",
-  "qwik": "./lib/index.qwik.mjs",
   "types": "./lib-types/index.d.ts",
+  "qwik": "./lib/index.qwik.mjs",
   "exports": {
     ".": {
       "types": "./lib-types/index.d.ts",