Migrate to Vitest (#10410)

* Install vitest

* Set up vitest config

* Install tsconfigPaths

* Set up root vite config

* Set up vitest project for typescript-resolvers

* Set up vitest for plugins-helpers and fix ESM test

* Set up client preset vitest project

* Prepare for vitest.setup.ts

* Set up vitest for graphql-modules-preset

* Set up vitest for typescript plugin

* Set up vitest for typed-document-node

* Set up vitest for typescript-operations

* Set up vitest for gql-tag-operations

* Set up vitest in typescript-document-nodes

* Set up vitest for visitor-plugin-common

* Set up vitest for time plugin

* Set up vitest for schema-ast plugin

* Set up vitest for introspection plugin

* Set up vitest for fragment-matcher plugin

* Set up vitest for add

* Set up vitest for graphql-codegen-core

* Install memfs to support fs testing

* Set up test config for cli

* Fix init tests

* Set up vitest for graphql-codegen-testing

* Update linting rules for test files

* Fix cli-* specs

* Handle cwd mocking for CLI command

* Fix cjs vs esm issues in codegen.spec

* Fix config.spec

* Fix watcher.spec and trim down the mocks

* Migrate rest of examples to vitest

* By jest things. Not even jesting 🤡

* Fix cache jest -> vitest

* Fix lint issues and unncessary disables

* Fix vitest spec

* Fix test and generated things in examples

* Fix vitest things

Author: eddeee888

.eslintrc.cjs

@@ -14,10 +14,7 @@ module.exports = {
     '@typescript-eslint/explicit-function-return-type': 'off',
     '@typescript-eslint/ban-ts-ignore': 'off',
     '@typescript-eslint/ban-types': 'off',
-    'import/no-extraneous-dependencies': [
-      'error',
-      { devDependencies: ['**/*.test.ts', '**/*.spec.ts', '**/test/**/*.ts'] },
-    ],
+    'import/no-extraneous-dependencies': 'error',
 
     // todo: enable
     'unicorn/filename-case': 'off',
@@ -36,12 +33,17 @@ module.exports = {
       extends: '@theguild/eslint-config/react',
     },
     {
-      files: ['**/tests/**/*.{js,ts,tsx}', '**/graphql-codegen-testing/**/*.ts', '*.spec.ts'],
-      env: {
-        jest: true,
-      },
+      files: [
+        '*.spec.ts',
+        '**/tests/**/*.{js,ts,tsx,cjs}',
+        '**/graphql-codegen-testing/**/*.ts',
+        '**/vitest.config.ts',
+        '**/vitest.setup.ts',
+        '**/__mocks__/*',
+      ],
       rules: {
         'import/no-extraneous-dependencies': 'off',
+        '@typescript-eslint/no-require-imports': 'off',
       },
     },
     {
@@ -57,7 +59,7 @@ module.exports = {
       },
     },
     {
-      files: ['scripts/*.{ts,js}', 'prettier.config.cjs', 'jest.config.js', 'jest.project.js'],
+      files: ['scripts/*.{ts,js}', 'prettier.config.cjs'],
       rules: {
         '@typescript-eslint/no-require-imports': 'off',
       },

.github/workflows/main.yml

@@ -146,13 +146,13 @@ jobs:
         run: node ./scripts/match-graphql.js ${{matrix.graphql_version}}
       - name: Install Dependencies
         run: yarn
-      - name: Cache Jest
+      - name: Cache Vitest
         uses: actions/cache@d4323d4df104b026a6aa633fdb11d772146be0bf # v4
         with:
-          path: .cache/jest
-          key: ${{runner.os}}-${{matrix.node_version}}-${{matrix.graphql_version}}-jest-${{hashFiles('yarn.lock')}}
+          path: node_modules/.vite
+          key: ${{runner.os}}-${{matrix.node_version}}-${{matrix.graphql_version}}-vitest-${{hashFiles('yarn.lock')}}
           restore-keys: |
-            ${{runner.os}}-${{matrix.node_version}}-${{matrix.graphql_version}}-jest-
+            ${{runner.os}}-${{matrix.node_version}}-${{matrix.graphql_version}}-vitest-
       - name: Build
         run: yarn build
       - name: Test

.vscode/launch.json

@@ -5,7 +5,7 @@
       "name": "Run open test file",
       "type": "node",
       "request": "launch",
-      "runtimeArgs": ["--inspect-brk", "${workspaceRoot}/node_modules/.bin/jest", "--runInBand", "${relativeFile}"],
+      "runtimeArgs": ["--inspect-brk", "${workspaceRoot}/node_modules/.bin/vitest", "--runInBand", "${relativeFile}"],
       "console": "integratedTerminal",
       "internalConsoleOptions": "neverOpen"
     }

examples/persisted-documents-string-mode/codegen.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { type CodegenConfig } from '@graphql-codegen/cli';
 
 const config: CodegenConfig = {

examples/persisted-documents-string-mode/jest.config.js

@@ -8,15 +8,13 @@
   },
   "devDependencies": {
     "@graphql-typed-document-node/core": "3.2.0",
-    "jest": "28.1.3",
-    "babel-jest": "29.7.0",
     "@graphql-codegen/cli": "5.0.7",
     "@babel/core": "7.25.2",
     "@babel/preset-env": "7.25.3",
     "@babel/preset-typescript": "7.26.0"
   },
   "scripts": {
-    "test": "jest",
+    "test": "vitest --no-watch",
     "codegen": "graphql-codegen --config codegen.ts",
     "build": "tsc",
     "test:end2end": "yarn test"

examples/persisted-documents-string-mode/package.json

@@ -1,3 +1,4 @@
+import { describe, it, expect } from 'vitest';
 import { graphql } from './gql/index';
 import { makeYoga } from './yoga';
 import persistedDocumentsDictionary from './gql/persisted-documents.json';
@@ -24,8 +25,8 @@ describe('Persisted Documents', () => {
       }),
     });
     expect(await result.json()).toMatchInlineSnapshot(`
-      Object {
-        "data": Object {
+      {
+        "data": {
           "hello": "Hello world!",
         },
       }
@@ -46,9 +47,9 @@ describe('Persisted Documents', () => {
       }),
     });
     expect(await result.json()).toMatchInlineSnapshot(`
-      Object {
-        "errors": Array [
-          Object {
+      {
+        "errors": [
+          {
             "message": "PersistedQueryOnly",
           },
         ],
@@ -75,8 +76,8 @@ describe('Persisted Documents', () => {
     });
 
     expect(await result.json()).toMatchInlineSnapshot(`
-      Object {
-        "data": Object {
+      {
+        "data": {
           "hello": "Hello world!",
         },
       }

examples/persisted-documents-string-mode/src/yoga.spec.ts

@@ -0,0 +1,12 @@
+import { defineProject, mergeConfig } from 'vitest/config';
+import { sharedConfig } from '../../vitest.config.js';
+
+export default mergeConfig(
+  sharedConfig,
+  defineProject({
+    test: {
+      name: 'examples-persisted-documents-string-mode',
+      include: ['**/*.spec.ts'],
+    },
+  })
+);

examples/persisted-documents-string-mode/vitest.config.ts

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { type CodegenConfig } from '@graphql-codegen/cli';
 
 const config: CodegenConfig = {