Login errors

Generate one scenario per error case from an array.

The test

Vitest

import { story } from 'executable-stories-vitest';
import { it } from 'vitest';

const loginErrorExamples = [
  { email: "[email protected]", password: "wrong", message: "Invalid credentials" },
  { email: "[email protected]", password: "secret", message: "Account is locked" },
  { email: "[email protected]", password: "secret", message: "Invalid credentials" },
];
for (const row of loginErrorExamples) {
  it(`Login errors: ${row.message}`, ({ task }) => {
    story.init(task);
    story.given("the user is on the login page");
    story.when(`the user logs in with "${row.email}" and "${row.password}"`);
    story.then(`the error message should be "${row.message}"`);
  });
}

Jest

import { story } from 'executable-stories-jest';

const loginErrorExamples = [
  { email: "[email protected]", password: "wrong", message: "Invalid credentials" },
  { email: "[email protected]", password: "secret", message: "Account is locked" },
  { email: "[email protected]", password: "secret", message: "Invalid credentials" },
];
for (const row of loginErrorExamples) {
  it(`Login errors: ${row.message}`, () => {
    story.init();
    story.given("the user is on the login page");
    story.when(`the user logs in with "${row.email}" and "${row.password}"`);
    story.then(`the error message should be "${row.message}"`);
  });
}

Playwright

import { test } from '@playwright/test';
import { story } from 'executable-stories-playwright';

const loginErrorExamples = [
  { email: "[email protected]", password: "wrong", message: "Invalid credentials" },
  { email: "[email protected]", password: "secret", message: "Account is locked" },
  { email: "[email protected]", password: "secret", message: "Invalid credentials" },
];
for (const row of loginErrorExamples) {
  test(`Login errors: ${row.message}`, async ({}, testInfo) => {
    story.init(testInfo);
    story.given("the user is on the login page");
    story.when(`the user logs in with "${row.email}" and "${row.password}"`);
    story.then(`the error message should be "${row.message}"`);
  });
}

Cypress

import { story } from 'executable-stories-cypress';

const loginErrorExamples = [
  { email: "[email protected]", password: "wrong", message: "Invalid credentials" },
  { email: "[email protected]", password: "secret", message: "Account is locked" },
  { email: "[email protected]", password: "secret", message: "Invalid credentials" },
];
for (const row of loginErrorExamples) {
  it(`Login errors: ${row.message}`, () => {
    story.init();
    story.given("the user is on the login page");
    story.when(`the user logs in with "${row.email}" and "${row.password}"`);
    story.then(`the error message should be "${row.message}"`);
  });
}

What the report renders

### ✅ Login errors: Account is locked

- **Given** the user is on the login page
- **When** the user logs in with "[email protected]" and "secret"
- **Then** the error message should be "Account is locked"