Lampiran

Bermain sebagai runner pengujian

Vitest adalah runner pengujian dan framework yang makin populer. Kursus ini menggunakannya setiap kali contoh tertentu diperlukan, tetapi banyak contoh yang disertakan bersifat generik dan berlaku untuk framework apa pun yang telah Anda pilih.

Sebagian besar runner atau framework pengujian cenderung memiliki banyak kesamaan, dan kursus ini akan berguna terlepas dari stack yang Anda pilih. Kami telah memilih untuk fokus pada Vitest karena beberapa alasan:

  • Metode ini modern dan tidak perlu banyak melakukan penyiapan atau konfigurasi, dibandingkan dengan runner pengujian lainnya. Meskipun dibuat di alat build Vite, Vitest masih berfungsi dengan project yang sudah ada.

  • Alat ini juga memiliki dukungan yang baik untuk menangani Modul EcmaScript (ESM), termasuk membuat tiruan seluruh impor. Meskipun memiliki beberapa peringatan, alat ini lebih stabil dibandingkan alat lain.

Yang paling penting, ini menyajikan API yang sangat kompatibel dengan Jest, yang kemungkinan adalah runner populer yang paling populer. Namun, sekali lagi, cara Anda menyusun dan mengelompokkan pengujian cenderung mirip, terlepas dari framework yang Anda gunakan. Fitur yang lebih canggih, seperti pengujian ganda yang rumit, cenderung sedikit menyimpang. Kursus ini menggunakan Vitest untuk menjelaskannya, tetapi juga selalu menjelaskan solusi generiknya.

Bereaksi sebagai model komponen

Meskipun kursus ini menyediakan contoh kode umum yang menguji JavaScript biasa, misalnya, fungsi matematika, kursus ini dengan cepat beralih ke pengujian komponen React sebelum kemudian menyertakan Komponen Web secara umum dan menggunakan Lit. Kursus ini juga menggunakan Next.js.

Ini adalah pilihan yang praktis. Meskipun menerima kritik, React adalah framework yang paling sering digunakan para peserta dalam survei State of JS terbaru.