测试 React 应用程序。
您可以在 使用生成器创建的 React 应用程序中运行和调试 Jest 测试。 在开始之前,请确保 react-scripts 包已添加到您的 dependencies 对象中 package.json 。
您可以直接从编辑器、 Project 工具窗口或者通过运行/调试配置来运行和调试 Jest 测试。 更多信息请参阅 Jest。
从编辑器运行测试
点击
或
,然后从列表中选择 运行 <test_name>。

您还可以直接在编辑器中查看测试是通过还是失败,这要归功于 测试状态图标
和
位于边栏中。
通过运行/调试配置运行测试
创建 Jest 运行/调试配置
打开 运行/调试配置对话框( 在主菜单中),点击
在左侧窗格中,然后从列表中选择 Jest。 “ 运行/调试配置:Jest” 对话框打开。
指定要使用的 Node.js 运行时以及应用程序的工作目录。 默认情况下, 工作目录 字段显示项目根文件夹。 若要更改此预定义设置,请指定所需文件夹的路径。
在 Jest 包 字段中,指定 react-scripts包的路径。
在 Jest 选项 字段中,输入
--env=jsdom。
通过运行/调试配置启动测试
从配置列表中选择 Jest 运行/调试配置,并点击
。
在 测试运行器 选项卡的 运行 工具窗口中监控测试执行并分析测试结果。 如需更多信息,请参阅 探索测试结果。
调试测试
调试测试
从主工具栏的列表中选择 Jest 运行/调试配置,并单击右侧的
 。
在打开的 调试工具窗口 中,按常规操作: 逐步执行程序, 暂停并恢复程序执行, 在挂起时检查 ,探索调用堆栈和变量,设置监视,评估变量, 查看实际的 HTML DOM ,等等。
2026年 3月 17日