PyCharm 2025.3 Help

Cypress

Cypress 是一个用于 Web 应用的开源测试框架。 它为开发人员提供用于自动化端到端测试的快速且可靠的解决方案。 凭借其独特的架构和全面的功能集,Cypress 支持高效的测试编写、调试,以及与流行框架和 CI/CD 流水线的集成。

创建新的 Cypress 项目

  1. 在主菜单中,转到 文件 | 新建 | 项目

    或者,如果您位于 欢迎 屏幕上,请点击 新建项目

  2. 在左侧列表中,选择 Cypress

    创建新的 Cypress 项目
  3. 位置 字段中指定项目位置。 项目名称将自动从指定路径中的文件夹名称派生。

  4. 指定 Node.js 运行时

  5. 指定 包管理器

  6. 点击 创建

将根据您选择的选项创建新项目。

将元素添加到代码

  1. 打开您要添加元素的文件。

  2. 在右侧侧边栏点击  Web Inspector 按钮 ,以打开 Web 检查器 工具栏窗口。

  3. 在地址栏中指定页面的 URL。

    地址栏控件
  4. 点击  Select Element in Page 按钮 ,然后在 Web Inspector 中选择要添加的元素。

    在页面中选择元素
  5. 选择元素后,点击 将元素添加到代码 将该元素添加到代码中。

     Add Element to Code 按钮

    要添加特定类型的选择器(IDName带类的标签 等),请点击 按以下方式将元素添加到代码 并选择所需选项。

    按以下方式将元素添加到代码

    如果您要在 CSS 和 XPath 定位器之间切换,请点击 并选择所需的定位器类型。

    选择定位器类型

随后将生成一段代码并将其添加到代码编辑器中。

运行测试

  • 要运行测试,请点击测试类或测试方法旁的  Run 按钮 标记栏图标,然后在列表中选择 运行 选项。

    或者,将插入符号置于测试类处以运行该类中的所有测试,或置于测试方法处,然后按下 Ctrl+Shift+F10

您可以使用运行/调试配置以更灵活的方式运行测试。 有关详细信息,请参阅 运行测试

查看测试结果

测试结果显示在 运行 工具窗口的 测试运行器 选项卡上。 在此选项卡上,您可以重新运行测试、导出和导入测试结果、查看每个测试的运行耗时,并执行其他操作。

测试结果显示在 Run 工具窗口的 Test Runner 选项卡上

有关详细信息,请参阅 浏览测试结果

调试测试

修改运行/调试配置

如果您想修改测试的启动属性,请编辑运行/调试配置:

  1. 在运行/调试配置切换器中点击当前配置,并选择 编辑配置(R)… 选项。

    选择运行/调试配置
  2. 运行/调试配置 对话框中,选择您要编辑的配置。

  3. 配置所需的启动属性。

    配置启动属性
  4. 应用更改并点击 确定

有关运行/调试配置的详细信息,请参阅 运行/调试配置

自定义定位器模板

如果您想自定义选定元素添加到代码中的方式,可以修改模板:

  1. 在状态栏上点击框架名称。 将打开 UI 自动化框架 菜单。

    自定义模板
  2. 选择 自定义模板 选项。

  3. 文件与代码模板 对话框中,从列表中选择所需的框架。

    文件和代码模板对话框
  4. 重写 Web 元素定位器的代码生成算法。

  5. 点击 确定 以保存更改。

这样,定位器将根据更新后的代码生成算法添加到代码中。

打开 Cypress Launchpad

如有需要,您可以在 Cypress Launchpad 中打开当前项目。 为此,请按 ⌘ ⌃ ]

Cypress Launchpad
最后修改日期: 2025年 12月 2日