설치 + 진짜 브라우저 셋

# One-command bootstrap — installs everything, scaffolds everything
npm init playwright@latest

# Answer prompts:
#   Use TypeScript or JavaScript? → TypeScript
#   Where to put your end-to-end tests? → e2e
#   Add a GitHub Actions workflow? → true (recommended)
#   Install Playwright browsers? → true

# Run the example test
npx playwright test

# Manual install (if init isn't right for you)
npm install -D @playwright/test

# Download browsers
npx playwright install

# On Linux (especially CI), include system dependencies
npx playwright install --with-deps

# Or pick a single browser only (smaller download)
npx playwright install chromium
npx playwright install firefox webkit  # multiples allowed

// e2e/example.spec.ts — what `init` creates for you
import { test, expect } from '@playwright/test';

test('has title', async ({ page }) => {
  await page.goto('https://playwright.dev/');

  // Expect a title "to contain" a substring.
  await expect(page).toHaveTitle(/Playwright/);
});

test('get started link', async ({ page }) => {
  await page.goto('https://playwright.dev/');

  // Click the get started link.
  await page.getByRole('link', { name: 'Get started' }).click();

  // Expects the URL to contain intro.
  await expect(page).toHaveURL(/.*intro/);
});

# .github/workflows/playwright.yml — what init can scaffold
name: Playwright Tests
on:
  push:
    branches: [main, master]
  pull_request:
    branches: [main, master]
jobs:
  test:
    timeout-minutes: 60
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: lts/*
      - name: Install dependencies
        run: npm ci
      - name: Install Playwright Browsers
        run: npx playwright install --with-deps
      - name: Run Playwright tests
        run: npx playwright test
      - uses: actions/upload-artifact@v4
        if: ${{ !cancelled() }}
        with:
          name: playwright-report
          path: playwright-report/
          retention-days: 30