行为驱动开发（BDD）是一种测试方法论，它的主要目的是通过关注应用程序的预期行为来确定测试用例，而不是通过测试代码是否按照规范编写。BDD 的测试用例通常被称为 “场景”，这些场景是从用户的角度描述软件的行为。
Cypress 是一个面向现代 Web 应用程序的端到端测试工具，可以帮助您编写可读性高且易于维护的测试用例。Cucumber 是一个用于定义业务需求测试的库，它通过自然语言来描述测试场景。在本文中，我们将介绍如何使用 Cypress 和 Cucumber 来进行 BDD 测试。
安装 Cypress 和 Cucumber
在开始之前，您需要注意安装 Cypress 和 Cucumber。您可以通过运行以下命令来安装他们：
# 安装 Cypress npm install cypress --save-dev # 安装 Cypress-Cucumber-Preprocessor npm install cypress-cucumber-preprocessor --save-dev # 安装 Cucumber npm install cucumber --save-dev
创建测试文件
我们将会创建以下目录来存放测试文件：
-- -------------------- ---- -------
--------
---------
------------
--------------
---------------
--------
--------
-----------
--------创建 Feature 文件
Feature 文件是 BDD 测试用例的主要入口点。它们使用 Gherkin 语言编写，该语言使用自然语言来描述测试场景的行为。以下是一个示例 Feature 文件：
-- -------------------- ---- -------
-------- ---- ----
-- - ---- -- ---- ----
- ---- -- -- ---- -- --- ------ ---- ----- -- ---------
--- ------ ----- -- - -- ------ ---- ----
--------- ------ - --- ----
----- - -- -- --- ---- ---- ----
---- - ---- ---- ---------- -- --- ----- -----
--- - ----- --- ----- ------
---- - ------ --- ---- ---------- ---- -- --- ---- ----在此示例中，我们指定了测试用例的功能和场景。我们还通过使用给定、当和那么的行为来定义场景的具体步骤。
创建 Step Definitions 文件
Step Definitions 文件使用 JavaScript 编写，定义了 Gherkin 语言中使用的步骤（如给定，当和那么）。以下是一个示例 Step Definitions 文件：
-- -------------------- ---- ------- ----- - ------ ----- ---- - - ---------------------------------------------- -------- -- -- --- ---- ---- ------ -- -- - ------------- -- ------- ---- -------- -- --- ----- ------- ------ -- - --------------------------------------- -- ------- ----- --- -------- -------- -------- -- - --------------------------- -- ------- ------ --- -------- ---- -- --- ---- ------ ------ -- - --------------------------------- --
在此示例中，我们重复使用了 Feature 文件中的单词，以便每个步骤可以与其他步骤关联起来。在此文件中，我们定义了三个步骤。第一个步骤将访问主页。第二个和第三个步骤将模拟用户在输入框中输入文本并单击提交按钮。最后一个步骤将验证我们是否看到了我们输入的任务。
配置文件
要使用 Cypress 和 Cucumber，您还需要创建一个 cypress/plugins/index.js 文件。
const cucumber = require('cypress-cucumber-preprocessor').default
module.exports = (on, config) => {
on('file:preprocessor', cucumber())
}在此文件中，我们将导入默认的 Cypress / Cucumber 预处理器，以使 Cypress 可以将我们的测试代码转换为可执行的 JavaScript 代码。
命令行运行测试用例
要运行测试用例，请在根目录中打开终端并运行以下命令：
$ npm run cy:run -- --spec 'cypress/integration/sample.feature'
在此命令中，我们使用 npm run cy:run 命令来启动测试运行程序。--spec 参数指定我们要运行的测试集。在此命令中，我们将运行名为 sample.feature 的测试用例集。您可以根据需要更改此参数。
通过 Cypress Dashboard 运行测试用例
Cypress Dashboard 是一个云服务，可以让您轻松地运行端到端测试。它可用于将电子邮件通知发送给您的团队，报告您的测试的状态，并提供视频录制、截图、日志和错误查看等有用的功能。要使用 Cypress Dashboard，请首先在 cypress.json 文件中添加以下内容：
{
"video": true,
"projectId": "your_project_id"
}您可以在您的 Cypress Dashboard 帐户中查找项目标识符。
要通过 Cypress Dashboard 运行测试用例，请在启动前先登录。
$ npx cypress run --spec 'cypress/integration/sample.feature' --key <your_key>
当测试运行完成后，您可以在 Cypress Dashboard 上查看实时记录。
结论
在本文中，我们了解了如何使用 Cypress 和 Cucumber 进行 BDD 测试。我们创建了 Feature 和 Step Definitions 文件来组织测试场景，并演示了如何在命令行和 Cypress Dashboard 上运行测试用例。
使用 Cypress 和 Cucumber 的 BDD 测试方法具有易于阅读和维护的优势，这使得它们成为开发团队的理想选择。使用这些测试工具，您可以确保应用程序具有所需功能，并在更改代码时避免引入新错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67298eb02e7021665e24e890