C✳CODEZ.WIN
🌐 Bahasa Indonesia

Panduan membaca yang dilokalisasi

webapp-testingTujuan, penggunaan, dan sumber

Perangkat bantu untuk berinteraksi dan menguji aplikasi web lokal menggunakan Playwright. Mendukung verifikasi fungsionalitas frontend, debugging perilaku UI, pengambilan tangkapan layar browser, dan melihat log browser.

Sumber diambil:

Repositori sumber
anthropics/skills
SKILL.md
skills/webapp-testing/SKILL.md
Bintang Repositori
185,373
Pembaruan terakhir repositori
2026-10-29
Klasifikasi Kemampuan
Pengembangan
Waktu pengumpulan terbaru

Lisensi: File lisensi perlu diverifikasi

Cuplikan alur kerja adalah alat bantu baca, bukan instruksi yang dapat dieksekusi dari Codez. Tidak ada Skill pihak ketiga yang dijalankan untuk menghasilkan halaman ini.

Bagian yang menjelaskan tujuan dan alur kerja di bawah ini merupakan materi dari hulu, yang telah diorganisir dan diterjemahkan untuk dibaca. Bagian ini berbeda dari analisis editorial Codez yang diberi label secara terpisah.

Apa yang dilakukan oleh Skill ini?

Perangkat bantu untuk berinteraksi dan menguji aplikasi web lokal menggunakan Playwright. Mendukung verifikasi fungsionalitas frontend, debugging perilaku UI, pengambilan tangkapan layar browser, dan melihat log browser.

Bagaimana alur kerja hulu bekerja

Pengujian Aplikasi Web

Untuk menguji aplikasi web lokal, tulis skrip Playwright Python asli. Skrip Pembantu Tersedia:

Jalur hulu · L7 ↗

Contoh: Menggunakanwith_server.py

Untuk memulai server, jalankan--helpPertama, kemudian gunakan helper: Beberapa server (misalnya, backend + frontend):

Jalur hulu · L35 ↗

Pola Pengintaian-Kemudian-Aksi

Periksa DOM yang dirender: Identifikasi selektor dari hasil pemeriksaan.

Jalur hulu · L65 ↗
Jalur hulu · ↗
User task → Is it static HTML?
    ├─ Yes → Read HTML file directly to identify selectors
    │         ├─ Success → Write Playwright script using selectors
    │         └─ Fails/Incomplete → Treat as dynamic (below)
    │
    └─ No (dynamic webapp) → Is the server already running?
        ├─ No → Run: python scripts/with_server.py --help
        │        Then use the helper + write simplified Playwright script
        │
        └─ Yes → Reconnaissance-then-action:
            1. Navigate and wait for networkidle
            2. Take screenshot or inspect DOM
            3. Identify selectors from rendered state
            4. Execute actions with discovered selectors

Persyaratan dan pengaturan

Tidak ada bagian persyaratan singkat yang dipilih dari file ini. Ini tidak berarti Skill tersebut tidak memiliki dependensi. Periksa petunjuk pengaturan repositori dan file yang dirujuk.

Batasan dan pemeriksaan kualitas

Jebakan Umum

❌ Jangan periksa DOM sebelum menunggunetworkidlepada aplikasi dinamis ✅ Mohon tunggupage.wait_for_load_state('networkidle')sebelum inspeksi

Jalur hulu · L78 ↗

Mulailah dengan uji coba yang aman.

  1. Periksa host yang didukung dan petunjuk instalasi repositori. Simpan direktori Skill beserta skrip, aset, dan dokumentasi yang dirujuk di dalamnya secara bersamaan;SKILL.mdsendirian dapat menghilangkan dependensi.
  2. Berikan input sebenarnya, output yang diinginkan, dan kriteria penerimaan kepada agen. Sintaks pemanggilan dan alat yang tersedia bergantung pada host; situs ini tidak mengasumsikan perintah instalasi universal.
  3. Cobalah alur kerja sumber dalam proyek sementara atau pada salinannya. Tinjau operasi yang mengubah file, layanan jarak jauh, atau sumber daya yang dapat ditagih sebelum mengizinkannya.
  4. Validasi output terhadap pemeriksaan kualitas sumber dan persyaratan Anda sendiri. Pemicu yang berhasil atau jumlah bintang repositori yang tinggi tidak menjamin hasil yang benar.

Spesifikasi format dan direktori keterampilan ↗

Baca selengkapnya di sumber aslinya.

Terjemahan dan ruang lingkup

Panduan membaca ini memilih bagian-bagian dari teks yang telah disematkan di bagian atas.SKILL.mdTerjemahan ini dibantu. Ini bukan manual lengkap atau klaim kompatibilitas yang telah diuji. Bacalah dokumen asli dan file referensinya sebelum digunakan.

Pendahuluan ini mengacu pada versi yang disematkan di bawah ini; aktivitas repositori saat ini dan waktu pengumpulan ditampilkan secara terpisah.

Sumber yang disematkan
Baca teks aslinya ↗
Sumber diambil
Komit sumber
ca45fc496a3436251f191354091d557da31c15b5
Sumber SHA-256
51b7349e77ec63b7744a6f63647e7566a0b4d2e301121cc10e8c2113af6556a2
Kembali ke katalog Keterampilan lengkap