PhpStorm 2026.1 Help

测试 React 应用程序。

您可以在 使用生成器创建的 React 应用程序中运行和调试 Jest 测试。 在开始之前,请确保 react-scripts 包已添加到您的 dependencies 对象中 package.json

您可以直接从编辑器、 Project 工具窗口或者通过运行/调试配置来运行和调试 Jest 测试。 更多信息请参阅 Jest

从编辑器运行测试

  • 点击 运行图标重新运行图标 ,然后从列表中选择 运行 <test_name>

    从编辑器运行单个测试

    您还可以直接在编辑器中查看测试是通过还是失败,这要归功于 测试状态图标 测试通过测试失败 位于边栏中。

通过运行/调试配置运行测试

创建 Jest 运行/调试配置

  1. 打开 运行/调试配置对话框(运行 | 编辑配置 在主菜单中),点击 "添加"按钮 在左侧窗格中,然后从列表中选择 Jest。 “ 运行/调试配置:Jest” 对话框打开。

  2. 指定要使用的 Node.js 运行时以及应用程序的工作目录。 默认情况下, 工作目录 字段显示项目根文件夹。 若要更改此预定义设置,请指定所需文件夹的路径。

  3. Jest 包 字段中,指定 react-scripts包的路径。

  4. Jest 选项 字段中,输入 --env=jsdom

    测试 React:Jest 运行配置

通过运行/调试配置启动测试

  1. 从配置列表中选择 Jest 运行/调试配置,并点击 运行图标

  2. 测试运行器 选项卡的 运行 工具窗口中监控测试执行并分析测试结果。 如需更多信息,请参阅 探索测试结果

调试测试

调试测试

  1. 从主工具栏的列表中选择 Jest 运行/调试配置,并单击右侧的 调试按钮 &#xa0;。

  2. 在打开的 调试工具窗口 中,按常规操作: 逐步执行程序暂停并恢复程序执行, 在挂起时检查 ,探索调用堆栈和变量,设置监视,评估变量, 查看实际的 HTML DOM ,等等。

2026年 3月 17日