You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Jest环境下恢复WebStorm IDE左侧单元测试工具栏?

解决WebStorm左侧单元测试按钮消失的方法
  • 检查Jest插件是否启用
    打开Settings/Preferences(快捷键:Ctrl+Alt+S / Cmd+,),进入Plugins,搜索Jest插件,确保它处于启用状态。如果之前被禁用,启用后重启IDE。

  • 确认项目的Jest配置被IDE识别

    1. 打开Settings/Preferences > Languages & Frameworks > JavaScript > Jest
    2. 勾选Enable Jest选项
    3. 检查配置文件路径:IDE通常会自动识别jest.config.js、jest.config.ts或Angular项目angular.json中的测试配置,若路径异常,手动指定正确的配置文件位置
  • 重新同步项目依赖
    右键点击项目根目录的package.json文件,选择Show npm Scripts,在npm工具窗口找到test命令并执行一次。执行完成后,IDE会重新扫描测试相关配置与文件,大概率能恢复测试按钮。

  • 清除IDE缓存(非重置IDE)
    打开File > Invalidate Caches...,选择Invalidate and Restart。该操作仅清除IDE缓存文件,不会重置个性化设置(如快捷键、布局),属于安全操作。

  • 检查测试文件命名规范
    Jest默认识别*.test.ts、*.spec.ts格式文件,或__tests__目录下的文件。确保你的测试文件符合这些规则,IDE才会将其识别为测试文件并显示对应按钮。

内容的提问来源于stack exchange,提问作者Ricardo Gellman

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.01 04:17:02