如何让Visual Studio测试资源管理器显示React TypeScript测试？

检查Test Explorer匹配规则 #

• 打开VS Code设置（快捷键Ctrl+,/Cmd+,），搜索Jest: Test Match，确认配置数组中包含**/*.Test.tsx——默认2022模板可能只配置了小写的**/*.test.tsx，这会导致大写命名的测试文件被忽略。
• 同时确保Jest: Enable选项处于勾选状态，让VS Code启用Jest测试识别。

修正Jest配置文件 #

• 打开项目根目录的jest.config.js或jest.config.ts，检查testMatch字段，补充对*.Test.tsx的匹配规则，示例配置如下：

  module.exports = {
    testMatch: [
      '**/__tests__/**/*.[jt]s?(x)',
      '**/?(*.)+(spec|test|Test).[tj]s?(x)'
    ],
    // 其他原有配置...
  };
  

重启扩展或VS Code #

• 在VS Code扩展面板找到Jest或Test Explorer UI扩展，右键选择「重新加载窗口」，或者直接重启VS Code，让新的配置生效。

验证测试文件格式 #

• 确认*.Test.tsx文件里的测试用例是通过test()或it()函数定义的，且没有语法错误——虽然命令行npm test能兼容部分格式问题，但Test Explorer对规范要求更严格。

检查工作区信任状态 #

• 如果VS Code状态栏显示工作区未信任，点击「信任工作区」按钮，权限不足会导致Test Explorer无法扫描项目文件。

内容的提问来源于stack exchange，提问作者Steve Buck