@uiverify/vitest 0.1.0 → 1.0.1

package/README.md

@@ -44,7 +44,7 @@ import { render } from "vitest-browser-react"; // or your framework's browser re
 import { takeSnapshot, disableAutoSnapshot } from "@uiverify/vitest";
 
 test("menu", async () => {
-  render(<Menu />);
+  await render(<Menu />); // render() is async - await it so the DOM is committed before capture
   await takeSnapshot("closed"); // optional named checkpoint
   // the final state is archived automatically at the end of the test
 });

package/dist/browser-setup.js

@@ -2,9 +2,13 @@ import {
   autoSnapshot,
   beginTest
 } from "./chunk-ZCABESWT.js";
+import {
+  UI_VERIFY_GLOBAL
+} from "./chunk-X2KT34IP.js";
 
 // src/browser-setup.ts
 import { afterEach, beforeEach, inject } from "vitest";
+Reflect.set(globalThis, UI_VERIFY_GLOBAL, true);
 function globalAutoDisabled() {
   try {
     return Boolean(inject("__uiverify")?.disableAutoSnapshot);

package/dist/chunk-X2KT34IP.js

@@ -0,0 +1,40 @@
+// ../archive-core/src/out-dir.ts
+import path from "path";
+function resolveOutDir() {
+  return process.env.UIVERIFY_ARCHIVE_DIR ?? path.resolve(process.cwd(), "uiverify-archive");
+}
+
+// ../archive-core/src/ui-verify.ts
+var UI_VERIFY_GLOBAL = "__UI_VERIFY__";
+var UI_VERIFY_MARKER_SCRIPT = `globalThis.${UI_VERIFY_GLOBAL} = true;`;
+
+// ../archive-core/src/write.ts
+import fs from "fs";
+import path2 from "path";
+
+// ../archive-core/src/snapshot-file.ts
+import { createHash } from "crypto";
+function snapshotFileName(id) {
+  const slug = id.replace(/[^a-zA-Z0-9._-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
+  const hash = createHash("sha1").update(id).digest("hex").slice(0, 10);
+  return `${slug || "snapshot"}-${hash}.json`;
+}
+
+// ../archive-core/src/write.ts
+function writeSnapshot(outDir, snapshot) {
+  const dir = path2.join(outDir, "snapshots");
+  fs.mkdirSync(dir, { recursive: true });
+  const file = path2.join(dir, snapshotFileName(snapshot.id));
+  fs.writeFileSync(file, JSON.stringify(snapshot));
+  return file;
+}
+
+// ../archive-core/src/finalize.ts
+import fs2 from "fs";
+import path3 from "path";
+
+export {
+  resolveOutDir,
+  UI_VERIFY_GLOBAL,
+  writeSnapshot
+};

package/dist/plugin.js

@@ -1,37 +1,19 @@
-// ../archive-core/src/snapshot-file.ts
-import { createHash } from "crypto";
-function snapshotFileName(id) {
-  const slug = id.replace(/[^a-zA-Z0-9._-]+/g, "-").replace(/^-+|-+$/g, "").slice(0, 80);
-  const hash = createHash("sha1").update(id).digest("hex").slice(0, 10);
-  return `${slug || "snapshot"}-${hash}.json`;
-}
-
-// ../archive-core/src/out-dir.ts
-import path from "path";
-function resolveOutDir() {
-  return process.env.UIVERIFY_ARCHIVE_DIR ?? path.resolve(process.cwd(), "uiverify-archive");
-}
-
-// ../archive-core/src/write.ts
-import fs from "fs";
-import path2 from "path";
-function writeSnapshot(outDir, snapshot) {
-  const dir = path2.join(outDir, "snapshots");
-  fs.mkdirSync(dir, { recursive: true });
-  const file = path2.join(dir, snapshotFileName(snapshot.id));
-  fs.writeFileSync(file, JSON.stringify(snapshot));
-  return file;
-}
-
-// ../archive-core/src/finalize.ts
-import fs2 from "fs";
-import path3 from "path";
+import {
+  resolveOutDir,
+  writeSnapshot
+} from "./chunk-X2KT34IP.js";
 
 // src/plugin.ts
 var SETUP_MODULE = "@uiverify/vitest/browser-setup";
 function uiverifyPlugin(options = {}) {
   const outDir = options.outDir ?? resolveOutDir();
   const config = {
+    // The capture state (`currentTask`) lives in module scope in `runtime.ts`, shared between the setup
+    // file's hooks and the user's `takeSnapshot` import. Dep pre-bundling would give those two entry
+    // points separate copies of that module, so `takeSnapshot()` would not see the running test and throw
+    // "called outside a test". Excluding the package from optimize keeps everyone on one instance, so a
+    // plain `plugins: [uiverifyPlugin()]` works without the user hand-adding this to their config.
+    optimizeDeps: { exclude: ["@uiverify/vitest"] },
     test: {
       setupFiles: [SETUP_MODULE],
       provide: { __uiverify: { disableAutoSnapshot: options.disableAutoSnapshot ?? false } },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiverify/vitest",
-  "version": "0.1.0",
+  "version": "1.0.1",
   "description": "Vitest browser-mode capture SDK for UI Verify (uiverify.ai): add uiverifyPlugin() to your Vitest config and each browser-mode test archives its final DOM (serialized DOM + resource bytes) to be replayed + visually diffed by UI Verify. Produces an archive the uiverify CLI uploads; talks to nothing at runtime.",
   "keywords": [
     "visual-testing",