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

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