daheejo / quick-vitejs-react-typescript-vitest

Quick ViteJS React TypeScript Vitest

This is a quick base code for setting up Vitest tests for our ViteJS project for React and TypeScript.

NOTE: This scaffolded project is based on ViteJS React TypeScript Template.

This code is based on the article Quick Vitest Setup With ViteJS, React, & TypeScript.

Requirements

• Node v18.12.1
• PNPM v7.15.0

Setup

Install dependencies:

# FROM ./

pnpm install;

Run tests:

# FROM ./

pnpm test;

Tests

There are the main file used for testing.

Main test file:

• src/__tests__/App.test.jsx

Main vite config file

• vite.config.ts

Main vitest setup file to extend jest

• vitest.setup.ts