如何将测试添加到现有的Typescript项目中，并使其显示在Test Explorer中？

调用摩卡

当你调用mocha通过命令行，的package.json，或launch.json，您提供的摩卡与两个重要信息：

• 指定测试文件位置的全局模式。
• 一个--require标志，指定要加载的任何其他模块。

当使用一个或两个提到的VSCode扩展时，需要为这两个关键信息提供扩展。

配置扩展

这两个扩展有很多重叠，因此我建议使用其中一个。我个人比较喜欢Mocha Test Explorer。我发现Mocha侧边栏在运行较大的测试套件时过慢。无论如何，它们的配置方式都非常相似：

摩卡浏览器

告诉它测试在哪里，并ts-node用于即时编译。这些设置在settings.json用户级别或项目级别进入。

"mochaExplorer.files": "test/**/*.test.ts",
"mochaExplorer.require": [
    "ts-node/register",
],

摩卡边栏

用稍有不同的话告诉它同一件事：

"mocha.requires": [
    "ts-node/register",
],
"mocha.files.glob": "test/**/*.test.ts"

覆盖可视化

为了在VSCode中可视化coverage数据，您可以尝试诸如coverage- gutters之类的方法。我发现您提到的两个扩展都不对实际查看我的覆盖率数据有用。

在哪里应用这些设置？

为了确保新加入该项目的开发人员可以“扎根”，我喜欢将这种配置检入到项目中，例如.vscode/settings.json。

项目之间的通配模式通常会有所不同，给定项目所需的模块也会有所不同--require。因此，对于我来说，这种配置与项目一起存在是很有意义的。

工作实例

我克隆了您的项目，并将以上配置添加到.vscode/settings.json：