TypeScript · @playwright/test
Microsoft's modern end-to-end framework. Auto-waiting locators, web-first assertions, multiple tabs and browser contexts, network mocking and a trace viewer — across Chromium, Firefox and WebKit.
Two complete apps to automate end to end, plus focused element-handling recipes — all in Playwright.
Login with test users, search/filter/sort products, cart & coupons, a validated checkout, a declined card and order history.
Pick city, date and showtime, select seats on a live seat map, add snacks, apply promos and pay with an OTP step under a hold timer.
Focused recipes for inputs, dropdowns, tables, alerts, frames, windows, drag & drop, uploads, hover, waits, shadow DOM and keys.
Run this site locally with npm run dev — examples target http://localhost:3000.
npm init playwright@latest
# playwright.config.ts
# use: { baseURL: 'http://localhost:3000' }Sign in to Nova Shop and assert the product grid loaded.
import { test, expect } from '@playwright/test';
test('demo_user can sign in', async ({ page }) => {
await page.goto('/shop');
await page.getByTestId('username').fill('demo_user');
await page.getByTestId('password').fill('Demo@123');
await page.getByTestId('login-button').click();
await expect(page).toHaveURL(/\/shop\/products/);
await expect(page.getByTestId('product-card')).toHaveCount(12);
});Official docs: https://playwright.dev/docs/intro