Skip to content

Cypress - 支持的浏览器

Cypress - 支持的浏览器和执行方式

Section titled “Cypress - 支持的浏览器和执行方式”

Cypress 为在多种流行 Web 浏览器上运行测试提供了无缝体验。这使你可以确保应用在更广泛的用户群体中表现一致。

Cypress 支持一系列浏览器,包括:

  • Chrome(以及基于 Chromium 的浏览器,如 Brave)
  • Edge(基于 Chromium 的版本)
  • Electron(与 Cypress 捆绑,最初是 cypress open 的默认浏览器)
  • Firefox(标准版和开发者版)
  • WebKit(实验性支持,用于模拟 Safari 进行测试)

Cypress 会自动检测你系统上安装的兼容浏览器。当你打开 Cypress 测试运行器 (npx cypress open) 时,通常可以在测试运行器窗口右上角的下拉菜单中选择你想要的浏览器。

如果未列出特定的浏览器版本,请确保你的机器上安装了该浏览器的兼容版本。Cypress 通常与最新的稳定版本配合良好。

  1. 打开 Cypress 测试运行器:npx cypress open

  2. 在测试运行器 UI 中,找到浏览器选择下拉菜单(通常在标题栏中)。

  3. 选择你想要运行测试的浏览器。

  4. 点击一个 spec 文件,在选定的浏览器中开始测试。

测试运行器将启动选定的浏览器并在其中执行你的测试,提供实时的视觉反馈。

对于 CI/CD 流水线或自动化运行,你会使用 cypress run 命令。默认情况下,cypress run 使用 Electron 浏览器以 headless(无头)模式执行测试。

要指定不同的浏览器,请使用 --browser 标志:

在 Chrome 中运行测试(默认为 headless):

npx cypress run --browser chrome

在 Firefox 中运行测试(默认为 headless):

npx cypress run --browser firefox

在 Edge 中运行测试(默认为 headless):

npx cypress run --browser edge

Headed(有头)与 Headless(无头)执行

Section titled “Headed(有头)与 Headless(无头)执行”

默认情况下,cypress run 以 headless(无头)模式执行测试(没有可见的浏览器窗口)。这更快,并且更适合 CI 环境。

要从 CLI 以 headed(有头)模式运行测试(即显示浏览器窗口),请使用 --headed 标志:

npx cypress run --headed
// 在特定浏览器中以 headed 模式运行:
npx cypress run --browser chrome --headed

Electron 浏览器始终可用,因为它与 Cypress 捆绑在一起,无需单独安装。其他浏览器如 Chrome、Firefox 和 Edge 必须安装在运行 Cypress 的系统上。

有关支持的浏览器及其版本的最新列表,请始终参考 Cypress 官方文档:启动浏览器。