Aplikasi web modern semakin mengadopsi arsitektur Single-Page Application (SPA) untuk meningkatkan pengalaman pengguna melalui rendering sisi klien dan pemuatan konten secara dinamis. Namun, karakteristik ini menimbulkan tantangan besar bagi pengujian otomatis end-to-end (E2E), termasuk manipulasi DOM secara asinkron, manajemen status yang kompleks, dan masalah sinkronisasi waktu. Penelitian ini menyajikan perbandingan empiris komprehensif dari tiga kerangka pengujian E2E yang terkenal—Selenium WebDriver, Cypress, dan Playwright—di berbagai SPA berbasis React dan Vue. Dengan pendekatan eksperimen kuantitatif, 25 kasus uji standar dijalankan sebanyak 15 kali masing-masing di Chrome, Firefox, dan Edge, sehingga total ada 270 sesi pengujian. Evaluasi kinerja fokus pada empat metrik utama: waktu eksekusi, tingkat keberhasilan, penggunaan CPU, dan konsumsi memori. Hasil menunjukkan bahwa Playwright mencapai waktu eksekusi tercepat (56,25 detik di React-Chrome), sementara Selenium menunjukkan efisiensi sumber daya yang lebih baik dengan konsumsi memori terendah (196,59 MB di Vue-Chrome). Metode analisis pengambilan keputusan multi-kriteria Distance to Ideal Alternative (DIA) mengidentifikasi Playwright-Chrome sebagai pilihan optimal untuk aplikasi React (skor DIA: 0,886715) dan Selenium-Chrome untuk aplikasi Vue (skor DIA: 0,908237), menunjukkan bahwa pemilihan kerangka kerja harus disesuaikan dengan konteks berdasarkan karakteristik aplikasi dan kebutuhan deployment. Penelitian ini mendukung kesimpulan bahwa tidak ada kerangka pengujian 'terbaik' yang bersifat universal, menegaskan pentingnya pemilihan alat berbasis bukti dan sesuai konteks dalam jaminan kualitas perangkat lunak.