vitest-canvas-mock

Mock canvas when running unit tests with vitest. Uses jest-canvas-mock.

Install

1npm install vitest-canvas-mock -D

Usage

1. Create a new setup file that imports vitest-canvas-mock or add it to an existing setup file.

1// vitest.setup.ts
2import 'vitest-canvas-mock'

2. In your vitest.config.ts file, create a setupFiles array and add that file:

1import { defineConfig } from 'vitest/config'
2
3export default defineConfig({
4  test: {
5    setupFiles: ['./vitest.setup.ts'],
6    environment: 'jsdom',
7    deps: {
8      inline: ['vitest-canvas-mock'],
9    },
10    // For this config, check https://github.com/vitest-dev/vitest/issues/740
11    threads: false,
12    environmentOptions: {
13      jsdom: {
14        resources: 'usable',
15      },
16    },
17  },
18})

Mock Strategy

View mock strategy doc here.

Snapshots

View snapshots doc here

License

MIT