Alat Injeksi State untuk Pengujian
Injeksi state berbasis server yang memungkinkan QA dan otomasi langsung melompat ke langkah mana pun dalam alur panjang, memangkas persiapan regresi dari belasan menit menjadi di bawah satu menit.
- Stack
- TypeScript · Playwright · BFF · Test database
Masalahnya
Untuk memeriksa bug di langkah 5 sebuah alur panjang, Anda harus menyelesaikan langkah 1 sampai 4 secara manual lebih dulu: data valid, unggahan, pemeriksaan. Setiap kali, untuk setiap pull request dan setiap proses otomatis.
Pendekatannya
Alat ini memungkinkan penguji atau skrip membuka aplikasi langsung dalam state yang dibutuhkan.
- Skrip Playwright atau QA engineer memuat halaman dengan token tes yang aman, misalnya
?state=step_4_ready. - Frontend melihat token itu saat hydration dan meneruskannya lewat header ke BFF.
- BFF memastikan lingkungannya benar-benar bukan produksi, lalu mengisi sesi pengguna di database tes: langkah-langkah sebelumnya selesai, penunjuk aktif berada di langkah 4.
- BFF mengembalikan token sesi sungguhan dan UI langsung menampilkan langkah 4.
Saya memilih injeksi berbasis server dibanding memalsukan localStorage di sisi klien. Aplikasi modern memvalidasi sesi di backend, sehingga mock yang hanya di klien menjauh dari kenyataan dan menghasilkan tes yang lolos di sini tetapi gagal di produksi.
Hasilnya
Persiapan regresi turun dari 10–20 menit per siklus menjadi di bawah satu menit. Dengan banyak run pull request dan suite otomasi setiap minggu, itu mengembalikan ratusan jam kerja engineering per kuartal.