Cucumber + Playwright setup and first green run

Feature: TTACart login

  Background:
    Given I am on the TTACart login page

  @smoke
  Scenario: Standard user signs in
    When I sign in as "standard_user" with password "tta_secret"
    Then I should land on the products page

import { Given, When, Then } from '@cucumber/cucumber';
import { expect } from '@playwright/test';
import { CustomWorld } from '../support/world';

Given('I am on the TTACart login page', async function (this: CustomWorld) {
  await this.loginPage.goto();
});

When('I sign in as {string} with password {string}',
  async function (this: CustomWorld, u: string, p: string) {
    await this.loginPage.signIn(u, p);
  });

Then('I should land on the products page', async function (this: CustomWorld) {
  await expect(this.page.getByTestId('title')).toHaveText('Products');
});

import { Page, Locator, expect } from '@playwright/test';

export class LoginPage {
  readonly page: Page;
  readonly username: Locator;
  readonly password: Locator;
  readonly loginButton: Locator;

  constructor(page: Page, public url: string) {
    this.page = page;
    this.username = page.getByTestId('username');
    this.password = page.getByTestId('password');
    this.loginButton = page.getByTestId('login-button');
  }

  async goto() {
    await this.page.goto(this.url);
    await expect(this.loginButton).toBeVisible();
  }

  async signIn(u: string, p: string) {
    await this.username.fill(u);
    await this.password.fill(p);
    await this.loginButton.click();
  }
}

// world.ts
import { setWorldConstructor, World } from '@cucumber/cucumber';
import { Browser, BrowserContext, Page } from '@playwright/test';
import { LoginPage } from '../pages/LoginPage';

export class CustomWorld extends World {
  browser!: Browser; context!: BrowserContext; page!: Page;
  loginPage!: LoginPage;
  baseUrl = process.env.BASE_URL || 'http://localhost:5173/playwright/ttacart/index.html';
  attachPageObjects() { this.loginPage = new LoginPage(this.page, this.baseUrl); }
}
setWorldConstructor(CustomWorld);

// hooks.ts
import { Before, After, BeforeAll, AfterAll } from '@cucumber/cucumber';
import { chromium, Browser } from '@playwright/test';
let sharedBrowser: Browser;
BeforeAll(async () => { sharedBrowser = await chromium.launch({ headless: process.env.HEADLESS !== 'false' }); });
Before(async function (this: CustomWorld) {
  this.browser = sharedBrowser;
  this.context = await sharedBrowser.newContext();
  this.page = await this.context.newPage();
  this.attachPageObjects();
});
After(async function (this: CustomWorld, scenario) {
  if (scenario.result?.status === 'FAILED') {
    this.attach(await this.page.screenshot({ fullPage: true }), 'image/png');
  }
  await this.context.close();
});
AfterAll(async () => { await sharedBrowser.close(); });

Feature: TTACart login

  Background:
    Given I am on the TTACart login page

  @smoke
  Scenario: Standard user signs in
    When I sign in as "standard_user" with password "tta_secret"
    Then I should land on the products page

package steps;
import io.cucumber.java.en.*;
import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;

public class LoginSteps {
  private final World world;
  public LoginSteps(World world) { this.world = world; }

  @Given("I am on the TTACart login page")
  public void openLogin() { world.loginPage.goto(); }

  @When("I sign in as {string} with password {string}")
  public void signIn(String u, String p) { world.loginPage.signIn(u, p); }

  @Then("I should land on the products page")
  public void onProducts() {
    assertThat(world.page.getByTestId("title")).hasText("Products");
  }
}

package pages;
import com.microsoft.playwright.Locator;
import com.microsoft.playwright.Page;

public class LoginPage {
  private final Page page;
  private final String url;
  private final Locator username, password, loginButton;

  public LoginPage(Page page, String url) {
    this.page = page; this.url = url;
    this.username = page.getByTestId("username");
    this.password = page.getByTestId("password");
    this.loginButton = page.getByTestId("login-button");
  }

  public void goto_() { page.navigate(url); }

  public void signIn(String u, String p) {
    username.fill(u);
    password.fill(p);
    loginButton.click();
  }
}

// World.java - Cucumber-DI scoped picocontainer
package hooks;
import com.microsoft.playwright.*;
import pages.LoginPage;
public class World {
  public Playwright playwright;
  public Browser browser;
  public BrowserContext context;
  public Page page;
  public LoginPage loginPage;
}

// Hooks.java
package hooks;
import io.cucumber.java.*;
import com.microsoft.playwright.*;
import pages.LoginPage;

public class Hooks {
  private final World w;
  public Hooks(World w) { this.w = w; }

  @Before
  public void before() {
    w.playwright = Playwright.create();
    w.browser = w.playwright.chromium().launch();
    w.context = w.browser.newContext();
    w.page = w.context.newPage();
    w.loginPage = new LoginPage(w.page, System.getenv().getOrDefault("BASE_URL",
        "http://localhost:5173/playwright/ttacart/index.html"));
  }

  @After
  public void after(Scenario sc) {
    if (sc.isFailed()) sc.attach(w.page.screenshot(), "image/png", "fail");
    w.context.close();
    w.browser.close();
    w.playwright.close();
  }
}

Feature: TTACart login

  Background:
    Given I am on the TTACart login page

  @smoke
  Scenario: Standard user signs in
    When I sign in as "standard_user" with password "tta_secret"
    Then I should land on the products page

from behave import given, when, then
from playwright.sync_api import expect

@given('I am on the TTACart login page')
def step_open_login(context):
    context.login_page.goto()

@when('I sign in as "{user}" with password "{pw}"')
def step_sign_in(context, user, pw):
    context.login_page.sign_in(user, pw)

@then('I should land on the products page')
def step_on_products(context):
    expect(context.page.get_by_test_id('title')).to_have_text('Products')

from playwright.sync_api import Page, expect

class LoginPage:
    def __init__(self, page: Page, url: str):
        self.page = page
        self.url = url
        self.username = page.get_by_test_id('username')
        self.password = page.get_by_test_id('password')
        self.login_button = page.get_by_test_id('login-button')

    def goto(self):
        self.page.goto(self.url)
        expect(self.login_button).to_be_visible()

    def sign_in(self, user: str, pw: str):
        self.username.fill(user)
        self.password.fill(pw)
        self.login_button.click()

import os
from playwright.sync_api import sync_playwright
from pages.login_page import LoginPage

BASE_URL = os.environ.get('BASE_URL',
  'http://localhost:5173/playwright/ttacart/index.html')

def before_all(context):
    context.pw = sync_playwright().start()
    context.browser = context.pw.chromium.launch(
        headless=os.environ.get('HEADLESS', 'true') != 'false')

def before_scenario(context, scenario):
    context.ctx = context.browser.new_context()
    context.page = context.ctx.new_page()
    context.login_page = LoginPage(context.page, BASE_URL)

def after_scenario(context, scenario):
    if scenario.status == 'failed':
        path = f'reports/{scenario.name}.png'
        context.page.screenshot(path=path, full_page=True)
    context.ctx.close()

def after_all(context):
    context.browser.close()
    context.pw.stop()