Precision testing,
organized for teams.

import { test, expect } from '@playwright/test'

test('User login', async ({ page }) => {
  await page.goto('https://example.com/login')

  // Playwright code grows as selectors, retries, and assertions accumulate.
  const username = page.locator('input[name="username"]')
  const password = page.locator('input[name="password"]')
  const loginButton = page.getByRole('button', { name: 'Login' })

  await username.fill(process.env.USERNAME ?? 'demo')
  await password.fill(process.env.PASSWORD ?? 'demo')
  await loginButton.click()

  await expect(page.getByRole('heading', { name: 'Welcome back' }))
    .toBeVisible()
})

Group: Authentication

    Scenario: User login @smoke
        Given I navigate to "https://example.com/login"
        When I fill "username" with "$USER"
        And I fill "password" with "$PASS"
        And I click on "Login"
        Then I should see "Welcome back"