Add vitest

This commit is contained in:
T'JAMPENS QUENTIN p2406187
2025-12-04 11:21:35 +01:00
parent 6f2465a452
commit ad58a36707
3 changed files with 50 additions and 31 deletions
+2 -1
View File
@@ -9,7 +9,8 @@
"lint": "eslint .", "lint": "eslint .",
"preview": "vite preview", "preview": "vite preview",
"storybook": "storybook dev -p 6006", "storybook": "storybook dev -p 6006",
"build-storybook": "storybook build" "build-storybook": "storybook build",
"test": "vitest"
}, },
"dependencies": { "dependencies": {
"chart.js": "^4.5.1", "chart.js": "^4.5.1",
+9
View File
@@ -0,0 +1,9 @@
import { expect, test } from 'vitest';
import formatDate from './formatDate';
const date = "2025-11-28T11:26:45.000000Z"
const res = "28/11/2025"
test("Format Date", () => {
expect(formatDate(date)).toBe(res);
})
+39 -30
View File
@@ -1,39 +1,48 @@
// vite.config.js
/// <reference types="vitest/config" /> /// <reference types="vitest/config" />
import { defineConfig } from 'vite'; import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'; import react from '@vitejs/plugin-react'
import path from 'node:path'
import { fileURLToPath } from 'node:url'
import { storybookTest } from '@storybook/addon-vitest/vitest-plugin'
import { playwright } from '@vitest/browser-playwright'
// https://vite.dev/config/
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import { storybookTest } from '@storybook/addon-vitest/vitest-plugin';
import { playwright } from '@vitest/browser-playwright';
const dirname = typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url)); const dirname = typeof __dirname !== 'undefined' ? __dirname : path.dirname(fileURLToPath(import.meta.url));
// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [react()],
base: '/', base: '/',
test: { test: {
projects: [{ projects: [
extends: true, {
plugins: [ extends: true,
// The plugin will run tests for the stories defined in your Storybook config plugins: [
// See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest storybookTest({
storybookTest({ configDir: path.join(dirname, '.storybook'),
configDir: path.join(dirname, '.storybook') }),
})], ],
test: { test: {
name: 'storybook', name: 'storybook',
browser: { browser: {
enabled: true, enabled: true,
headless: true, headless: true,
provider: playwright({}), provider: playwright({}),
instances: [{ instances: [{ browser: 'chromium' }],
browser: 'chromium' },
}] setupFiles: ['.storybook/vitest.setup.js'],
}, },
setupFiles: ['.storybook/vitest.setup.js'] },
} {
}] test: {
} name: 'unit',
}); include: [
'src/**/*.test.js',
'src/**/*.test.ts',
'utils/**/*.test.js',
],
environment: 'node',
},
},
],
},
})