@teo-garcia/vitest-config-shared

Shared Vitest configuration for React and Next.js projects.

Installation

1npm install --save-dev @teo-garcia/vitest-config-shared

You'll also need to install the peer dependencies:

1npm install --save-dev @testing-library/jest-dom @testing-library/react @vitejs/plugin-react @vitest/browser vitest vite-tsconfig-paths playwright-core

Usage

For React Projects

Create a vitest.config.ts file in your project root:

1import { defineConfig } from "vitest/config";
2import sharedConfig from "@teo-garcia/vitest-config-shared";
3
4export default defineConfig(sharedConfig);

For Next.js Projects

Create a vitest.config.ts file in your project root:

1import { defineConfig } from "vitest/config";
2import sharedConfig from "@teo-garcia/vitest-config-shared/next";
3
4export default defineConfig(sharedConfig);

For General/Node.js Projects

Create a vitest.config.ts file in your project root:

1import { defineConfig } from "vitest/config";
2import sharedConfig from "@teo-garcia/vitest-config-shared/general";
3
4export default defineConfig(sharedConfig);

Package.json Scripts

Add these scripts to your package.json:

1{
2  "scripts": {
3    "test": "vitest",
4    "test:browser": "vitest --browser",
5    "test:ui": "vitest --ui",
6    "coverage": "vitest run --coverage"
7  }
8}