apollographql · alessbell · Apr 3, 2024 · Apr 5, 2024 · Apr 5, 2024 · Apr 10, 2024
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -129,6 +129,7 @@ workflows:
                 - dual-module-test-standard
                 - vite
                 - vite-swc
+                - vite-jest-msw
                 # -browser-esm would need a package publish to npm/CDNs
       - TestPeerDepTypes:
           name: Test external types for << matrix.externalPackage >>

diff --git a/integration-tests/package-lock.json b/integration-tests/package-lock.json
diff --git a/integration-tests/package.json b/integration-tests/package.json
@@ -13,6 +13,7 @@
     "next",
     "vite",
     "vite-swc",
+    "vite-jest-msw",
     "node-standard",
     "node-esm",
     "shared"

diff --git a/integration-tests/vite-jest-msw/.babelrc b/integration-tests/vite-jest-msw/.babelrc
@@ -0,0 +1,11 @@
+{
+  "presets": [
+    ["@babel/preset-env", { "targets": { "node": "current" } }],
+    ["@babel/preset-react", { "runtime": "automatic" }],
+    "@babel/preset-typescript"
+  ],
+  "plugins": [
+    ["inline-json-import", {}],
+    "@babel/plugin-proposal-explicit-resource-management"
+  ]
+}
diff --git a/integration-tests/vite-jest-msw/@types/graphql.d.ts b/integration-tests/vite-jest-msw/@types/graphql.d.ts
@@ -0,0 +1,6 @@
+declare module "*.graphql" {
+  import { DocumentNode } from "graphql";
+  const Schema: DocumentNode;
+
+  export = Schema;
+}
diff --git a/integration-tests/vite-jest-msw/index.html b/integration-tests/vite-jest-msw/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/integration-tests/vite-jest-msw/jest.config.js b/integration-tests/vite-jest-msw/jest.config.js
@@ -0,0 +1,17 @@
+const config = {
+  globals: {
+    "globalThis.__DEV__": JSON.stringify(true),
+  },
+  testEnvironment: "jsdom",
+  setupFiles: ["./tests/jest.polyfills.js"],
+  setupFilesAfterEnv: ["./tests/setupTests.js"],
+  transform: {
+    "\\.(gql|graphql)$": "@graphql-tools/jest-transform",
+    ".*": "babel-jest",
+  },
+  testEnvironmentOptions: {
+    customExportConditions: [""],
+  },
+};
+
+export default config;