Pengujian Otomatis Banner Persetujuan dengan Playwright: Panduan Praktis
Mengapa Mengotomatiskan Pengujian Persetujuan
Pemeriksaan persetujuan manual mudah dilewatkan dan mudah keliru. Tag baru yang ditambahkan tim pemasaran, pembaruan tema, atau pemuat skrip yang direfaktor dapat diam-diam mulai mengaktifkan pelacak sebelum persetujuan, dan tidak ada yang menyadarinya sampai pelanggan atau regulator menemukannya. Pengujian browser otomatis mengubah pertanyaan “apakah banner kami masih berperilaku benar?” menjadi sesuatu yang berjalan pada setiap rilis. Playwright cocok karena mengendalikan browser sungguhan, dapat mencegat permintaan jaringan, dan memberi Anda browser context yang baru dan terisolasi.
Konteks Pengujian
Setiap pengujian sebaiknya dimulai dari browser context yang bersih, tanpa cookie dan tanpa local storage. Itu meniru pengunjung pertama kali. Buat context baru untuk setiap pengujian alih-alih memakai ulang halaman, jika tidak pilihan yang disimpan satu pengujian akan bocor ke pengujian berikutnya.
Uji 1: Tidak Ada yang Aktif Sebelum Persetujuan
Dengarkan setiap permintaan jaringan sejak halaman mulai dimuat. Muat halaman, tunggu sampai idle, dan jangan sentuh banner. Lalu bandingkan permintaan dengan daftar domain pelacak yang Anda pelihara, seperti analitik, iklan, dan piksel sosial. Pengujian gagal jika ada permintaan ke domain yang terdaftar. Baca juga daftar cookie dari context dan gagalkan jika ada cookie non-esensial.
Uji 2: Tolak Membuat Semuanya Tetap Mati
- Muat halaman dalam context baru.
- Klik kontrol tolak di banner.
- Navigasi ke dua atau tiga halaman lagi, termasuk satu dengan media tertanam.
- Pastikan tidak ada permintaan pelacak yang dibuat dan tidak ada cookie non-esensial yang ditetapkan.
- Muat ulang dan pastikan banner tetap tersembunyi dan pilihan bertahan.
Uji 3: Terima Mengaktifkan yang Seharusnya
Klik terima dan pastikan tag yang diharapkan kini aktif, misalnya permintaan analitik Anda. Ini menjaga dari kegagalan sebaliknya: banner yang mencatat persetujuan tetapi tidak pernah melepaskan skrip, yang diam-diam merugikan Anda dalam data dan pendapatan.
Uji 4: Pilihan Terperinci
Buka lapisan preferensi, aktifkan hanya satu tujuan, dan simpan. Pastikan tag yang terkait dengan tujuan itu aktif dan tag yang terkait dengan tujuan lain tidak. Simpan berkas pemetaan kecil dari tujuan ke domain yang diharapkan agar pengujian mudah dibaca dan mudah diperbarui.
Uji 5: Penarikan
Terima, lalu buka kembali pengaturan melalui tautan tetap Anda dan tarik persetujuan. Pastikan permintaan berikutnya ke pelacak berhenti dan status persetujuan yang tersimpan mencerminkan perubahan. Perhatikan bahwa cookie yang sudah ditetapkan mungkin perlu dihapus secara eksplisit, jadi tentukan kebijakan Anda dan ujilah.
Uji 6: Sinyal
Jika Anda memakai Google Consent Mode, baca data layer dalam konteks halaman sebelum dan sesudah setiap pilihan dan pastikan nilai status persetujuan cocok: denied secara default, granted untuk kategori yang diterima pengunjung. Jika Anda memakai string TCF, baca melalui TCF API dan pastikan string itu ada setelah pilihan dan mencerminkannya.
Menjaga Pengujian Tetap Andal
- Gunakan selector yang stabil, seperti atribut uji atau peran yang dapat diakses, alih-alih kelas CSS yang berubah dengan pembaruan desain.
- Tunggu kondisi eksplisit, bukan jeda tetap.
- Jalankan pengujian terhadap salinan staging yang memiliki pengaturan tag sama dengan produksi.
- Jalankan versi kecil dari rangkaian uji sesuai jadwal, tidak hanya saat deployment, karena skrip pihak ketiga berubah tanpa rilis Anda.
- Uji wilayah utama yang Anda layani dengan mengatur geolokasi atau memakai penggantian wilayah yang ditawarkan CMP Anda.
Di Mana FlexyConsent Berperan
FlexyConsent mendukung IAB TCF 2.4, IAB GPP v1.1, dan Google Consent Mode v2, sehingga sinyal yang Anda asersi dalam pengujian adalah sinyal standar yang dapat dibaca dari halaman. Banner tersedia dalam 58 bahasa; jika Anda melayani beberapa bahasa, sertakan pengujian yang memuat setidaknya satu versi non-Inggris.
Poin Penting
- Gunakan browser context baru per pengujian untuk meniru pengunjung pertama kali.
- Asersi pada permintaan jaringan dan cookie, bukan hanya pada tampilan banner.
- Cakup empat jalur: tanpa interaksi, tolak, terima, dan penarikan.
- Periksa juga sinyal persetujuan di data layer atau TCF API.
- Jalankan rangkaian uji saat rilis dan sesuai jadwal untuk menangkap penyimpangan dari skrip pihak ketiga.