如何进行electron项目配置vitest呢？

Question

请问一下：
如果进行electron项目配置vitest呢？

我安装：

pnpm add -D vitest

然后测试文件中进行使用：
src/main/__test__/wm.test.ts

import { describe, it } from 'vitest'
import { wm } from '../wm'

describe('wm 窗口管理', () => {
  it('测试: wm是否存在', () => {
    console.log(wm)
  })

  it('测试: wm.getWindowStates()', () => {

  })
 })

但是报错：

 FAIL  src/main/__test__/wm.test.ts [ src/main/__test__/wm.test.ts ]
Error: Failed to load url @shared/constants (resolved id: @shared/constants) in /Users/john/Desktop/Test/electron-test/src/main/index.ts. Does the file exist?

这里的报错是wm.ts不能引用alias路径：@shared/constants，
我问GPT，是需要配置：
vitest.workspace.ts这些的，但是我实践并没有生效.

请问是否有大佬知道在electron中如何配置vitest进行单元测试呢？因为它并不是我们经常看到的react项目，而是有主进程渲染进程的。

Answer 1

路径别名问题
vitest.config.ts

// vitest.config.ts
import { defineConfig } from 'vitest/config';
import path from 'path';

export default defineConfig({
  test: {
    environment: 'jsdom', // 或者 'node'，取决于你的测试类型
    resolve: {
      alias: {
        '@shared': path.resolve(__dirname, 'src/shared'), // 根据你的项目结构调整路径
      },
    },
  },
  // 其他配置...
});