Cypress - 构建第一个测试

配置 Cypress 后,项目内会创建一个框架,该框架会自动显示在 Explorer 中。新的测试文件(例如 FirstTest.spec.js)应在集成文件夹中创建,如下所述。

Integration Folder

Cypress 文件夹结构

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

  • fixtures − 此处维护以键值对形式表示的测试数据。

  • integration − 此处维护框架的测试用例。

  • plugins − Cypress 事件(测试执行的前期和后期事件)都在此处维护。

  • support − 可重用的方法或自定义命令,可直接供测试用例使用,无需创建对象,都在此处创建。

  • videos − 执行的测试步骤以视频形式记录并在此处维护。

  • node_modules − 来自 npm 的项目依赖项在此文件夹中维护。它是 Cypress 项目执行的核心。

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

  • package.json −项目的依赖项和脚本都保存在此文件夹中。

基本测试的结构

Cypress 遵循 JavaScript 测试框架(Mocha、Jasmine 等)。要在 Cypress 中创建测试,我们必须遵守下面提到的框架指南 −

  • 必须在 describe 函数中提供测试套件名称。

  • 必须在测试套件中提供测试用例名称,或者您必须指定该函数。

  • 必须在 it/specify 块内实现测试用例中的测试步骤。

基本测试实现

基本测试实现可以​​通过以下命令完成 −

// 测试套件名称
describe('Tutorialspoint Test', function () {
    // 测试用例
    it('Scenario 1', function (){
        // URL 启动的测试步骤
        cy.visit("https://www.google.com/");
    });
});

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

测试执行

要从命令行执行,请运行下面给出的命令 −

./node_modules/.bin/cypress run

在这里,集成文件夹中的所有文件都会被触发。

要从测试运行器执行,请运行下面所述的命令 −

./node_modules/.bin/cypress open

然后,单击我们想要触发执行的 spec 文件。

要从命令行触发特定文件的执行,请运行下面提到的命令 −

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

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

命令行中的特定文件