Cypress - 自定义命令

Cypress自定义命令由用户描述，而不是Cypress的默认命令。这些自定义命令用于创建在自动化流程中重复的测试步骤。

我们可以添加并覆盖已经存在的命令。它们应放置在 Cypress 项目中 support 文件夹内的 Commands.js 文件中。

句法

Cypress 中的自定义命令的语法如下 -

Cypress.Commands.add(function-name, func)

Cypress.Commands.add(function-name, opts, func)

Cypress.Commands.overwrite(function-name, func)

这里，

• function-name是要添加/覆盖的命令。

• func是获取传递给命令的参数的函数传递。

• opts用于传递一个选项来描述自定义命令的隐式特征。它还用于确定如何处理先前生成的主题（仅适用于 Cypress.Commands.add()），选项的默认值为 false。选项 prevSubject 接受false来忽略先前的主题，接受 true 来接受先前的主题，并接受可选的开始链或利用预先存在的链。选项接受字符串、数组或布尔值。

自定义命令的实现

下面是commands.js中自定义命令的实现

Cypress.Commands.add("userInput", (searchTxt) => {
   //to input search text in Google and perform search
   cy.get("input[type='text']").type(searchTxt);
   cy.contains("Google Search").click();
});

实际测试实施

下面给出的是使用自定义命令在 Cypress 中实际测试的实现 -

describe('Tutorialspoint Test', function () {
   // test case
   it('Test Case 6', function (){
      // launch the application
      cy.visit("https://www.google.com/");
      //custom parent command
      cy.userInput('Java')
   });
});

执行结果

输出如下 -

输出日志显示自定义命令 – userInput（具有 get、type 和 click 命令）正在执行。

建议自定义命令不要太长。它应该简短，因为在自定义命令中添加太多操作往往会显示执行情况。