Vibe coding dan testing end-to-end dengan Playwright: jaring pengaman untuk kode AI

Alur apa yang perlu diuji

Jangan mencoba menguji semuanya. Pilih alur yang jika rusak langsung merugikan bisnis.

• Login dan logout.
• Pengiriman formulir kontak atau pendaftaran.
• Alur checkout atau pembuatan pesanan.
• Halaman utama dan navigasi inti dapat dimuat.
• Hak akses: pengguna biasa tidak bisa membuka halaman admin.

Memakai AI untuk menulis tes

AI sangat baik menghasilkan kerangka tes. Berikan deskripsi alur dalam bahasa biasa dan minta tes Playwright dengan selector berbasis peran dan teks, bukan kelas CSS yang rapuh.

Jalankan tes beberapa kali untuk memastikan stabil. Tes yang kadang lulus kadang gagal (flaky) lebih merugikan daripada tidak ada tes.

Integrasi ke alur kerja

Jalankan tes di CI pada setiap pull request dan blokir penggabungan bila gagal. Simpan screenshot dan trace saat tes gagal untuk mempercepat diagnosis.

Tambahkan satu tes setiap kali menemukan bug di produksi. Setelah beberapa bulan, Anda memiliki jaring pengaman yang mencerminkan masalah nyata.

Ringkasan manfaat dan biaya pengujian

Tes E2E tidak murah, tetapi nilainya nyata untuk alur kritis. Pertimbangkan hal berikut.

• Lima sampai sepuluh tes sudah menutup alur inti.
• Tes lambat, jadi jalankan hanya yang penting di setiap pull request.
• Selector berbasis peran lebih tahan terhadap perubahan tampilan.
• Tes gagal wajib dianalisis, bukan dinonaktifkan.

Tambahkan satu tes untuk setiap bug produksi yang ditemukan. Seiring waktu, kumpulan tes tumbuh tepat di area yang paling rawan.

Kesalahan yang perlu dihindari

Kesalahan paling sering adalah menulis terlalu banyak tes yang rapuh dan lambat. Kesalahan lain adalah memakai selector berdasarkan kelas CSS yang mudah berubah.

Hindari juga mengabaikan tes yang gagal dengan menonaktifkannya. Pelajari penyebabnya karena itu bisa menjadi bug nyata yang nyaris lolos. Mulailah dari tiga tes saja, pastikan stabil selama seminggu, lalu tambahkan bertahap sesuai risiko bisnis yang paling besar.