Cypress 如何将默认的无头浏览器更改为 chrome

在使用 Cypress 进行端到端测试的时候，默认情况下使用的是 Electron 作为无头浏览器。如果您想要更改默认浏览器为 Chrome，您可以通过几种方式来实现。

方法一：命令行参数

在运行测试命令时，您可以通过命令行指定浏览器。例如，如果您想使用 Chrome 来运行测试，可以在命令行中使用 --browser 标志。假设您通常使用的命令是 npx cypress open 或 npx cypress run，您可以修改为：

bash
npx cypress run --browser chrome

或者，如果您是通过打开 Cypress 的 GUI 来运行测试的，可以选择 GUI 界面上提供的浏览器选项。

方法二：配置文件

您也可以在 cypress.json 配置文件中指定默认浏览器。这样可以确保每次运行测试时都会使用您指定的浏览器。在 cypress.json 中添加如下配置：

json
{
  "browser": "chrome"
}

这样设置后，每次运行测试时，默认会选择 Chrome 浏览器。

方法三：环境变量

另一种方法是通过设置环境变量来指定浏览器。这可以在 CI 环境中非常有用，例如在 Jenkins、GitHub Actions 等 CI/CD 系统中设置环境变量：

bash
CYPRESS_BROWSER=chrome

然后在运行测试命令时，Cypress 会读取这个环境变量并使用相应的浏览器。

示例

假设我们在一个项目中经常需要在 Chrome 和 Electron 之间切换。您可以在 cypress.json 中配置默认的 Electron 浏览器，然后在需要使用 Chrome 时通过命令行临时切换：

bash
npx cypress run --browser chrome

这样，大部分时间您都在使用默认配置，只在需要的时候通过命令行参数覆盖。

结论

通过以上三种方法，您可以灵活地在 Cypress 中更改默认的无头浏览器为 Chrome。根据不同的使用场景和需求，选择最适合您的方法来进行配置。