feat: replace jest with vitest

2022-01-01 14:24:06 +01:00 · 2022-01-01 14:24:06 +01:00 · 8114012997
commit 8114012997
parent bc4ea82639
14 changed files with 323 additions and 1406 deletions
--- a/vite.config.ts
+++ b/vite.config.ts
@ -0,0 +1,145 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import legacyFn from '@vitejs/plugin-legacy'
+const {VitePWA} = require('vite-plugin-pwa')
+const path = require('path')
+const {visualizer} = require('rollup-plugin-visualizer')
+import svgLoader from 'vite-svg-loader'
+
+const pathSrc = path.resolve(__dirname, './src')
+
+// the @use rules have to be the first in the compiled stylesheets
+const PREFIXED_SCSS_STYLES = `@use "sass:math";
+@import "${pathSrc}/styles/common-imports";`
+
+const isModernBuild = Boolean(process.env.BUILD_MODERN_ONLY)
+const legacy = isModernBuild
+	? undefined
+	: legacyFn({
+		// recommended by browserslist => https://github.com/vitejs/vite/tree/main/packages/plugin-legacy#targets
+		targets: ['defaults', 'not IE 11'],
+	})
+
+if (isModernBuild) {
+	console.log('Building "modern-only" build')
+} else {
+	console.log('Building "legacy" build with "@vitejs/plugin-legacy"')
+}
+
+export default defineConfig({
+	// https://vitest.dev/config/
+	test: {
+		environment: 'happy-dom',
+	},
+	css: {
+		preprocessorOptions: {
+			scss: {
+				additionalData: PREFIXED_SCSS_STYLES,
+				charset: false, // fixes  "@charset" must be the first rule in the file" warnings
+			},
+		},
+	},
+	plugins: [
+		vue({
+			template: {
+				compilerOptions: {
+					compatConfig: {
+						MODE: 3,
+					},
+				},
+			},
+		}),
+		legacy,
+		svgLoader({
+			// Since the svgs are already manually optimized via https://jakearchibald.github.io/svgomg/
+			// we don't need to optimize them again.
+			svgo: false,
+		}),
+		VitePWA({
+			srcDir: 'src',
+			filename: 'sw.js',
+			base: '/',
+			strategies: 'injectManifest',
+			injectRegister: false,
+			manifest: {
+				name: 'Vikunja',
+				short_name: 'Vikunja',
+				theme_color: '#1973ff',
+				icons: [
+					{
+						src: './images/icons/android-chrome-192x192.png',
+						sizes: '192x192',
+						type: 'image/png',
+					},
+					{
+						src: './images/icons/android-chrome-512x512.png',
+						sizes: '512x512',
+						type: 'image/png',
+					},
+					{
+						src: './images/icons/icon-maskable.png',
+						sizes: '1024x1024',
+						type: 'image/png',
+						purpose: 'maskable',
+					},
+				],
+				start_url: '.',
+				display: 'standalone',
+				background_color: '#000000',
+				shortcuts: [
+					{
+						name: 'Overview',
+						url: '/',
+					},
+					{
+						name: 'Namespaces And Lists Overview',
+						short_name: 'Namespaces & Lists',
+						url: '/namespaces',
+					},
+					{
+						name: 'Tasks Next Week',
+						short_name: 'Next Week',
+						url: '/tasks/by/week',
+					},
+					{
+						name: 'Tasks Next Month',
+						short_name: 'Next Month',
+						url: '/tasks/by/month',
+					},
+					{
+						name: 'Teams Overview',
+						short_name: 'Teams',
+						url: '/teams',
+					},
+				],
+			},
+		}),
+	],
+	resolve: {
+		alias: [
+			{
+				find: 'vue',
+				replacement: '@vue/compat',
+			},
+			{
+				find: '@',
+				replacement: path.resolve(__dirname, 'src'),
+			},
+		],
+		extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
+	},
+	server: {
+		port: 5000,
+		strictPort: true,
+	},
+	build: {
+		rollupOptions: {
+			plugins: [
+				visualizer({
+					filename: 'stats.html',
+				}),
+			],
+		},
+	},
+})