reactjs - Visual Studio 2019 测试资源管理器中的 Jest 单元测试

Question

我使用 dotnet new react 创建了一个新的 ASP.NET Core React 应用程序.然后我添加了一些 Jest 单元测试，当我运行 npm test 时运行良好。在命令行上。

我希望能够使用测试资源管理器窗口或 ReSharper 从 Visual Studio 2019 运行测试。

首先，ReSharper 似乎只支持 Jasmine 而不是 Jest ( ReSharper documentation , Feature request )。

所以我尝试使用测试资源管理器，遵循 this official guide .它支持 Jest。但是，ASP.NET Core 的 React 模板不是 node.js 项目，因此测试框架和诸如此类的选项不可用。因此，测试资源管理器找不到任何测试。

然后我尝试使用命令 vstest.console.exe MyProject.csproj /TestAdapterPath:"C:\Program Files (x86)\Microsoft Visual Studio\2019\Professional\Common7\IDE\Extensions\Microsoft\NodeJsTools\TestAdapter" 运行测试.输出给了我一些希望:

Microsoft (R) Test Execution Command Line Tool Version 16.5.0
Copyright (c) Microsoft Corporation.  All rights reserved.

Starting test execution, please wait...

A total of 1 test files matched the specified pattern.
No test is available in MyProject.csproj. Make sure that test 
discoverer & executors are registered and platform & framework version settings are appropriate and 
try again.

测试运行器找到了至少一个测试文件(实际上我有 2 个)，但它不知道它应该使用 Jest 执行器。我可以在 .csproj 文件中添加一些东西以使其工作吗？

Answer 1

我就是这样得到的 .njsproj上类。希望做个.csproj工作也是如此。首先创建一个新的 Blank Node.js Console Application与 TypeScript .用 JavaScript 测试以及它的工作原理。

创建一个名为 tests 的文件夹并添加一个 JavaScript Jest UnitTest file :

Failed to find "jest" package. "jest" must be installed in the projectlocally. Install "jest" locally using the npm manager via solutionexplorer or with ".npm install jest --save-dev" via the Node.jsinteractive window. Failed to find "jest-editor-support" package."jest-editor-support" must be installed in the project locally.Install "jest-editor-support" locally using the npm manager viasolution explorer or with ".npm install jest-editor-support--save-dev" via the Node.js interactive window.

然后从 VS 2019 的开发人员命令提示符运行以下命令:

vstest.console.exe "C:\Users\Oscar\source\repos\NodejsConsoleApp1\NodejsConsoleApp1\NodejsConsoleApp1.njsproj" "/TestAdapterPath:C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\Common7\IDE\Extensions\Microsoft\NodeJsTools\TestAdapter"

已安装 jest和 jest-editor-support具有依赖类型 Development .

执行此操作后，可以运行测试:

测试现在也将显示在测试资源管理器中:

然后重命名 UnitTest1.js至 UnitTest1.ts .您应该会看到以下错误:

安装 @types/jest作为开发依赖项，它应该可以工作:

我不必指定这一点，但如果出现问题，请检查项目属性并设置 JavaScript 单元测试值。

还要检查测试文件的属性，如果通过 GUI 添加这些值默认情况下应该是正确的。