当前位置：首页 > 行业动态 > 正文

cucumberjs例子

admin
行业动态
2025-02-04
5

Cucumber.js 是 BDD 框架，用 Gherkin 语言写测试，支持多语言。可创建 feature 文件描述功能，生成 Steps 定义并运行测试。

CucumberJS 是一个用于行为驱动开发（BDD）的 JavaScript 测试框架，它允许开发者以自然语言描述应用程序的行为，然后自动生成相应的测试代码，下面我将通过一个具体的例子来展示如何使用 CucumberJS 进行测试。

环境搭建

你需要安装 Node.js 和 npm（Node 包管理器），使用 npm 安装 CucumberJS：

npm install --global cucumber

在你的项目根目录下创建一个cucumber.js 配置文件：

module.exports = function () {
  this.setDefaultTimeout(60 * 1000); // 设置默认超时时间为60秒
};

编写特征文件

在项目根目录下创建一个名为features 的文件夹，并在其中创建一个名为example.feature 的文件，这个文件将包含我们的特征和场景描述。

cucumberjs例子

Feature: 用户登录功能
  Scenario: 成功登录
    Given 用户已打开登录页面
    When 用户输入正确的用户名和密码
    And 用户点击登录按钮
    Then 用户应该被重定向到主页
  Scenario: 登录失败
    Given 用户已打开登录页面
    When 用户输入错误的用户名和密码
    And 用户点击登录按钮
    Then 用户应该看到错误提示信息

编写步骤定义文件

在features 文件夹下创建一个名为step_definitions 的子文件夹，并在其中创建一个名为example.js 的文件，这个文件将包含我们的步骤定义。

const { Given, When, Then } = require('cucumber');
const puppeteer = require('puppeteer');
let browser;
let page;
Given('用户已打开登录页面', async function () {
  browser = await puppeteer.launch();
  page = await browser.newPage();
  await page.goto('http://localhost:3000/login');
});
When('用户输入正确的用户名和密码', async function () {
  await page.type('#username', 'correctUsername');
  await page.type('#password', 'correctPassword');
});
When('用户点击登录按钮', async function () {
  await page.click('#loginButton');
});
Then('用户应该被重定向到主页', async function () {
  await page.waitForNavigation();
  const url = await page.url();
  expect(url).toBe('http://localhost:3000/home');
});
Then('用户应该看到错误提示信息', async function () {
  const errorMessage = await page.$eval('#errorMessage', el => el.textContent);
  expect(errorMessage).toContain('Invalid credentials');
});
After(async function () {
  if (browser) {
    await browser.close();
  }
});