从Stackblitz运行jest测试的问题

Question

从stackblitz运行我的jest测试有困难。

我已经在.stackblitzrc中配置了一个启动命令，但我的测试没有运行…

我的jest配置如下:

module.exports = {
preset: 'ts-jest',
testEnvironment: 'jsdom',
testRegex: '(/__tests__/.*|(\.|/)(test|spec))\.[jt]sx?$',
transform: {
'^.+\.tsx?$': 'ts-jest',
},
moduleFileExtensions: ['ts', 'tsx', 'js', 'json'],
setupFilesAfterEnv: ['@testing-library/jest-dom', 'src/setupTests.ts'],
};

这是stackblitz:

https://stackblitz.com/edit/react - 74 twff

有人能帮帮我吗?

Answer 1

首先，您开始使用的模板看起来不支持Web容器。我不确定是否有办法迁移它。为了使用Web容器，你可以从一个基于node的模板开始，并在其中添加功能。

下面是一个我放在一起的例子，应该可以让你工作。你应该能够fork这个文件并添加应用程序的文件，或者在构建新的Stackblitz项目时将其用作参考。

https://stackblitz.com/edit/webpack-5-react-starter-ahpjpn?file=src/app.test.tsx