Unduh dari situs resmi, klik sampai selesai

# Jadikan folder ini project Python. Membuat pyproject.toml (daftar paket dan pengaturan)
uv init --no-package
# Install test runner pytest, plugin Playwright, dan pembaca file .env
uv add pytest pytest-playwright python-dotenv
# Unduh browser untuk test: Chromium, Firefox, dan WebKit (cukup sekali per laptop)
uv run playwright install
# Cek versi Playwright
uv run playwright --version

# Jadikan folder ini project Playwright Test. Kalau ditanya "Ok to proceed?", tekan Enter
npm init playwright@latest -- . --quiet --no-examples
# Install pembaca file .env (dipakai mulai Modul 11)
npm install -D dotenv
# Ubah project ke mode module, supaya script di Modul 3 boleh memakai import dan await
npm pkg set type=module
# Unduh browser untuk test: Chromium, Firefox, dan WebKit (cukup sekali per laptop)
npx playwright install
# Cek versi Playwright
npx playwright --version

# Pengaturan pytest untuk project ini
[tool.pytest.ini_options]
# URL playground. page.goto("/login-toko.html") jadi https://playground.aminhamzah.com/login-toko.html
base_url = "https://playground.aminhamzah.com"

  use: {
    // URL playground. page.goto('/login-toko.html') jadi https://playground.aminhamzah.com/login-toko.html
    baseURL: 'https://playground.aminhamzah.com',
    // Rekam trace saat test diulang setelah gagal (dibahas di Modul 12)
    trace: 'on-first-retry',
  },

import re  # alat pencocok teks (regular expression)

from playwright.sync_api import Page, expect  # Page = satu tab browser, expect = pemeriksa hasil


# pytest menjalankan setiap fungsi yang namanya diawali test_
def test_halaman_login_terbuka(page: Page) -> None:  # page disiapkan otomatis oleh pytest-playwright
    page.goto("/login-toko.html")  # buka halaman login (base URL + path ini)
    expect(page).to_have_title(re.compile("TokoQA"))  # judul tab harus mengandung "TokoQA"
    expect(page.get_by_role("button", name="Masuk")).to_be_visible()  # tombol Masuk harus terlihat

import { test, expect } from '@playwright/test'; // test = pembuat test, expect = pemeriksa hasil

// Satu test bernama "halaman login terbuka". page = satu tab browser, disiapkan otomatis
test('halaman login terbuka', async ({ page }) => {
  await page.goto('/login-toko.html'); // buka halaman login (base URL + path ini)
  await expect(page).toHaveTitle(/TokoQA/); // judul tab harus mengandung "TokoQA"
  await expect(page.getByRole('button', { name: 'Masuk' })).toBeVisible(); // tombol Masuk harus terlihat
});

# Jalankan satu file test dengan jendela browser terlihat
uv run pytest tests/test_pertama.py --headed

# Jalankan satu file test di Chromium dengan jendela browser terlihat
npx playwright test tests/pertama.spec.ts --headed --project=chromium

tests/test_pertama.py .                                  [100%]
============================ 1 passed in 2.10s ============================

Running 1 test using 1 worker
  1 passed (2.3s)