Codegen

uv run playwright codegen --target python-pytest https://playground.aminhamzah.com/login-toko.html  # rekam aksi, kodenya dalam format pytest

npx playwright codegen https://playground.aminhamzah.com/login-toko.html  # rekam aksi, kodenya dalam format Playwright Test

import re  # alat pencocok teks (diimpor codegen, belum tentu dipakai)
from playwright.sync_api import Page, expect  # Page dan expect


def test_example(page: Page) -> None:  # nama test bawaan codegen, sebaiknya diganti
    page.goto("https://playground.aminhamzah.com/login-toko.html")  # URL lengkap: ganti dengan path supaya memakai base URL
    page.get_by_role("textbox", name="Username").click()  # klik ini tidak perlu, fill sudah memfokuskan kolom
    page.get_by_role("textbox", name="Username").fill("customer")  # isi Username
    page.get_by_role("textbox", name="Username").press("Tab")  # tekan Tab: juga tidak perlu
    page.get_by_label("Password").fill("rahasia123")  # isi Password
    page.get_by_test_id("login-button").click()  # klik Masuk lewat test id
    page.get_by_test_id("product-card").filter(has_text="Mouse Wireless").get_by_role("button").click()  # tambah Mouse Wireless ke keranjang
    page.get_by_test_id("cart-link").click()  # buka keranjang (belum ada assertion!)

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

test('test', async ({ page }) => { // nama test bawaan codegen, sebaiknya diganti
  await page.goto('https://playground.aminhamzah.com/login-toko.html');
  await page.getByRole('textbox', { name: 'Username' }).click(); // klik ini tidak perlu, fill sudah memfokuskan kolom
  await page.getByRole('textbox', { name: 'Username' }).fill('customer'); // isi Username
  await page.getByRole('textbox', { name: 'Username' }).press('Tab'); // tekan Tab: juga tidak perlu
  await page.getByLabel('Password').fill('rahasia123'); // isi Password
  await page.getByTestId('login-button').click(); // klik Masuk lewat test id
  await page.getByTestId('product-card').filter({ hasText: 'Mouse Wireless' }).getByRole('button').click(); // tambah Mouse Wireless ke keranjang
  await page.getByTestId('cart-link').click(); // buka keranjang (belum ada assertion!)
});

Memuat tests/academy/test_m08_codegen.py…

Memuat tests/academy/m08-codegen.spec.ts…

# Emulasi HP
uv run playwright codegen --device "iPhone 13" https://playground.aminhamzah.com/login-toko.html

# Ukuran layar tertentu & mode gelap
uv run playwright codegen --viewport-size "1280,720" --color-scheme dark https://playground.aminhamzah.com

# Simpan status login, lalu pakai lagi di rekaman berikutnya
uv run playwright codegen --save-storage auth.json https://playground.aminhamzah.com/login-toko.html
uv run playwright codegen --load-storage auth.json https://playground.aminhamzah.com/shop.html  # rekam dalam keadaan sudah login (memakai storage state)

# Emulasi HP
npx playwright codegen --device "iPhone 13" https://playground.aminhamzah.com/login-toko.html

# Ukuran layar tertentu & mode gelap
npx playwright codegen --viewport-size "1280,720" --color-scheme dark https://playground.aminhamzah.com

# Simpan status login, lalu pakai lagi di rekaman berikutnya
npx playwright codegen --save-storage auth.json https://playground.aminhamzah.com/login-toko.html
npx playwright codegen --load-storage auth.json https://playground.aminhamzah.com/shop.html  # rekam dalam keadaan sudah login (memakai storage state)