BDD с Cucumber и Gherkin

# features/login.feature
Feature: Авторизация пользователя
  Как зарегистрированный пользователь
  Я хочу войти в свой аккаунт
  Чтобы получить доступ к дашборду

  Scenario: Успешный вход с валидными данными
    Given я на странице логина
    When я ввожу "admin@test.com" как email
    And я ввожу "secret123" как пароль
    And я нажимаю кнопку входа
    Then я должен быть перенаправлен на дашборд
    And я должен видеть "Добро пожаловать, Admin" как приветствие

  Scenario: Неудачный вход с неверным паролем
    Given я на странице логина
    When я ввожу "admin@test.com" как email
    And я ввожу "wrongpassword" как пароль
    And я нажимаю кнопку входа
    Then я должен видеть сообщение об ошибке "Неверные учётные данные"
    And я должен остаться на странице логина

  Scenario Outline: Вход с различными учётными данными
    Given я на странице логина
    When я ввожу "<email>" как email
    And я ввожу "<password>" как пароль
    And я нажимаю кнопку входа
    Then я должен видеть "<результат>"

    Examples:
      | email           | password  | результат                |
      | admin@test.com  | secret123 | Добро пожаловать, Admin  |
      | editor@test.com | pass456   | Добро пожаловать, Editor |
      | wrong@test.com  | wrong     | Неверные учётные данные  |
      |                 | secret123 | Email обязателен         |

const { Given, When, Then } = require('@cucumber/cucumber');
const { expect } = require('@playwright/test');

Given('я на странице логина', async function () {
  await this.page.goto('/login');
});

When('я ввожу {string} как email', async function (email) {
  await this.page.fill('[data-testid="email"]', email);
});

When('я ввожу {string} как пароль', async function (password) {
  await this.page.fill('[data-testid="password"]', password);
});

When('я нажимаю кнопку входа', async function () {
  await this.page.click('[data-testid="login-submit"]');
});

Then('я должен быть перенаправлен на дашборд', async function () {
  await expect(this.page).toHaveURL('/dashboard');
});

Then('я должен видеть {string} как приветствие', async function (greeting) {
  await expect(this.page.locator('.welcome-msg')).toHaveText(greeting);
});

Then('я должен видеть сообщение об ошибке {string}', async function (message) {
  await expect(this.page.locator('.error-message')).toHaveText(message);
});

# Плохо — слишком технично
Scenario: Тест логина
  Given я перехожу на "https://app.example.com/login"
  When я заполняю "#email" значением "admin@test.com"
  And я кликаю "#login-btn"

# Хорошо — бизнес-поведение
Scenario: Успешный вход
  Given я зарегистрированный пользователь-админ
  When я вхожу с валидными данными
  Then я должен видеть свой дашборд

# Императивный (слишком много шагов)
Scenario: Покупка товара
  Given я открываю браузер
  And я перехожу на главную страницу
  And я кликаю на "Товары"
  And я ищу "Беспроводная мышь"
  And я кликаю на первый результат
  And я кликаю "Добавить в корзину"

# Декларативный (понятное поведение)
Scenario: Покупка товара
  Given я авторизован как покупатель
  When я добавляю "Беспроводная мышь" в корзину
  And я завершаю оформление сохранённым способом оплаты
  Then я должен получить подтверждение заказа

@smoke @login
Feature: Авторизация пользователя

  @positive @critical
  Scenario: Успешный вход
    Given я на странице логина
    When я вхожу с валидными данными
    Then я должен видеть дашборд

  @negative
  Scenario: Вход с заблокированным аккаунтом
    Given мой аккаунт заблокирован
    When я пытаюсь войти
    Then я должен видеть сообщение о блокировке

npx cucumber-js --tags "@smoke"
npx cucumber-js --tags "@smoke and not @negative"

import { createBdd } from 'playwright-bdd';

const { Given, When, Then } = createBdd();

Given('я на странице логина', async ({ page }) => {
  await page.goto('/login');
});

When('я вхожу с {string} и {string}', async ({ page }, email, password) => {
  await page.fill('#email', email);
  await page.fill('#password', password);
  await page.click('#submit');
});

Then('я должен видеть дашборд', async ({ page }) => {
  await page.waitForURL('/dashboard');
});

const { Before, After } = require('@cucumber/cucumber');

Before(async function (scenario) {
  console.log(`Запуск: ${scenario.pickle.name}`);
  this.page = await this.browser.newPage();
});

After(async function (scenario) {
  if (scenario.result.status === 'FAILED') {
    await this.page.screenshot({
      path: `screenshots/${scenario.pickle.name}.png`
    });
  }
  await this.page.close();
});