vitest.config.unit.ts

import {basename as pathBasename} from 'node:path';
import {readFileSync, globSync} from 'node:fs';
import {mergeConfig, defineConfig} from 'vitest/config';
import {playwright} from '@vitest/browser-playwright';
import baseConfig from './vitest.config.base';

const isCI = process.env.CI === 'true';

function styleSpecFixtures() {
    const virtualModuleId = 'virtual:style-spec/fixtures';
    const resolvedVirtualModuleId = `\0${virtualModuleId}`;
    const fixtureFiles = globSync('./test/unit/style-spec/fixture/*.input.json').reduce((acc, file) => {
        acc[pathBasename(file).replace('.input.json', '')] = readFileSync(file).toString();
        return acc;
    }, {});

    return {
        name: 'style-spec-fixtures',
        resolveId(id) {
            if (id === virtualModuleId) {
                return resolvedVirtualModuleId;
            }
        },
        load(id) {
            if (id === resolvedVirtualModuleId) {
                return `export const fixtures = ${JSON.stringify(fixtureFiles)}`;
            }
        }
    };
}

export default mergeConfig(baseConfig, defineConfig({
    test: {
        browser: {
            provider: playwright({launchOptions: {channel: 'chrome'}}),
            instances: [
                {browser: 'chromium'},
            ],
        },
        include: ['test/unit/**/*.test.ts'],
        setupFiles: ['test/unit/setup.ts'],
        reporters: isCI ? [
            ['html', {outputFile: './test/unit/vitest/index.html'}],
            ['verbose', {summary: false}],
            ['github-actions']
        ] : [['default']],
    },
    plugins: [
        styleSpecFixtures()
    ]
}));