Skip to main content
Cypress云服务免费试用

GitHub 集成

info
你将学习到
  • 如何安装 Cypress GitHub 应用
  • 如何为项目启用 GitHub 集成
  • 如何配置状态检查和拉取请求评论

Cypress Cloud 可以通过提交状态检查拉取请求评论将你的 Cypress 测试与 GitHub 工作流集成。项目首先需要设置为记录到 Cypress Cloud 才能使用 GitHub 集成。

Cypress GitHub App PR
caution

启用集成的用户必须是 GitHub 管理员才能启用仓库访问权限。

caution

GitHub 集成依赖于你的 CI 环境可靠地提供提交 SHA(通常通过环境变量)。这对大多数用户来说不是问题,但如果你在使用 CI 设置时遇到 GitHub 集成问题,请确保按照这些指南正确发送 git 信息。如果在此之后仍然遇到问题,请联系我们

GitHub Enterprise

tip

Cypress Cloud 高级功能

GitHub Enterprise 集成包含在我们的商业和企业付费定价计划中。

要为你的 GitHub Enterprise 站点配置 Cypress Cloud 集成,首先按照以下说明通过组织集成设置安装,然后跳转到Cypress GitHub Enterprise 应用安装,最后为项目启用集成

安装 Cypress GitHub 应用

在为你的 Cypress 项目启用 GitHub 集成之前,你必须先安装 Cypress GitHub 应用。你可以通过组织设置页面或项目设置页面在 Cypress Cloud 中启动 GitHub 应用安装过程。

通过组织集成设置安装

  1. 前往 Cypress Cloud 的组织页面或打开组织切换器。

  2. 选择你希望与 GitHub 账户或 GitHub 组织集成的组织。

    选择组织
  3. 通过侧边导航访问所选组织的集成页面。

    从集成安装 Cypress GitHub
  4. 点击安装 GitHub 集成安装 GitHub Enterprise 集成按钮。

通过项目设置安装

caution

此安装方法不适用于 GitHub Enterprise。

  1. 在组织切换器中选择你的组织。

    选择组织
  2. 选择你希望与 GitHub 仓库集成的项目。

    选择项目
  3. 前往项目的设置页面。

    访问项目设置
  4. 滚动到GitHub 集成部分。

  5. 点击启用 GitHub按钮。

    启用 GitHub

Cypress GitHub 应用安装过程

一旦你通过Cypress 组织的设置项目设置启动了 GitHub 应用安装过程,你将被引导到 GitHub.com 完成安装:

  1. 选择要与你的 Cypress Cloud 组织集成的 GitHub 组织或账户。

    选择 GitHub 组织
  2. 选择要与 Cypress GitHub 应用关联的仓库。你可以选择所有仓库仅选择仓库

info

如果你选择所有仓库,所有当前和_未来_的仓库都将包含在此安装中。

选择 GitHub 仓库
  1. 点击安装按钮完成安装。

Cypress GitHub Enterprise 应用安装过程

要将 Cypress Cloud 与 GitHub Enterprise 集成,你需要创建一个新的 GitHub 应用,从新应用中复制必要的设置和凭据,将其粘贴到 Cypress Cloud 中,并完成激活过程。

  1. 打开 Cypress Cloud 组织的 GitHub Enterprise 页面,打开新标签页或浏览器窗口并浏览到你的 GitHub Enterprise 站点。导航到你的 GitHub 组织 → 设置开发者设置GitHub 应用不要前往 OAuth 应用。点击新建 GitHub 应用按钮。
创建新 GitHub 应用
  1. 完成注册新 GitHub 应用部分。
配置新 GitHub 应用
  1. 完成Webhook部分。
配置应用 webhook
  1. 设置仓库权限。以下是新 GitHub 应用所需的最低权限。
    • 拉取请求:读写
    • 提交状态:读写
配置应用权限
配置应用权限
  1. 跳转到表单底部并点击创建 GitHub 应用按钮。你的新 GitHub 应用现已创建,你将进入设置页面。

  2. 返回 Cypress Cloud GitHub Enterprise 集成配置屏幕,从你的新 GitHub 应用中填充以下值。

    • 将你的 GitHub Enterprise 站点的根 URL 复制到 Cypress GitHub Enterprise 服务器 URL 字段。
    • 应用 ID 复制到 Cypress GitHub Enterprise 应用 ID 字段。
    • 客户端 ID 复制到 Cypress GitHub Enterprise 客户端 ID 字段。
    • GitHub 应用名称 复制到 Cypress GitHub Enterprise 应用名称 字段。
    • 在 GitHub 中通过点击生成新的客户端密钥按钮生成新的客户端密钥。将新密钥复制到 Cypress GitHub Enterprise 客户端密钥 字段。
    • 在 GitHub 中通过点击生成私钥按钮生成新的私钥。在文本编辑器中打开并将所有内容复制到 Cypress GitHub Enterprise 私钥 字段。
收集新应用信息
生成客户端密钥
生成私钥
  1. 在 Cypress Cloud 中,点击下一步按钮,你将进入 GitHub Enterprise 应用授权页面。点击**授权[你的应用名称]**按钮。
授权 GitHub 应用
  1. 在你的新授权 GitHub 应用上,点击安装按钮。
安装 GitHub 应用
  1. 快完成了!在 GitHub 应用安装页面上,选择是否要为所有仓库或特定仓库安装应用,然后点击安装按钮。
info

如果你选择所有仓库,所有当前和_未来_的仓库都将包含在此安装中。

确认 GitHub 应用安装
  1. 最后,你将返回到 Cypress Cloud。恭喜,你已成功安装 Cypress Cloud GitHub Enterprise 集成!现在你可以为项目配置 GitHub 集成了。

为项目启用 GitHub 集成

完成组织的 Cypress GitHub 应用安装后,你现在可以为_任何_ Cypress 项目启用 GitHub 集成。

  1. 前往组织的集成页面。
访问组织的集成
  1. 滚动到 GitHub 集成或 GitHub Enterprise 集成部分。
info

你可以通过点击组织集成页面中所需项目的配置链接快速访问项目的 GitHub 集成设置:

组织 GitHub 集成设置
  1. 选择要与项目关联的 GitHub 仓库。
将 GitHub 仓库与 Cypress 项目关联

一旦 GitHub 仓库与 Cypress 项目关联,GitHub 集成将立即启用:

Cypress 项目启用 GitHub 集成

你还可以在组织的集成页面中查看所有启用 GitHub 集成的 Cypress 项目:

集成页面

状态检查

如果在项目的 GitHub 集成设置中启用了状态检查,Cypress Cloud 将向 GitHub 报告相关提交的 Cypress 测试状态。状态检查有助于防止在所有的 Cypress 测试通过之前将提交或拉取请求合并到代码库中。

Cypress GitHub 应用以两种不同的风格报告提交状态检查:

  • 每个运行组一个检查。

    按组状态检查
  • 或每个规范文件一个检查。

    按规范状态检查

每个状态检查将报告测试失败或通过的数量,相关的详情链接将引导你到 Cypress Cloud 中的测试运行页面,帮助你通过错误消息、堆栈跟踪、屏幕截图和视频录制更深入地了解问题:

Cypress Cloud 规范标签页
tip
调试Cypress Cloud测试运行?

不要依赖本地复现失败条件或人工解析测试产物。使用 测试回放功能,完整重现录制运行期间的测试执行过程,获得全面的调试能力。

禁用状态检查

GitHub 状态检查是可选的,可以在项目的 GitHub 集成设置中禁用:

状态检查设置
tip

Cypress Cloud 高级功能

报告不稳定的状态检查包含在我们的团队、商业和企业付费定价计划中。

拉取请求评论

Cypress GitHub 应用可以通过评论在拉取请求中提供详细的测试信息,包括:

  • 运行上下文详情:
    • 关联的 Cypress 项目
    • 指向相应分支审查的链接
    • 运行状态(通过、失败等)
    • 运行时长
    • 提交消息和 SHA
    • 提交者
  • 测试结果:
    • 运行统计,如测试通过、失败、跳过、不稳定和待定。
  • 待审查的测试:
    • 失败或不稳定的测试摘要
    • 返回 Cypress Cloud 中关联的失败或不稳定测试的链接

下面是一个 Cypress 拉取请求评论的示例:

Cypress GitHub App PR 评论

禁用 PR 评论

PR 评论是可选的,如果不需要可以在项目的 GitHub 集成设置中禁用:

状态检查设置

卸载 Cypress GitHub 应用

你可以通过以下步骤从 GitHub 卸载 Cypress GitHub 应用:

  1. 在 GitHub 中进入你的组织的设置
  2. 点击 GitHub 应用
  3. 在 Cypress 应用旁边点击配置
  4. 在“危险区域”部分点击卸载

故障排除

请参阅常见的 GitHub Actions 问题及解决方案

另请参阅