@cedarjs/testing 5.0.3 → 5.0.4-next.167

package/dist/web/mockRequests.js

@@ -1,28 +1,43 @@
-import { setupWorker, graphql } from "msw";
+import { bypass, delay, graphql, HttpResponse } from "msw";
 let REQUEST_HANDLER_QUEUE = [];
 let SERVER_INSTANCE;
+const MSW_NODE_SPECIFIER = "msw/node";
 const startMSW = async (target, options) => {
   if (SERVER_INSTANCE) {
     return SERVER_INSTANCE;
   }
   if (target === "browsers") {
-    SERVER_INSTANCE = setupWorker();
-    await SERVER_INSTANCE.start(options);
+    const { setupWorker } = await import("msw/browser");
+    const worker = setupWorker();
+    SERVER_INSTANCE = worker;
+    await worker.start(options);
   } else {
-    const { setupServer } = await import("msw/node");
-    SERVER_INSTANCE = setupServer();
-    await SERVER_INSTANCE.listen(options);
+    const { setupServer } = await import(
+      /* @vite-ignore */
+      MSW_NODE_SPECIFIER
+    );
+    const server = setupServer();
+    SERVER_INSTANCE = server;
+    server.listen(options);
   }
   return SERVER_INSTANCE;
 };
 const setupRequestHandlers = () => {
-  SERVER_INSTANCE.resetHandlers();
+  SERVER_INSTANCE?.resetHandlers();
   for (const handler of REQUEST_HANDLER_QUEUE) {
-    SERVER_INSTANCE.use(handler);
+    SERVER_INSTANCE?.use(handler);
   }
 };
 const closeServer = () => {
-  SERVER_INSTANCE.close();
+  if (!SERVER_INSTANCE) {
+    return;
+  }
+  if ("close" in SERVER_INSTANCE) {
+    SERVER_INSTANCE.close();
+  } else {
+    SERVER_INSTANCE.stop();
+  }
+  SERVER_INSTANCE = void 0;
 };
 const registerHandler = (handler) => {
   if (!SERVER_INSTANCE) {
@@ -32,39 +47,95 @@ const registerHandler = (handler) => {
   }
 };
 const mockGraphQL = (type, operation, data, responseEnhancer) => {
-  const resolver = (req, res, ctx) => {
-    let d = data;
-    let responseTransforms = [];
+  const resolver = async ({
+    request,
+    query,
+    operationName,
+    variables,
+    cookies
+  }) => {
+    let d = void 0;
+    let status = 200;
+    let statusText;
+    let delayDurationMs;
+    let errorList;
+    let extensions;
+    let explicitData;
+    const extraFields = {};
+    const headers = new Headers();
     if (typeof data === "function") {
-      const captureTransform = (fn) => {
-        return (...args) => {
-          const resTransform = fn(...args);
-          responseTransforms = [...responseTransforms, resTransform];
-          return resTransform;
-        };
+      const ctx = {
+        status: (code, text) => {
+          status = code;
+          statusText = text;
+        },
+        delay: (durationMs) => {
+          delayDurationMs = durationMs;
+        },
+        errors: (errors) => {
+          errorList = errors;
+        },
+        set: (name, value) => {
+          if (typeof name === "object") {
+            for (const [headerName, headerValue] of Object.entries(name)) {
+              headers.set(headerName, headerValue);
+            }
+          } else if (typeof value !== "undefined") {
+            headers.set(name, value);
+          }
+        },
+        cookie: (name, value) => {
+          headers.append("Set-Cookie", `${name}=${value}`);
+        },
+        extensions: (ext) => {
+          extensions = ext;
+        },
+        field: (fieldName, value) => {
+          extraFields[fieldName] = value;
+        },
+        data: (dataValue) => {
+          explicitData = dataValue;
+        },
+        fetch: (input, init) => fetch(bypass(input, init))
       };
-      const newCtx = {
-        status: captureTransform(ctx.status),
-        delay: captureTransform(ctx.delay),
-        errors: captureTransform(ctx.errors),
-        set: captureTransform(ctx.set),
-        fetch: captureTransform(ctx.fetch),
-        data: captureTransform(ctx.data),
-        extensions: captureTransform(ctx.extensions),
-        cookie: captureTransform(ctx.cookie),
-        field: captureTransform(ctx.field)
+      const req = {
+        request,
+        query,
+        operationName,
+        variables,
+        cookies,
+        url: new URL(request.url),
+        headers: request.headers,
+        method: request.method
       };
-      d = data(req.variables, {
-        req,
-        ctx: newCtx
-      });
+      d = await data(variables, { req, ctx });
+    } else {
+      d = data;
     }
-    return (responseEnhancer ? res[responseEnhancer] : res)(
-      ctx.data(d),
-      ...responseTransforms
-    );
+    if (responseEnhancer === "networkError") {
+      return HttpResponse.error();
+    }
+    if (typeof delayDurationMs !== "undefined") {
+      await delay(delayDurationMs);
+    }
+    const body = { ...extraFields };
+    const bodyData = explicitData ?? d;
+    if (typeof bodyData !== "undefined") {
+      body.data = bodyData;
+    }
+    if (typeof errorList !== "undefined") {
+      body.errors = errorList;
+    }
+    if (typeof extensions !== "undefined") {
+      body.extensions = extensions;
+    }
+    return HttpResponse.json(body, { status, statusText, headers });
   };
-  registerHandler(graphql[type](operation, resolver));
+  registerHandler(
+    graphql[type](operation, resolver, {
+      once: responseEnhancer === "once"
+    })
+  );
   return data;
 };
 const mockGraphQLQuery = (operation, data, responseEnhancer) => {

package/dist/web/vitest/index.d.ts

@@ -1,4 +1,5 @@
 export { cedarJsRouterImportTransformPlugin } from './vite-plugin-cedarjs-router-import-transform.js';
+export { cedarVitestWebConfigPlugin } from './vite-plugin-cedar-vitest-web-config.js';
 export { createAuthImportTransformPlugin } from './vite-plugin-create-auth-import-transform.js';
 export { autoImportsPlugin } from './vite-plugin-auto-import.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/web/vitest/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/vitest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,kDAAkD,CAAA;AACrG,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAA;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/vitest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,kDAAkD,CAAA;AACrG,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAA;AACrF,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAA;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/web/vitest/index.js

@@ -1,8 +1,10 @@
 import { cedarJsRouterImportTransformPlugin } from "./vite-plugin-cedarjs-router-import-transform.js";
+import { cedarVitestWebConfigPlugin } from "./vite-plugin-cedar-vitest-web-config.js";
 import { createAuthImportTransformPlugin } from "./vite-plugin-create-auth-import-transform.js";
 import { autoImportsPlugin } from "./vite-plugin-auto-import.js";
 export {
   autoImportsPlugin,
   cedarJsRouterImportTransformPlugin,
+  cedarVitestWebConfigPlugin,
   createAuthImportTransformPlugin
 };

package/dist/web/vitest/vite-plugin-cedar-vitest-web-config.d.ts

@@ -0,0 +1,12 @@
+import type { Plugin } from 'vite';
+/**
+ * Contributes web-side Vitest config, most importantly a setup file that
+ * starts MSW so that `mockGraphQLQuery`/`mockGraphQLMutation` handlers (and
+ * cell mocks) actually intercept GraphQL requests during tests.
+ *
+ * Vitest resolves its `test` config from Vite plugins, so returning `test`
+ * from the `config` hook here merges with the user's own vitest config (the
+ * `setupFiles` arrays are concatenated).
+ */
+export declare function cedarVitestWebConfigPlugin(): Plugin;
+//# sourceMappingURL=vite-plugin-cedar-vitest-web-config.d.ts.map

package/dist/web/vitest/vite-plugin-cedar-vitest-web-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite-plugin-cedar-vitest-web-config.d.ts","sourceRoot":"","sources":["../../../src/web/vitest/vite-plugin-cedar-vitest-web-config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAKlC;;;;;;;;GAQG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,CAWnD"}

package/dist/web/vitest/vite-plugin-cedar-vitest-web-config.js

@@ -0,0 +1,16 @@
+import path from "node:path";
+function cedarVitestWebConfigPlugin() {
+  return {
+    name: "cedar-vitest-web-config",
+    config: () => {
+      return {
+        test: {
+          setupFiles: [path.join(import.meta.dirname, "vitest-web.setup.js")]
+        }
+      };
+    }
+  };
+}
+export {
+  cedarVitestWebConfigPlugin
+};

package/dist/web/vitest/vitest-web.setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=vitest-web.setup.d.ts.map

package/dist/web/vitest/vitest-web.setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest-web.setup.d.ts","sourceRoot":"","sources":["../../../src/web/vitest/vitest-web.setup.ts"],"names":[],"mappings":""}

package/dist/web/vitest/vitest-web.setup.js

@@ -0,0 +1,18 @@
+import { afterAll, afterEach, beforeAll } from "vitest";
+import { getPaths } from "@cedarjs/project-config";
+import { findCellMocks } from "../findCellMocks.js";
+import { closeServer, setupRequestHandlers, startMSW } from "../mockRequests.js";
+beforeAll(async () => {
+  const cellMocks = findCellMocks(getPaths().web.src);
+  for (const m of cellMocks) {
+    await import(m);
+  }
+  await startMSW("node");
+  setupRequestHandlers();
+});
+afterEach(() => {
+  setupRequestHandlers();
+});
+afterAll(() => {
+  closeServer();
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cedarjs/testing",
-  "version": "5.0.3",
+  "version": "5.0.4-next.167",
   "description": "Tools, wrappers and configuration for testing a Cedar project.",
   "repository": {
     "type": "git",
@@ -116,45 +116,47 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@cedarjs/babel-config": "5.0.3",
-    "@cedarjs/context": "5.0.3",
-    "@cedarjs/graphql-server": "5.0.3",
-    "@cedarjs/project-config": "5.0.3",
+    "@babel/preset-env": "7.29.7",
+    "@cedarjs/babel-config": "5.0.4-next.167",
+    "@cedarjs/context": "5.0.4-next.167",
+    "@cedarjs/graphql-server": "5.0.4-next.167",
+    "@cedarjs/project-config": "5.0.4-next.167",
+    "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "14.3.1",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
     "@types/aws-lambda": "8.10.162",
     "@types/babel-core": "6.25.10",
     "@types/jest": "29.5.14",
     "@types/node": "24.10.4",
-    "ansis": "4.2.0",
+    "ansis": "4.3.1",
     "babel-jest": "^29.7.0",
     "fast-glob": "3.3.3",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
+    "jest-fixed-jsdom": "0.0.11",
     "jest-watch-typeahead": "2.2.2",
-    "msw": "1.3.5",
+    "msw": "2.15.0",
     "ts-toolbelt": "9.6.0",
-    "unplugin-auto-import": "19.3.0",
-    "whatwg-fetch": "3.6.20"
+    "unplugin-auto-import": "19.3.0"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "0.18.4",
-    "@cedarjs/auth": "5.0.3",
-    "@cedarjs/framework-tools": "5.0.3",
-    "@cedarjs/router": "5.0.3",
-    "@cedarjs/web": "5.0.3",
+    "@arethetypeswrong/cli": "0.18.5",
+    "@cedarjs/auth": "5.0.4-next.167",
+    "@cedarjs/framework-tools": "5.0.4-next.167",
+    "@cedarjs/router": "5.0.4-next.167",
+    "@cedarjs/web": "5.0.4-next.167",
     "concurrently": "9.2.4",
     "jsdom": "27.4.0",
-    "publint": "0.3.21",
+    "publint": "0.3.22",
     "typescript": "5.9.3",
-    "vitest": "3.2.6"
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
-    "@cedarjs/auth": "5.0.3",
-    "@cedarjs/router": "5.0.3",
-    "@cedarjs/web": "5.0.3",
-    "vitest": "3.2.6"
+    "@cedarjs/auth": "5.0.4-next.167",
+    "@cedarjs/router": "5.0.4-next.167",
+    "@cedarjs/web": "5.0.4-next.167",
+    "vitest": "4.1.10"
   },
   "peerDependenciesMeta": {
     "vitest": {

package/dist/cjs/web/vitest/index.d.ts

@@ -1,4 +0,0 @@
-export { cedarJsRouterImportTransformPlugin } from './vite-plugin-cedarjs-router-import-transform.js';
-export { createAuthImportTransformPlugin } from './vite-plugin-create-auth-import-transform.js';
-export { autoImportsPlugin } from './vite-plugin-auto-import.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/web/vitest/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/vitest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kCAAkC,EAAE,MAAM,kDAAkD,CAAA;AACrG,OAAO,EAAE,+BAA+B,EAAE,MAAM,+CAA+C,CAAA;AAC/F,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA"}

package/dist/cjs/web/vitest/vite-plugin-auto-import.d.ts

@@ -1,2 +0,0 @@
-export declare function autoImportsPlugin(): import("vite", { with: { "resolution-mode": "import" } }).Plugin<any> | import("vite", { with: { "resolution-mode": "import" } }).Plugin<any>[];
-//# sourceMappingURL=vite-plugin-auto-import.d.ts.map

package/dist/cjs/web/vitest/vite-plugin-auto-import.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite-plugin-auto-import.d.ts","sourceRoot":"","sources":["../../../../src/web/vitest/vite-plugin-auto-import.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,oJAsBhC"}

package/dist/cjs/web/vitest/vite-plugin-cedarjs-router-import-transform.d.ts

@@ -1,7 +0,0 @@
-import type { PluginOption } from 'vite';
-/**
- * Replace `@cedarjs/router` imports with imports of
- * `@cedarjs/testing/web/MockRouter.js` instead
- */
-export declare function cedarJsRouterImportTransformPlugin(): PluginOption;
-//# sourceMappingURL=vite-plugin-cedarjs-router-import-transform.d.ts.map

package/dist/cjs/web/vitest/vite-plugin-cedarjs-router-import-transform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite-plugin-cedarjs-router-import-transform.d.ts","sourceRoot":"","sources":["../../../../src/web/vitest/vite-plugin-cedarjs-router-import-transform.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAExC;;;GAGG;AACH,wBAAgB,kCAAkC,IAAI,YAAY,CAejE"}

package/dist/cjs/web/vitest/vite-plugin-create-auth-import-transform.d.ts

@@ -1,3 +0,0 @@
-import type { PluginOption } from 'vite';
-export declare function createAuthImportTransformPlugin(): PluginOption;
-//# sourceMappingURL=vite-plugin-create-auth-import-transform.d.ts.map

package/dist/cjs/web/vitest/vite-plugin-create-auth-import-transform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vite-plugin-create-auth-import-transform.d.ts","sourceRoot":"","sources":["../../../../src/web/vitest/vite-plugin-create-auth-import-transform.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAExC,wBAAgB,+BAA+B,IAAI,YAAY,CAuB9D"}