fix: fix types build in babel-plugin package, move jest to vitest

Author: zthxxx

package.json

@@ -11,7 +11,7 @@
   "scripts": {
     "prepare": "husky",
     "test": "pnpm --recursive test",
-    "lint": "TIMING=1 eslint --format codeframe docs packages examples",
+    "lint": "TIMING=1 eslint --format codeframe .",
     "purge": "pnpm -r clean && echo 'removing node_modules ...' && rm -rf .site {.,docs}/node_modules {examples,packages}/*/node_modules",
     "build:packages": "pnpm --filter './packages/*' build",
     "build:examples": "pnpm --filter './examples/*' build",

packages/babel-plugin/jest.config.ts

@@ -27,7 +27,7 @@
     "dist"
   ],
   "scripts": {
-    "test": "jest --passWithNoTests",
+    "test": "vitest run",
     "gen:test-outputs": "tsx scripts/gen-test-outputs.ts",
     "clean": "rimraf coverage dist es lib build",
     "build:esm": "tsc -p tsconfig.esm.json",
@@ -38,28 +38,25 @@
     "node": ">=12.0.0"
   },
   "dependencies": {
-    "@babel/core": "^7.23.5",
-    "@babel/generator": "^7.23.5",
-    "@babel/parser": "^7.23.5",
-    "@babel/traverse": "^7.23.5",
-    "@babel/types": "7.20.5"
+    "@babel/core": "^7.27.1",
+    "@babel/generator": "^7.27.1",
+    "@babel/parser": "^7.27.1",
+    "@babel/traverse": "^7.27.1",
+    "@babel/types": "^7.27.1"
   },
   "devDependencies": {
-    "@types/babel-plugin-tester": "9.0.5",
-    "@types/babel__core": "7.1.20",
-    "@types/babel__generator": "7.6.4",
-    "@types/babel__traverse": "7.18.3",
+    "@types/babel__core": "7.20.5",
+    "@types/babel__generator": "7.27.0",
+    "@types/babel__traverse": "7.20.7",
     "@types/node": "20.12.10",
     "@zthxxx/tsconfig": "1.0.5",
-    "babel-plugin-tester": "10.1.0",
+    "babel-plugin-tester": "11.0.4",
     "fs-extra": "11.1.0",
     "globby": "11.1.0",
-    "jest": "29.6.1",
     "npm-run-all": "4.1.5",
     "rimraf": "3.0.2",
-    "ts-jest": "29.1.1",
-    "ts-node": "10.9.1",
     "tsx": "4.16.0",
-    "typescript": "5.2.2"
+    "typescript": "5.2.2",
+    "vitest": "1.1.1"
   }
 }

packages/babel-plugin/package.json

@@ -40,6 +40,7 @@ pluginTester({
     .sync(`${fixturesDir}/layouts/**/*.(ts|tsx)`)
     .map((filePath) => path.relative(fixturesDir, filePath))
     .map((asset) => ({
+      title: asset,
       fixture: path.join(cwd, fixturesDir, asset),
       outputFixture: path.join(cwd, outputsDir, asset),
     })),

packages/babel-plugin/src/tests/babel-plugin.test.ts

@@ -1,15 +1,14 @@
 import React from 'react';
 import { Global } from '@emotion/react';
-import { Inspector } from 'react-dev-inspector';
-import type { InspectParams } from 'react-dev-inspector';
+import { Inspector, type InspectParams } from 'react-dev-inspector';
 import { Title } from './components/Title';
 import { Slogan } from './components/Slogan';
 import { KeyPad, Keypress } from './components/Keypress';
 import * as S from './styles';
 const projectRepo = 'https://github.com/zthxxx/react-dev-inspector';
 const isDev = process.env.NODE_ENV === 'development';
 export const HomePage = () => {
-  return <Inspector data-inspector-line="16" data-inspector-column="4" data-inspector-relative-path="src/tests/fixtures/layouts/index.tsx" disableLaunchEditor={!isDev} onClickElement={(inspect: InspectParams) => {
+  return <Inspector data-inspector-line="15" data-inspector-column="4" data-inspector-relative-path="src/tests/fixtures/layouts/index.tsx" disableLaunchEditor={!isDev} onClickElement={(inspect: InspectParams) => {
     console.debug(inspect);
     if (isDev || !inspect.codeInfo?.relativePath) return;
     const {

packages/babel-plugin/src/tests/outputs/layouts/index.tsx

@@ -0,0 +1,33 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    environment: 'node',
+    testTimeout: 20000,
+    globals: true,
+    include: ['src/**/*.test.(ts|tsx)'],
+    exclude: [
+      '**/node_modules/**',
+      '**/templates/**',
+      '**/coverage/**',
+      '**/dist/**',
+      '**/lib/**',
+      '**/es/**',
+    ],
+    coverage: {
+      enabled: false,
+      include: [
+        '**/src/**/*.{ts,tsx}',
+      ],
+      exclude: [
+        '**/node_modules/**',
+        '**/coverage/**',
+        '**/*.mock.ts',
+        '**/mocks/**',
+        '**/dist/**',
+        '**/lib/**',
+        '**/es/**',
+      ],
+    },
+  },
+})