vitest-browser-qwik 0.2.2 → 0.3.0

package/README.md

@@ -43,7 +43,7 @@ export default defineConfig({
 
 ```tsx
 import { defineConfig } from 'vitest/config'
-import { qwikVite } from '@builder.io/qwik/optimizer'
+import { qwikVite } from '@qwik.dev/core/optimizer'
 
 // optional, run the tests in SSR mode
 import { testSSR } from 'vitest-browser-qwik/ssr-plugin'
@@ -97,7 +97,7 @@ test('renders counter with SSR', async () => {
 ### Hook Testing Example
 
 ```tsx
-import { useSignal } from "@builder.io/qwik";
+import { useSignal } from "@qwik.dev/core";
 import { expect, test } from "vitest";
 import { renderHook } from "vitest-browser-qwik";
 import { useCounter } from "./fixtures/useCounter";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { a as cleanup, c as renderServerHTML, i as SSRRenderOptions, o as render, r as RenderResult, s as renderHook } from "./pure-1MgDxC6b.js";
-import { JSXOutput } from "@builder.io/qwik";
+import { a as cleanup, c as renderServerHTML, i as SSRRenderOptions, o as render, r as RenderResult, s as renderHook } from "./pure-dqI6lsdL.js";
+import { JSXOutput } from "@qwik.dev/core";
 
 //#region src/index.d.ts
 declare function renderSSR(jsxNode: JSXOutput): Promise<RenderResult>;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-BRpTMupH.js";
+import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-B8VHRLBL.js";
 import { beforeEach } from "vitest";
 import { page } from "vitest/browser";
 

package/dist/{pure-BRpTMupH.js → pure-B8VHRLBL.js}

@@ -1,7 +1,7 @@
 import { utils } from "vitest/browser";
-import { component$, render } from "@builder.io/qwik";
-import { getQwikLoaderScript } from "@builder.io/qwik/server";
-import { jsx } from "@builder.io/qwik/jsx-runtime";
+import { component$, render } from "@qwik.dev/core";
+import { getQwikLoaderScript } from "@qwik.dev/core/server";
+import { jsx } from "@qwik.dev/core/jsx-runtime";
 
 //#region src/pure.tsx
 const { debug, getElementLocatorSelectors } = utils;
@@ -40,10 +40,10 @@ function setupContainer(baseElement, container) {
 		baseElement
 	};
 }
-function render$1(ui, { container, baseElement } = {}) {
+async function render$1(ui, { container, baseElement } = {}) {
 	csrQwikLoader();
 	const setup = setupContainer(baseElement, container);
-	render(setup.container, ui);
+	await render(setup.container, ui);
 	return createRenderResult(setup.container, setup.baseElement);
 }
 function setHTMLWithScripts(container, html) {
@@ -66,7 +66,7 @@ async function renderHook(hook) {
 	const renderPromise = new Promise((resolve) => {
 		resolveRender = resolve;
 	});
-	const screen = render$1(/* @__PURE__ */ jsx(component$(() => {
+	const screen = await render$1(/* @__PURE__ */ jsx(component$(() => {
 		resultContainer.value = hook();
 		resolveRender();
 		return /* @__PURE__ */ jsx("div", { "data-testid": "hook-result" });

package/dist/{pure-1MgDxC6b.d.ts → pure-dqI6lsdL.d.ts}

@@ -1,5 +1,5 @@
 import { Locator, LocatorSelectors, PrettyDOMOptions } from "vitest/browser";
-import { JSXOutput } from "@builder.io/qwik";
+import { JSXOutput } from "@qwik.dev/core";
 
 //#region src/pure.d.ts
 interface RenderResult extends LocatorSelectors {
@@ -20,7 +20,7 @@ interface SSRRenderOptions {
 declare function render$1(ui: JSXOutput, {
   container,
   baseElement
-}?: RenderOptions): RenderResult;
+}?: RenderOptions): Promise<RenderResult>;
 declare function renderServerHTML(html: string, {
   container,
   baseElement

package/dist/pure.d.ts

@@ -1,2 +1,2 @@
-import { a as cleanup, c as renderServerHTML, i as SSRRenderOptions, n as RenderOptions, o as render, r as RenderResult, s as renderHook, t as RenderHookResult } from "./pure-1MgDxC6b.js";
+import { a as cleanup, c as renderServerHTML, i as SSRRenderOptions, n as RenderOptions, o as render, r as RenderResult, s as renderHook, t as RenderHookResult } from "./pure-dqI6lsdL.js";
 export { RenderHookResult, RenderOptions, RenderResult, SSRRenderOptions, cleanup, render, renderHook, renderServerHTML };

package/dist/pure.js

@@ -1,3 +1,3 @@
-import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-BRpTMupH.js";
+import { i as renderServerHTML, n as render, r as renderHook, t as cleanup } from "./pure-B8VHRLBL.js";
 
 export { cleanup, render, renderHook, renderServerHTML };

package/dist/ssr-plugin.js

@@ -1,5 +1,4 @@
 import { dirname, relative, resolve } from "node:path";
-import { symbolMapper } from "@builder.io/qwik/optimizer";
 import MagicString from "magic-string";
 import { parseSync } from "oxc-parser";
 import { ResolverFactory } from "oxc-resolver";
@@ -212,21 +211,48 @@ function hasCommandsImport(node) {
 	if (!isImportDeclaration(node) || node.source?.value !== "vitest/browser" || !node.specifiers) return false;
 	return node.specifiers.some((spec) => spec.type === "ImportSpecifier" && spec.imported.type === "Identifier" && spec.imported.name === "commands");
 }
+const getClientModule = async (viteServer, moduleId) => {
+	const clientEnv = viteServer.environments.client;
+	await clientEnv.fetchModule(moduleId);
+	const resolved = await clientEnv.moduleGraph.resolveUrl(moduleId);
+	if (!resolved) throw new Error(`Could not resolve module "${moduleId}" in client environment`);
+	const module = clientEnv.moduleGraph.getModuleById(resolved[1]);
+	console.log("Resolved client module", moduleId, resolved, module);
+	if (!module) throw new Error(`Module "${moduleId}" not found in client module graph.`);
+	return module;
+};
 async function renderComponentToSSR(ctx, Component, props = {}) {
 	const viteServer = ctx.project.vite;
-	const { jsx } = await viteServer.ssrLoadModule("@builder.io/qwik");
+	const { jsx } = await viteServer.ssrLoadModule("@qwik.dev/core");
 	const jsxElement = jsx(Component, props);
-	const { renderToStream } = await viteServer.ssrLoadModule("@builder.io/qwik/server");
-	let html = "";
+	const { renderToStream } = await viteServer.ssrLoadModule("@qwik.dev/core/server");
+	const mapping = {};
+	const module = await getClientModule(viteServer, ctx.testPath);
+	for (const importedModule of module?.importedModules || []) {
+		const meta = importedModule.info?.meta;
+		if (meta?.segment) {
+			const symbol = meta.segment.hash;
+			if (symbol) mapping[symbol] = `/@fs${importedModule.id}`;
+		}
+	}
+	const handlersId = (await getClientModule(viteServer, "@qwik.dev/core/handlers.mjs")).id;
+	const handlersExports = await viteServer.ssrLoadModule("@qwik.dev/core/handlers.mjs");
+	for (const key of Object.keys(handlersExports)) if (key.startsWith("_")) mapping[key] = handlersId;
+	const qwikManifest = {
+		manifestHash: "dev",
+		mapping
+	};
+	console.log(mapping);
+	let html = "<script>var _import=(s)=>{console.log('importing', s);return import(s)}<\/script>";
 	await renderToStream(jsxElement, {
+		manifest: qwikManifest,
 		containerTagName: "div",
 		base: "/",
-		qwikLoader: { include: "always" },
-		symbolMapper: globalThis.qwikSymbolMapper,
 		stream: { write(chunk) {
-			html += chunk;
+			html += chunk.replace(/=import\(/g, "=_import(");
 		} }
 	});
+	console.log("FINAL HTML", html);
 	return { html };
 }
 
@@ -377,7 +403,6 @@ function testSSR() {
 			}
 		},
 		configResolved(config) {
-			globalThis.qwikSymbolMapper = symbolMapper;
 			if (config.test?.browser?.enabled) config.test.browser.commands = {
 				...config.test.browser.commands,
 				renderSSR: renderSSRCommand,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitest-browser-qwik",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Render Qwik components using Vitest Browser Mode",
   "type": "module",
   "license": "MIT",
@@ -40,26 +40,26 @@
   },
   "dependencies": {
     "@oxc-project/types": "^0.95.0",
-    "magic-string": "^0.30.21",
+    "magic-string": "^0.30.17",
     "oxc-parser": "^0.95.0",
-    "oxc-resolver": "^11.16.2"
+    "oxc-resolver": "^11.11.1"
   },
   "peerDependencies": {
-    "@builder.io/qwik": ">=1.14.1",
+    "@qwik.dev/core": "*",
     "vite": ">=6.3.5",
-    "vitest": "^4.0.0"
+    "vitest": "^4.0.18"
   },
   "devDependencies": {
     "@biomejs/biome": "2.0.0",
-    "@builder.io/qwik": "^1.18.0",
-    "@playwright/test": "1.52.0",
-    "@types/node": "^22.19.3",
+    "@playwright/test": "see flake.nix",
+    "@qwik.dev/core": "*",
+    "@types/node": "^22.15.17",
     "@vitest/browser-playwright": "^4.0.18",
-    "bumpp": "^10.3.2",
-    "ignore": "^7.0.5",
     "magic-regexp": "^0.10.0",
-    "tsdown": "^0.15.12",
-    "typescript": "^5.9.3",
+    "bumpp": "^10.1.0",
+    "ignore": "^7.0.5",
+    "tsdown": "^0.15.9",
+    "typescript": "^5.8.3",
     "vitest": "^4.0.18"
   },
   "scripts": {