Skip to main content

Vitest

Node / base config

// vitest.config.js
import { defineConfig } from 'vitest/config'
import baseConfig from '@rtorcato/js-tooling/vitest/config'

export default defineConfig({
...baseConfig,
// Add project-specific settings
})

React config

Extends the base config with @vitejs/plugin-react, jsdom environment, CSS stubbing, and @ / ~ path aliases pointing to src/:

// vitest.config.js
import reactConfig from '@rtorcato/js-tooling/vitest/react'
export default reactConfig

Requires @vitejs/plugin-react and vitest in your devDependencies.

Setup file (CSS module mocking)

A minimal setup file that mocks all *.module.css imports:

// vitest.config.js
import { defineConfig } from 'vitest/config'
import baseConfig from '@rtorcato/js-tooling/vitest/config'

export default defineConfig({
...baseConfig,
test: {
...baseConfig.test,
setupFiles: ['@rtorcato/js-tooling/vitest/setup'],
},
})

Import paths

ExportUse case
@rtorcato/js-tooling/vitest/configNode.js / library projects
@rtorcato/js-tooling/vitest/reactReact + jsdom projects
@rtorcato/js-tooling/vitest/setupCSS module mocking setup file