Lampiran

Berikut beberapa konsep dan informasi tambahan yang dapat membantu dalam perjalanan pengembangan pengujian Anda.

Vitest sebagai runner pengujian

Vitest adalah runner dan framework pengujian yang semakin populer. Kursus ini menggunakannya setiap kali contoh tertentu diperlukan, tetapi banyak contoh yang disertakan bersifat umum 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 berfokus pada Vitest karena sejumlah alasan:

  • Alat ini modern dan hanya memerlukan sedikit pekerjaan untuk disiapkan atau dikonfigurasi, tidak seperti runner pengujian lainnya. Meskipun dibuat di alat build Vite, Vitest masih berfungsi dengan project yang ada.

  • Library ini juga memiliki dukungan yang bagus untuk menggunakan Modul ECMAScript (ESM), termasuk mengejek seluruh impor. Meskipun memiliki beberapa keterbatasan, alat ini lebih stabil daripada alat lainnya.

Yang paling penting, API ini menghadirkan API yang sebagian besar kompatibel dengan Jest, yang mungkin merupakan runner yang paling populer. Namun, sekali lagi, cara Anda menyusun dan mengelompokkan pengujian cenderung mirip, apa pun framework yang digunakan. Fitur yang lebih canggih, seperti duplikat pengujian yang rumit, cenderung sedikit menyimpang. Kursus ini menggunakan Vitest untuk menjelaskannya, tetapi juga selalu menjelaskan solusi generik.

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 mendapat kritik, React adalah framework yang paling sering digunakan oleh peserta dalam survei State of JS.