Cypress 简明教程

Cypress - Build First Test

一旦 Cypress 配置完毕，就会在项目内创建一个框架，该框架在 Explorer 中自动可见。新的测试文件（比如 FirstTest.spec.js）应在 integration 文件夹中创建，如下所示。

integration folder

Cypress Folder Structure

让我们了解 Cypress 中的文件结构。Cypress 文件夹中包含的因素如下所述：

  1. fixtures - 此处维护测试作为键值对形式的测试数据。

  2. integration - 此处维护框架的测试用例。

  3. plugins - 此处维护 Cypress 事件（测试前和测试后执行的事件）。

  4. support - 此处创建可重用方法或自定义命令，测试用例可以直接利用它们，而不进行对象创建。

  5. videos - 以视频的形式记录执行的测试步骤，并在此处维护。

  6. node_modules - 此文件夹维护 npm 的项目依赖项。它是 Cypress 项目执行的核心。

  7. cypress.json - 此文件夹中设置了默认配置。可以在此处修改当前配置的值，这将覆盖默认配置。

  8. package.json - 此文件夹维护项目的依赖项和脚本。

Structure of a Basic Test

Cypress 遵循 JavaScript 测试框架（Mocha、Jasmine 等）。要在 Cypress 中创建测试，我们必须遵守以下框架准则：

  1. 测试套件名称必须在 describe 函数内提供。

  2. 测试套件内的测试用例名称必须在相同函数内提供，或者您必须指定该函数。

  3. 测试用例内的测试步骤必须在 it/specify 代码块内实现。

Basic Test Implementation

基本的测试执行可以通过使用如下命令完成：

// test suite name
describe('Tutorialspoint Test', function () {
// Test case
   it('Scenario 1', function (){
      // test step for URL launching
      cy.visit("https://www.google.com/");
   });
});

上面使用的cy命令不需要对象调用。它在默认安装节点模块时是可用的。

Test Execution

对于执行 from the command line ，运行下面给出的命令：

./node_modules/.bin/cypress run

这里，集成文件夹内的所有文件都会被触发。

对于执行 from the Test Runner ，运行下面给出的命令：

./node_modules/.bin/cypress open

然后，点击我们要触发执行的说明文件。

要触发执行 for a specific file from command line ，运行下面给出的命令：

cypress run --spec "<spec file path>"

以下屏幕将出现在您的计算机上：

specific file from command line