feat(*): add support vitest

Author: Боровский Дмитрий

packages/arui-scripts/docs/commands.md

@@ -57,6 +57,36 @@ _package.json_
 arui-scripts test
 ```
 
+### test:vitest
+Команда `arui-scripts test:vitest` запускает unit тесты через [Vitest](https://vitest.dev/).
+
+Конфигурация включает в себя:
+- Использование Jest-совместимого API (`describe`, `it`, `expect`)
+- Замену всех импортов `.css` файлов на пустые модули
+- Маппинг путей из `tsconfig.json` (paths)
+- Поддержку `setupFiles` из `package.json` → `jest.setupFiles` (например, для настройки Enzyme)
+
+По умолчанию под маску для поиска тестов попадают файлы:
+- `src/**/__tests__/**/*.{ts,tsx,js,jsx}`
+- `src/**/__test__/**/*.{ts,tsx,js,jsx}`
+- `src/**/*.{test,spec,tests}.{ts,tsx,js,jsx}`
+
+Для настройки Enzyme и других setup-файлов укажите их в `package.json`:
+
+```json
+{
+    "jest": {
+        "setupFiles": ["<rootDir>/__tests__/setup.js"]
+    }
+}
+```
+
+**Как запустить?**
+
+```bash
+arui-scripts test:vitest
+```
+
 ### docker-build
 Собирает клиентский и серверный код в production-режиме, создает docker-образ и пушит его в docker-репозиторий.
 

packages/arui-scripts/package.json

@@ -114,6 +114,7 @@
         "ts-jest": "29.1.0",
         "ts-loader": "9.4.4",
         "ts-node": "9.1.1",
+        "vitest": "^2.1.0",
         "webpack-bundle-analyzer": "4.10.2",
         "webpack-deduplication-plugin": "^0.0.8",
         "webpack-manifest-plugin": "3.2.0",
@@ -148,6 +149,7 @@
     "scripts": {
         "build": "sh bin/build.sh",
         "test": "jest",
+        "test:vitest": "vitest",
         "lint:scripts": "arui-presets-lint scripts",
         "format": "arui-presets-lint format",
         "format:check": "arui-presets-lint format:check",

packages/arui-scripts/src/bin/index.ts

@@ -9,6 +9,7 @@ const commands: Record<string, () => void> = {
     'docker-build': () => require('../commands/docker-build'),
     'docker-build:compiled': () => require('../commands/docker-build-compiled'),
     test: () => require('../commands/test'),
+    'test:vitest': () => require('../commands/test-vitest'),
     'ensure-yarn': () => require('../commands/ensure-yarn'),
     'archive-build': () => require('../commands/archive-build'),
     'bundle-analyze': () => require('../commands/bundle-analyze'),

packages/arui-scripts/src/commands/test-vitest/index.ts

@@ -0,0 +1,31 @@
+import { spawn } from 'child_process';
+import path from 'path';
+
+// Do this as the first thing so that any code reading it knows the right env.
+process.env.BABEL_ENV = 'test';
+process.env.NODE_ENV = 'test';
+process.env.PUBLIC_URL = '';
+
+// Makes the script crash on unhandled rejections instead of silently
+// ignoring them. In the future, promise rejections that are not handled will
+// terminate the Node.js process with a non-zero exit code.
+process.on('unhandledRejection', (err) => {
+    // eslint-disable-next-line @typescript-eslint/no-throw-literal
+    throw err;
+});
+
+const vitestConfigPath = path.resolve(__dirname, '../../configs/vitest/config.js');
+const args = process.argv.slice(3);
+const vitestArgs = ['run', '--config', vitestConfigPath, ...args];
+
+const vitestDir = path.dirname(require.resolve('vitest/package.json'));
+const vitestBin = path.join(vitestDir, 'vitest.mjs');
+
+const vitestProcess = spawn(process.execPath, [vitestBin, ...vitestArgs], {
+    stdio: 'inherit',
+    shell: false,
+});
+
+vitestProcess.on('close', (code) => {
+    process.exit(code ?? 0);
+});

packages/arui-scripts/src/configs/vitest/config.ts

@@ -0,0 +1,5 @@
+import { defineConfig } from 'vitest/config';
+
+import { getVitestConfig } from './settings';
+
+export default defineConfig(getVitestConfig());

packages/arui-scripts/src/configs/vitest/settings.ts

@@ -0,0 +1,92 @@
+import fs from 'fs';
+import path from 'path';
+
+import { parseConfigFileTextToJson } from 'typescript';
+
+function getSetupFiles(cwd: string): string[] {
+    const packagePath = path.join(cwd, 'package.json');
+
+    let setupFiles: string[] = [];
+
+    if (fs.existsSync(packagePath)) {
+        const pkg = JSON.parse(fs.readFileSync(packagePath, 'utf8')) as {
+            jest?: { setupFiles?: string[] };
+        };
+
+        setupFiles = pkg.jest?.setupFiles ?? [];
+    }
+
+    return setupFiles.map((file: string) =>
+        path.resolve(cwd, file.replace('<rootDir>', '.')),
+    );
+}
+
+export function getVitestConfig() {
+    const cwd = process.cwd();
+    const tsconfigPath = path.join(cwd, 'tsconfig.json');
+    const baseUrl = path.dirname(tsconfigPath);
+
+    const cssMockPlugin = {
+        name: 'arui-scripts-css-mock',
+        enforce: 'pre' as const,
+        load(id: string) {
+            if (id.endsWith('.css')) {
+                return 'export default {}';
+            }
+
+            return undefined;
+        },
+    };
+    const alias: Array<{ find: string | RegExp; replacement: string }> = [];
+
+    if (fs.existsSync(tsconfigPath)) {
+        const tsConfigText = fs.readFileSync(tsconfigPath, 'utf8');
+        const { config } = parseConfigFileTextToJson(tsconfigPath, tsConfigText);
+        const paths = config?.compilerOptions?.paths as Record<string, string[]> | undefined;
+        const tsBaseUrl = config?.compilerOptions?.baseUrl
+            ? path.resolve(baseUrl, config.compilerOptions.baseUrl)
+            : baseUrl;
+
+        if (paths) {
+            for (const [key, value] of Object.entries(paths)) {
+                const pattern = key.replace(/\/\*$/, '');
+                const target = value[0]?.replace(/\/\*$/, '') ?? '';
+
+                alias.push({
+                    find: pattern,
+                    replacement: path.resolve(tsBaseUrl, target),
+                });
+            }
+        }
+    }
+
+    const setupFiles = getSetupFiles(cwd);
+
+    return {
+        plugins: [cssMockPlugin],
+        resolve: {
+            alias,
+        },
+        test: {
+            globals: true,
+            environment: 'jsdom' as const,
+            setupFiles,
+            include: [
+                'src/**/__tests__/**/*.{ts,tsx,js,jsx}',
+                'src/**/__test__/**/*.{ts,tsx,js,jsx}',
+                'src/**/*.{test,spec,tests}.{ts,tsx,js,jsx}',
+            ],
+            exclude: ['**/node_modules/**', '**/build/**', '**/.build/**'],
+            coverage: {
+                provider: 'v8' as const,
+                include: ['src/**/*.{js,jsx,ts,tsx}'],
+                exclude: ['**/*.d.ts', '**/__tests__/**'],
+            },
+            environmentOptions: {
+                jsdom: {
+                    url: 'http://localhost',
+                },
+            },
+        },
+    };
+}

packages/example/package.json

@@ -8,6 +8,7 @@
         "bundle-analyze": "arui-scripts bundle-analyze",
         "start": "NODE_ENV=localhost arui-scripts start",
         "test": "arui-scripts test",
+        "test:vitest": "arui-scripts test:vitest",
         "lint:styles": "arui-presets-lint styles",
         "lint:scripts": "arui-presets-lint scripts",
         "format": "arui-presets-lint format",

packages/example/src/__tests__/__snapshots__/app.tests.tsx.snap

@@ -1,3 +1,5 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`app > should be match to snapshot 1`] = `ShallowWrapper {}`;
 
 exports[`app should be match to snapshot 1`] = `ShallowWrapper {}`;