← Resep AI harianKerja✓ Terverifikasi 31 Jul 2026

Buat Agen AI untuk Pengujian Otomatis Aplikasi dalam 7 Menit

Rangkaian lengkap tes otomatis dari deskripsi fitur - tanpa kode dan tanpa instalasi framework

  1. 1.Buka halaman utama Playwright dan klik «Get started». Browser akan membuka halaman dokumentasi - itu adalah lingkungan kerja Anda, tidak perlu menginstal apa pun di komputer.

    Playwright sepenuhnya gratis dan didukung oleh Microsoft. Untuk resep ini, cukup membuka tab docs.

    Playwright ↗
  2. 2.Buka bagian Codegen: di menu kiri pilih «Getting started» → «Codegen». Jalankan alat perekam - jendela browser dan panel Inspector akan terbuka. Di address bar Inspector, masukkan URL aplikasi Anda dan tekan Enter.

    Codegen merekam setiap tindakan Anda di jendela browser dan langsung mengubahnya menjadi skrip tes siap pakai dalam JavaScript/TypeScript.

    Playwright Codegen ↗
  3. 3.Lakukan skenario utama aplikasi secara manual: login, membuat entitas, berpindah antar bagian. Klik Record, klik elemen-elemen - Codegen akan mencatat tindakan Anda. Di panel Inspector buka tab «Assertions» dan tambahkan pemeriksaan: visibilitas teks, keberadaan tombol.

    Jangan tulis assertion secara manual - cukup klik elemen di jendela, lalu pilih jenis assertion (visibility, text, has text) di Inspector. Itulah tes otomatisnya.

    Playwright Codegen ↗
  4. 4.Salin kode yang dihasilkan dari panel Codegen (bagian kanan jendela). Tempel ke chat baru di ChatGPT dan tambahkan instruksi untuk agen AI yang akan memperluas dan menyempurnakan tes otomatis Anda.

    Paket gratis ChatGPT sudah cukup - gpt-4o-mini mampu menanganinya. Jangan masukkan token, kata sandi environment prod, atau data pribadi pengguna.

    ChatGPT ↗Tentang alat ini
    Prompt
    Berikut adalah tes Playwright yang direkam dengan Codegen untuk aplikasi saya.

[TEMPEL KODE YANG DIREKAM DI SINI]

Bertindaklah sebagai agen otomasi QA. Lakukan hal berikut:
1. Tambahkan assertion eksplisit setelah setiap aksi kunci (judul halaman, teks yang terlihat, URL mengandung).
2. Bungkus wait jaringan yang tidak stabil dengan waitForResponse / waitForLoadState('networkidle').
3. Ekstrak selector ke dalam objek selector di bagian atas.
4. Tambahkan saran strategi data-testid untuk [NAMA_APLIKASI] dalam komentar.
5. Output tes final yang sudah direfaktor sebagai satu file siap jalankan, plus ringkasan 3 poin tentang apa yang Anda ubah.

Deskripsi aplikasi: [SATU KALIMAT DESKRIPSI APLIKASI ANDA]
    Apa fungsi prompt iniPrompt berbahasa Indonesia: memuat tes yang direkam ke ChatGPT dan meminta agen menambahkan assertion, menghilangkan wait yang tidak stabil, mengekstrak selector, serta menyarankan strategi data-testid. Ganti [TEMPEL KODE YANG DIREKAM DI SINI] dengan kode dari Codegen, [NAMA_APLIKASI] dengan nama aplikasi Anda, [SATU KALIMAT DESKRIPSI APLIKASI ANDA] dengan satu kalimat tentang fungsi aplikasi Anda.
  5. 5.Salin tes final dari jawaban ChatGPT. Kembali ke Playwright: buka «API testing» → di bagian atas halaman pilih «Test runner». Tempel kode ke editor online Playwright (bagian «Try Playwright» di halaman utama) dan klik Run - tes dijalankan langsung di browser, tanpa instalasi.

    Jika online-runner tidak tersedia, salin file ke repositori proyek dan jalankan dengan perintah npx playwright test - namun untuk percobaan pertama, Try Playwright sudah cukup.

    Try Playwright ↗
  6. 6.Simpan file tes yang sudah jadi ke repositori. Kembali ke ChatGPT dan minta agen membuat 3 skenario negatif tambahan (kata sandi salah, field kosong, penghapusan entitas) - gunakan prompt di bawah. Tambahkan ke proyek yang sama - agen AI dasar untuk pengujian otomatis siap digunakan.

    Tes-tes ini dapat dijalankan secara lokal atau di CI (GitHub Actions, GitLab CI) - Playwright didukung secara resmi.

    ChatGPT ↗Tentang alat ini
    Prompt
    Berdasarkan tes di atas, buat 3 test case Playwright tambahan untuk [NAMA_APLIKASI]:
1. Login dengan kredensial tidak valid - assert pesan error terlihat.
2. Submit form dengan field wajib kosong - assert pesan validasi muncul.
3. Hapus entitas dan verifikasi bahwa entitas tersebut hilang dari daftar.

Gunakan objek selector yang sama. Output sebagai satu file, satu blok describe dengan 3 blok it.
    Apa fungsi prompt iniPrompt berbahasa Indonesia: agen menghasilkan tiga tes negatif - data tidak valid, field kosong, penghapusan entitas. Ganti [NAMA_APLIKASI] dengan nama aplikasi Anda.
💰 Berapa biaya untuk mengikutinyaharga per 2026-07
  • gratisGoogle AI Studio / Gemini APIPaket gratis: 15 permintaan per menit dan 1500 permintaan per hari untuk model gemini-1.5-flash. Tidak perlu kartu kredit.
  • gratisPythonPython adalah bahasa pemrograman open source gratis, instalasi dan penggunaan tidak memerlukan biaya.
  • gratisGoogle AI Studio Tuning (fine-tuning)Fine-tuning tersedia dalam paket gratis Gemini, tetapi memerlukan dataset sendiri dengan 100 - 500 contoh. Periksa batas terkini di halaman harga.
Coba dan jadilah yang pertama menandai

Kenapa hari ini

1
video kreator dalam 48 jam
8,1 rb
total tayangan
Борис опятьtelegramSaluran di katalog
Playwright docsweb
Playwrightweb

Layanan AI berubah cepat - antarmuka dan batas gratis bisa berbeda dari yang dijelaskan.