chore: Jest→Vitestへの移行

package.json

@@ -7,8 +7,8 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint --dir src",
-    "test": "jest --watch",
-    "test:all": "jest --watchAll=false --coverage",
+    "test": "vitest",
+    "test:all": "vitest run --coverage",
     "format": "prettier --write --ignore-path .gitignore './**/*.{js,jsx,ts,tsx,json}'"
   },
   "dependencies": {
@@ -29,12 +29,16 @@
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
+    "@vitejs/plugin-react": "^4.0.2",
+    "@vitest/coverage-v8": "^0.33.0",
     "autoprefixer": "^10.4.14",
     "eslint-config-prettier": "^8.8.0",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "jsdom": "^22.1.0",
     "postcss": "^8.4.23",
     "prettier": "^2.8.8",
-    "tailwindcss": "^3.3.2"
+    "tailwindcss": "^3.3.2",
+    "vitest": "^0.33.0"
   }
 }

src/Components/__test__/header.test.jsx

@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react'
+import { expect, test, describe } from 'vitest'
 import Header from '../header'
-import '@testing-library/jest-dom'
 
 describe('Header部分のテスト', () => {
   test('boobyというタイトル文字が表示されているかどうか', () => {

src/Components/__test__/pagination.test.tsx

@@ -1,9 +1,9 @@
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
-import Pagination from '../pagination'
+import { expect, test, vi } from 'vitest';
+import Pagination from '@/Components/pagination'
 
-jest.mock('next/router', () => ({
-  useRouter: jest.fn().mockReturnValue({
+vi.mock('next/router', () => ({
+  useRouter: vi.fn().mockReturnValue({
     pathname: '/',
     query: { language: 'javascript' },
   }),

src/Components/__test__/repositoryCard.test.jsx

@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
+import { expect, test } from 'vitest'
 import RepositoryCard from '@/Components/repositoryCard'
 
 const repository = {

src/Components/__test__/repositorySearchForm.test.jsx

@@ -1,5 +1,5 @@
 import { render } from '@testing-library/react'
-import '@testing-library/jest-dom'
+import { expect, test } from 'vitest'
 import RepositorySearchForm from '@/Components/repositorySearchForm'
 
 describe('RepositSearchFormのテスト', () => {

src/Components/__test__/select.test.jsx

@@ -1,6 +1,6 @@
-import { render, fireEvent } from '@testing-library/react'
+import { render } from '@testing-library/react'
+import { expect, test } from 'vitest'
 import Select from '@/Components/select'
-import '@testing-library/jest-dom'
 
 const options = [
   { label: 'A', value: 'a' },

src/test/setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom'

vitest.config.ts

@@ -0,0 +1,17 @@
+/// <reference types="vitest" />
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  plugins: [react()],
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: './src/test/setup.ts',
+  },
+  resolve: {
+    alias: {
+      '@': __dirname + '/src',
+    },
+  },
+})