Pengenalan kepada Rangka Kerja Pengujian
Tinjau landskap pengujian Vue dan alat-alatnya.
Pengenalan kepada Rangka Kerja Pengujian ialah pelajaran Vue Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 3. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Vue Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Vue Academy merangkumi sejumlah 3 pelajaran.
Mengapa Menguji?
Ujian automatik mengesan pepijat sebelum pengguna menemuinya, mendokumenkan cara kod anda sepatutnya berfungsi dan membolehkan anda menstruktur semula kod dengan yakin. Apabila aplikasi berkembang, ujian menjadi penting untuk mengekalkan kualiti tanpa pemeriksaan manual.
Tiga Jenis Ujian
Terdapat tiga tahap ujian utama: ujian unit menyemak bahagian kecil secara berasingan, ujian integrasi menyemak bahawa bahagian-bahagian berfungsi bersama, dan ujian hujung ke hujung (e2e) mengendalikan keseluruhan aplikasi seperti pengguna sebenar.
Ujian Unit
Ujian unit mengesahkan satu fungsi atau komponen secara berasingan, dengan kebergantungan yang disimulasi. Ujian ini pantas dan mengenal pasti dengan tepat perkara yang rosak. Kebanyakan ujian anda sepatutnya ialah ujian unit.
function add(a, b) {
return a + b
}
test("add sums two numbers", () => {
expect(add(2, 3)).toBe(5)
})Ujian Integrasi
Ujian integrasi menyemak bahawa beberapa unit bekerjasama dengan betul, contohnya komponen bersama stornya atau borang yang memanggil pembungkus API. Ujian ini mengesan masalah penyambungan yang tidak dapat dikesan oleh unit secara bersendirian.
Ujian Hujung ke Hujung
Ujian e2e membuka pelayar sebenar dan mengklik seluruh aplikasi anda tepat seperti yang dilakukan oleh pengguna. Ujian ini paling realistik tetapi juga paling perlahan dan mudah rapuh, jadi anda menulisnya dalam jumlah yang lebih sedikit.
Piramid Ujian
Piramid ujian mencadangkan banyak ujian unit yang pantas di bahagian dasar, lebih sedikit ujian integrasi di bahagian tengah dan sebilangan kecil ujian e2e di bahagian atas. Susunan ini mengimbangi keyakinan dengan kepantasan.
Vitest
Vitest ialah pelaksana ujian moden yang pantas dan dibina untuk projek berasaskan Vite. Ia mempunyai API yang serasi dengan Jest dan berfungsi dengan lancar bersama aplikasi Vue 3 yang dijana oleh Vite.
npm install -D vitestJest
Jest ialah pelaksana ujian yang telah lama digunakan dalam ekosistem JavaScript. Vitest mencerminkan APInya (describe, test, expect), jadi pengetahuan boleh dipindahkan antara kedua-duanya.
describe("math", () => {
test("adds", () => {
expect(1 + 1).toBe(2)
})
})Vue Test Utils
Vue Test Utils ialah pustaka rasmi untuk ujian unit komponen Vue. Pustaka ini melekapkan komponen dalam persekitaran ujian supaya anda boleh berinteraksi dengannya dan mengesahkan keluarannya.
npm install -D @vue/test-utilsCypress dan Playwright
Untuk ujian e2e, Cypress dan Playwright ialah pilihan yang popular. Kedua-duanya mengautomatikkan pelayar sebenar, membolehkan anda menskripkan klik, penaipan dan navigasi, kemudian mengesahkan perkara yang dilihat oleh pengguna.
Memilih Timbunan Teknologi
Persediaan Vue 3 yang lazim menggunakan Vitest bersama Vue Test Utils untuk ujian unit dan komponen, serta Cypress atau Playwright untuk e2e. Gabungan ini merangkumi keseluruhan piramid dengan alat moden yang disokong dengan baik.
Semakan Pantas
Uji pengetahuan anda tentang rangka kerja ujian.
Imbas Kembali
Ujian mempunyai tiga tahap: unit, integrasi dan e2e, yang diseimbangkan oleh piramid ujian (banyak ujian unit, sedikit ujian e2e). Timbunan Vue moden menggunakan Vitest atau Jest bersama Vue Test Utils untuk ujian unit, dan Cypress atau Playwright untuk e2e. Seterusnya, anda akan menulis ujian unit sebenar dengan Vue Test Utils.
Pelajari HTML dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 42
- Pelajaran
- 156
Soalan Lazim
Adakah pelajaran “Pengenalan kepada Rangka Kerja Pengujian” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Vue Academy, termasuk “Pengenalan kepada Rangka Kerja Pengujian”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Vue Academy merangkumi sejumlah 3 pelajaran.
Apakah yang akan saya pelajari dalam “Pengenalan kepada Rangka Kerja Pengujian”?
Tinjau landskap pengujian Vue dan alat-alatnya. Anda berlatih Vue Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Vue Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Vue Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 3.
Berapa lamakah pelajaran “Pengenalan kepada Rangka Kerja Pengujian” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Vue Academy ini?
Ya. Setiap pelajaran Vue Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Pengenalan kepada Rangka Kerja Pengujian
- Pengujian Unit dengan Vue Test Utils
- Pengujian Hujung ke Hujung