vitest.config.js

import { defineConfig } from "vitest/config";
import fs from 'fs';
import * as url from 'url';
import viteConfig from '../frontend/vite.config';
import path from 'path';

const __dirname = url.fileURLToPath(new URL('.', import.meta.url));

// Being in a separate directory seemed to interfere with original
// config's environmental variables loading, so import the .env
// and parse it to spread on define (below) so it'll be available.
// This is another way of making DFX_NETWORK, and other env vars
// available. 
const importAsMetaEnvVars = fs.readFileSync(path
  .join(__dirname, '..', '..', '.env'), { encoding: 'utf8' })
  .split('\n').reduce((acc, cur) => {
  if (cur.includes('=')) {
    const kv = cur.replaceAll(`'`, '').split('=');
    return {
      ...acc,
      [`import.meta.env.${kv[0]}`]: JSON.stringify(kv[1]),
    };
  } else {
    return acc;
  }
}, {});

export default defineConfig({
  // When using this project structure, this vite config doesn't seem to pickup other's EnvironmentalPlugin env vars set. 
  ...viteConfig,
  // Alias the frontend/src folder to @ (remember to add jsonconfig.json). 
  resolve: {
    alias: {
      '@': path.join(__dirname, '..', 'frontend', 'src')
    }
  },
  define: {
    // (Also serves as alternative example to using EnvironmentalPlugin): 
    ...importAsMetaEnvVars,
    'import.meta.env.WORKER_HELLO_WORLD': JSON.stringify('Hello from the Web Worker unit test!'),
  },
  test: {
    setupFiles: ['./setup-teardown-hooks.js'],
    environment: 'jsdom',
    threads: false,
    testTimeout: 15000,
    include: [
      'src/e2e/*.test.*',
      'src/unit/frontend/*.test.*',
    ],
  }
});