@testspectra/react 1.1.8-rc.22 → 1.1.8-rc.23

package/dist/cli.js

@@ -1,37 +1,149 @@
 // src/cli.ts
+import { existsSync as existsSync2 } from "node:fs";
+import path2 from "node:path";
+import { fileURLToPath } from "node:url";
 import spawn from "cross-spawn";
+
+// src/config_generator.ts
+import { existsSync, mkdtempSync, readdirSync, rmSync, writeFileSync } from "node:fs";
+import { createRequire } from "node:module";
+import os from "node:os";
 import path from "node:path";
-import { fileURLToPath } from "node:url";
+import { pathToFileURL } from "node:url";
+function buildAutoImportManifest(root) {
+  function scanEntityDir(subdir, filePattern) {
+    const dir = path.join(root, subdir);
+    if (!existsSync(dir)) return [];
+    const entries = [];
+    for (const name of readdirSync(dir, { withFileTypes: true })) {
+      if (!name.isDirectory()) continue;
+      for (const platform of ["web", "common"]) {
+        for (const ext of ["tsx", "ts"]) {
+          const candidate = path.join(dir, name.name, filePattern(platform).replace(/\.tsx?$/, `.${ext}`));
+          if (existsSync(candidate)) {
+            entries.push({ name: name.name, path: candidate.replace(/\\/g, "/") });
+            break;
+          }
+        }
+        if (entries.at(-1)?.name === name.name) break;
+      }
+    }
+    return entries;
+  }
+  function scanFixtures() {
+    const dir = path.join(root, "fixtures");
+    if (!existsSync(dir)) return [];
+    return readdirSync(dir).filter((f) => f.endsWith(".json")).map((f) => ({ name: f.replace(/\.json$/, ""), path: path.join(dir, f).replace(/\\/g, "/") }));
+  }
+  return {
+    pageObjects: scanEntityDir("page-objects", (p) => `${p}.tsx`),
+    steps: scanEntityDir("support/steps", (p) => `${p}.step.tsx`),
+    fixtures: scanFixtures()
+  };
+}
+function generateVitestConfig(opts) {
+  const req = createRequire(path.join(opts.packageDir, "package.json"));
+  const reactPluginUrl = pathToFileURL(req.resolve("@vitejs/plugin-react")).href;
+  const vitestConfigUrl = pathToFileURL(req.resolve("vitest/config")).href;
+  const manifest = buildAutoImportManifest(opts.testRoot);
+  const setupFile = path.join(opts.packageDir, "dist/setup.js").replace(/\\/g, "/");
+  const normalizedPackageDir = opts.packageDir.replace(/\\/g, "/");
+  const normalizedTestRoot = opts.testRoot.replace(/\\/g, "/");
+  const configContent = `import react from '${reactPluginUrl}';
+import { defineConfig } from '${vitestConfigUrl}';
+
+export default defineConfig({
+  root: ${JSON.stringify(normalizedPackageDir)},
+  plugins: [react()],
+  define: {
+    __TESTSPECTRA_AUTO_IMPORT_MANIFEST__: ${JSON.stringify(JSON.stringify(manifest))},
+    __TESTSPECTRA_STEP_DELAY_MS__: ${JSON.stringify(opts.stepDelayMs)},
+    __TESTSPECTRA_SEMANTIC_REPORTER__: ${JSON.stringify(opts.semanticReporter)},
+  },
+  optimizeDeps: {
+    include: [
+      'react',
+      'react-dom',
+      'react-dom/client',
+      '@testing-library/react',
+      '@testing-library/user-event',
+    ],
+  },
+  server: {
+    fs: {
+      allow: [
+        ${JSON.stringify(normalizedPackageDir)},
+        ${JSON.stringify(normalizedTestRoot)},
+      ],
+    },
+  },
+  test: {
+    globals: true,
+    setupFiles: [${JSON.stringify(setupFile)}],
+    reporters: ${opts.semanticReporter ? "[]" : "'default'"},
+    dir: ${JSON.stringify(normalizedTestRoot)},
+    include: ['specs/**/web.test.tsx', 'specs/**/*.test.tsx'],
+    browser: {
+      enabled: true,
+      provider: 'playwright',
+      name: 'chromium',
+      headless: ${opts.headless},
+      fileParallelism: ${opts.fileParallelism},
+      ${opts.browserExecutable ? `providerOptions: { launch: { executablePath: ${JSON.stringify(opts.browserExecutable)} } },` : ""}
+    },
+  },
+});
+`;
+  const tmpDir = mkdtempSync(path.join(os.tmpdir(), "testspectra-react-"));
+  const configPath = path.join(tmpDir, "vitest.config.mjs");
+  writeFileSync(configPath, configContent, "utf-8");
+  return {
+    configPath,
+    cleanup: () => {
+      try {
+        rmSync(tmpDir, { recursive: true, force: true });
+      } catch {
+      }
+    }
+  };
+}
+
+// src/cli.ts
 async function runComponentTests(options = {}) {
   const rawCwd = options.cwd ?? process.cwd();
-  const cwd = path.resolve(rawCwd);
-  const configPath = fileURLToPath(new URL("../vitest.config.ts", import.meta.url));
+  const cwd = path2.resolve(rawCwd);
+  const packageDir = fileURLToPath(new URL("..", import.meta.url));
   const ext = process.platform === "win32" ? ".cmd" : "";
-  const vitestBin = fileURLToPath(new URL(`../node_modules/.bin/vitest${ext}`, import.meta.url));
+  const localVitestBin = fileURLToPath(new URL(`../node_modules/.bin/vitest${ext}`, import.meta.url));
+  const consumerVitestBin = path2.join(cwd, `node_modules/.bin/vitest${ext}`);
+  const vitestBin = existsSync2(localVitestBin) ? localVitestBin : consumerVitestBin;
+  const semanticReporter = Boolean(options.onLine);
+  const { configPath, cleanup } = generateVitestConfig({
+    packageDir,
+    testRoot: cwd,
+    headless: options.headless !== false,
+    stepDelayMs: options.stepDelayMs ?? 0,
+    semanticReporter,
+    fileParallelism: options.concurrency !== 1,
+    browserExecutable: options.browserExecutablePath
+  });
   const args = ["run", "--config", configPath];
   if (options.outputFile) {
     args.push("--reporter=default", "--reporter=json", `--outputFile.json=${options.outputFile}`);
   }
   if (options.spec) {
     let specPattern = options.spec.replace(/\\/g, "/");
-    if (path.isAbsolute(options.spec)) {
-      specPattern = path.relative(cwd, options.spec).replace(/\\/g, "/");
+    if (path2.isAbsolute(options.spec)) {
+      specPattern = path2.relative(cwd, options.spec).replace(/\\/g, "/");
     }
     args.push(specPattern);
   }
-  const semanticReporter = Boolean(options.onLine);
   return new Promise((resolve) => {
     const child = spawn(vitestBin, args, {
       stdio: semanticReporter ? ["inherit", "pipe", "pipe"] : "inherit",
       cwd,
       env: {
-        ...process.env,
-        TESTSPECTRA_TEST_ROOT: cwd.replace(/\\/g, "/"),
-        TESTSPECTRA_HEADLESS: options.headless === false ? "false" : "true",
-        TESTSPECTRA_STEP_DELAY: String(options.stepDelayMs ?? 0),
-        TESTSPECTRA_FILE_PARALLELISM: options.concurrency === 1 ? "false" : "true",
-        ...options.browserExecutablePath ? { TESTSPECTRA_BROWSER_EXECUTABLE: options.browserExecutablePath } : {},
-        TESTSPECTRA_SEMANTIC_REPORTER: semanticReporter ? "1" : "0"
+        ...process.env
       }
     });
     if (semanticReporter) {
@@ -43,8 +155,12 @@ async function runComponentTests(options = {}) {
       child.stdout?.on("data", handleData);
       child.stderr?.on("data", handleData);
     }
-    child.on("exit", (code) => resolve(code === 0));
+    child.on("exit", (code) => {
+      cleanup();
+      resolve(code === 0);
+    });
     child.on("error", (err) => {
+      cleanup();
       console.error(err);
       resolve(false);
     });

package/dist/index.js

@@ -317,9 +317,13 @@ var DomDriverBridge = class {
 };
 
 // src/mount.ts
-import { createRoot } from "react-dom/client";
+import * as ReactDOMClient from "react-dom/client";
 var ROOT_ID = "spectra-root";
 var cachedRoot = null;
+function getCreateRoot() {
+  const client = ReactDOMClient;
+  return client.createRoot || client.default?.createRoot || client.default;
+}
 function ensureContainer() {
   let container = document.getElementById(ROOT_ID);
   if (!container) {
@@ -332,7 +336,8 @@ function ensureContainer() {
 async function mount(element) {
   const container = ensureContainer();
   if (!cachedRoot) {
-    cachedRoot = createRoot(container);
+    const createRootFn = getCreateRoot();
+    cachedRoot = createRootFn(container);
   }
   const componentName = (typeof element.type === "string" ? element.type : element.type?.displayName || element.type?.name) || "component";
   return globalThis.__TS_RUNTIME__.trackStep(
@@ -347,39 +352,151 @@ async function mount(element) {
 }
 
 // src/cli.ts
+import { existsSync as existsSync2 } from "node:fs";
+import path2 from "node:path";
+import { fileURLToPath } from "node:url";
 import spawn from "cross-spawn";
+
+// src/config_generator.ts
+import { existsSync, mkdtempSync, readdirSync, rmSync, writeFileSync } from "node:fs";
+import { createRequire } from "node:module";
+import os from "node:os";
 import path from "node:path";
-import { fileURLToPath } from "node:url";
+import { pathToFileURL } from "node:url";
+function buildAutoImportManifest(root) {
+  function scanEntityDir(subdir, filePattern) {
+    const dir = path.join(root, subdir);
+    if (!existsSync(dir)) return [];
+    const entries = [];
+    for (const name of readdirSync(dir, { withFileTypes: true })) {
+      if (!name.isDirectory()) continue;
+      for (const platform of ["web", "common"]) {
+        for (const ext of ["tsx", "ts"]) {
+          const candidate = path.join(dir, name.name, filePattern(platform).replace(/\.tsx?$/, `.${ext}`));
+          if (existsSync(candidate)) {
+            entries.push({ name: name.name, path: candidate.replace(/\\/g, "/") });
+            break;
+          }
+        }
+        if (entries.at(-1)?.name === name.name) break;
+      }
+    }
+    return entries;
+  }
+  function scanFixtures() {
+    const dir = path.join(root, "fixtures");
+    if (!existsSync(dir)) return [];
+    return readdirSync(dir).filter((f) => f.endsWith(".json")).map((f) => ({ name: f.replace(/\.json$/, ""), path: path.join(dir, f).replace(/\\/g, "/") }));
+  }
+  return {
+    pageObjects: scanEntityDir("page-objects", (p) => `${p}.tsx`),
+    steps: scanEntityDir("support/steps", (p) => `${p}.step.tsx`),
+    fixtures: scanFixtures()
+  };
+}
+function generateVitestConfig(opts) {
+  const req = createRequire(path.join(opts.packageDir, "package.json"));
+  const reactPluginUrl = pathToFileURL(req.resolve("@vitejs/plugin-react")).href;
+  const vitestConfigUrl = pathToFileURL(req.resolve("vitest/config")).href;
+  const manifest = buildAutoImportManifest(opts.testRoot);
+  const setupFile = path.join(opts.packageDir, "dist/setup.js").replace(/\\/g, "/");
+  const normalizedPackageDir = opts.packageDir.replace(/\\/g, "/");
+  const normalizedTestRoot = opts.testRoot.replace(/\\/g, "/");
+  const configContent = `import react from '${reactPluginUrl}';
+import { defineConfig } from '${vitestConfigUrl}';
+
+export default defineConfig({
+  root: ${JSON.stringify(normalizedPackageDir)},
+  plugins: [react()],
+  define: {
+    __TESTSPECTRA_AUTO_IMPORT_MANIFEST__: ${JSON.stringify(JSON.stringify(manifest))},
+    __TESTSPECTRA_STEP_DELAY_MS__: ${JSON.stringify(opts.stepDelayMs)},
+    __TESTSPECTRA_SEMANTIC_REPORTER__: ${JSON.stringify(opts.semanticReporter)},
+  },
+  optimizeDeps: {
+    include: [
+      'react',
+      'react-dom',
+      'react-dom/client',
+      '@testing-library/react',
+      '@testing-library/user-event',
+    ],
+  },
+  server: {
+    fs: {
+      allow: [
+        ${JSON.stringify(normalizedPackageDir)},
+        ${JSON.stringify(normalizedTestRoot)},
+      ],
+    },
+  },
+  test: {
+    globals: true,
+    setupFiles: [${JSON.stringify(setupFile)}],
+    reporters: ${opts.semanticReporter ? "[]" : "'default'"},
+    dir: ${JSON.stringify(normalizedTestRoot)},
+    include: ['specs/**/web.test.tsx', 'specs/**/*.test.tsx'],
+    browser: {
+      enabled: true,
+      provider: 'playwright',
+      name: 'chromium',
+      headless: ${opts.headless},
+      fileParallelism: ${opts.fileParallelism},
+      ${opts.browserExecutable ? `providerOptions: { launch: { executablePath: ${JSON.stringify(opts.browserExecutable)} } },` : ""}
+    },
+  },
+});
+`;
+  const tmpDir = mkdtempSync(path.join(os.tmpdir(), "testspectra-react-"));
+  const configPath = path.join(tmpDir, "vitest.config.mjs");
+  writeFileSync(configPath, configContent, "utf-8");
+  return {
+    configPath,
+    cleanup: () => {
+      try {
+        rmSync(tmpDir, { recursive: true, force: true });
+      } catch {
+      }
+    }
+  };
+}
+
+// src/cli.ts
 async function runComponentTests(options = {}) {
   const rawCwd = options.cwd ?? process.cwd();
-  const cwd = path.resolve(rawCwd);
-  const configPath = fileURLToPath(new URL("../vitest.config.ts", import.meta.url));
+  const cwd = path2.resolve(rawCwd);
+  const packageDir = fileURLToPath(new URL("..", import.meta.url));
   const ext = process.platform === "win32" ? ".cmd" : "";
-  const vitestBin = fileURLToPath(new URL(`../node_modules/.bin/vitest${ext}`, import.meta.url));
+  const localVitestBin = fileURLToPath(new URL(`../node_modules/.bin/vitest${ext}`, import.meta.url));
+  const consumerVitestBin = path2.join(cwd, `node_modules/.bin/vitest${ext}`);
+  const vitestBin = existsSync2(localVitestBin) ? localVitestBin : consumerVitestBin;
+  const semanticReporter = Boolean(options.onLine);
+  const { configPath, cleanup } = generateVitestConfig({
+    packageDir,
+    testRoot: cwd,
+    headless: options.headless !== false,
+    stepDelayMs: options.stepDelayMs ?? 0,
+    semanticReporter,
+    fileParallelism: options.concurrency !== 1,
+    browserExecutable: options.browserExecutablePath
+  });
   const args = ["run", "--config", configPath];
   if (options.outputFile) {
     args.push("--reporter=default", "--reporter=json", `--outputFile.json=${options.outputFile}`);
   }
   if (options.spec) {
     let specPattern = options.spec.replace(/\\/g, "/");
-    if (path.isAbsolute(options.spec)) {
-      specPattern = path.relative(cwd, options.spec).replace(/\\/g, "/");
+    if (path2.isAbsolute(options.spec)) {
+      specPattern = path2.relative(cwd, options.spec).replace(/\\/g, "/");
     }
     args.push(specPattern);
   }
-  const semanticReporter = Boolean(options.onLine);
   return new Promise((resolve) => {
     const child = spawn(vitestBin, args, {
       stdio: semanticReporter ? ["inherit", "pipe", "pipe"] : "inherit",
       cwd,
       env: {
-        ...process.env,
-        TESTSPECTRA_TEST_ROOT: cwd.replace(/\\/g, "/"),
-        TESTSPECTRA_HEADLESS: options.headless === false ? "false" : "true",
-        TESTSPECTRA_STEP_DELAY: String(options.stepDelayMs ?? 0),
-        TESTSPECTRA_FILE_PARALLELISM: options.concurrency === 1 ? "false" : "true",
-        ...options.browserExecutablePath ? { TESTSPECTRA_BROWSER_EXECUTABLE: options.browserExecutablePath } : {},
-        TESTSPECTRA_SEMANTIC_REPORTER: semanticReporter ? "1" : "0"
+        ...process.env
       }
     });
     if (semanticReporter) {
@@ -391,8 +508,12 @@ async function runComponentTests(options = {}) {
       child.stdout?.on("data", handleData);
       child.stderr?.on("data", handleData);
     }
-    child.on("exit", (code) => resolve(code === 0));
+    child.on("exit", (code) => {
+      cleanup();
+      resolve(code === 0);
+    });
     child.on("error", (err) => {
+      cleanup();
       console.error(err);
       resolve(false);
     });