Testing Vue
Vitest, Vue Test Utils, testing komponen, mocking, snapshot testing, E2E dengan Playwright
1Apa itu Vitest?
Apa itu Vitest?
Jawaban
Vitest adalah framework unit testing modern yang dirancang khusus untuk proyek Vite. Ia menawarkan kompatibilitas modul ESM secara native, dukungan TypeScript bawaan, dan eksekusi yang sangat cepat berkat integrasinya yang mendalam dengan Vite. Vitest menyediakan API yang kompatibel dengan Jest, sehingga memudahkan migrasi proyek yang ada sambil menikmati performa yang superior.
2Apa peran Vue Test Utils?
Apa peran Vue Test Utils?
Jawaban
Vue Test Utils adalah library testing resmi untuk Vue.js yang menyediakan utilitas untuk me-mount dan berinteraksi dengan komponen Vue dalam lingkungan testing. Ia menyediakan method seperti mount dan shallowMount untuk merender komponen, serta API untuk mensimulasikan interaksi pengguna, memverifikasi props, menangkap event yang di-emit, dan menginspeksi DOM yang dirender. Library ini sangat penting untuk menguji komponen Vue secara terisolasi.
3Apa perbedaan utama antara mount dan shallowMount?
Apa perbedaan utama antara mount dan shallowMount?
Jawaban
mount merender komponen lengkap dengan semua komponen anaknya secara rekursif, membuat pohon DOM penuh. shallowMount hanya merender komponen tingkat atas dengan secara otomatis mengganti semua komponen anak dengan stub kosong. Gunakan shallowMount untuk unit test yang ketat di mana isolasi sangat penting dan mount untuk integration test di mana interaksi antara komponen induk-anak perlu diverifikasi.
Bagaimana cara mengonfigurasi Vitest dalam proyek Vue/Nuxt?
Method wrapper mana yang memungkinkan pencarian elemen berdasarkan selektor CSS-nya?
+17 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis