使用 Cypress 只测试一个文件

Cypress 是一个现代化的前端端到端测试框架，它具有无头浏览器、可视化 UI 工具、自动重试捕获失败等特性。在这篇文章中，我们将学习如何使用 Cypress 只测试一个文件。

安装 Cypress

首先，我们需要在本地安装 Cypress。通过 npm 安装：

npm install cypress --save-dev

创建测试文件

创建一个新的测试文件 example.spec.js。我们可以使用一些 Cypress 的 API 来编写测试用例。在这个例子中，我们编写了一个简单的测试，来测试我们的应用能否成功加载：

describe('Example Page', function () {
  it('loads successfully', function () {
    cy.visit('https://example.com')
    cy.contains('Example Domain')
  })
})

运行测试

我们可以通过以下命令来启动 Cypress，然后开始运行测试：

./node_modules/.bin/cypress open

在 Cypress 的图形用户界面中，选择 example.spec.js 文件并点击运行。

Cypress 将自动打开一个 Chrome 浏览器，模拟我们编写的测试，显示测试是否通过。

运行命令行测试

如果你想在命令行中运行测试，则可以使用以下命令：

./node_modules/.bin/cypress run --spec "cypress/integration/example.spec.js"

命令行测试将在 headless 模式下运行，输出结果将会在控制台中显示。

结论

现在你知道如何使用 Cypress 只测试一个文件了。这项技能可以让你更加高效地进行测试，并在必要时快速定位错误。Cypress 提供了很多有用的 API，可以让你编写出更高质量的测试。