Pada artikel kali ini Konsep Koding akan berbagi tutorial Unit Test untuk ReactJS menggunakan React Testing Library untuk User Event. Apa itu UserEvent dan mengapa kita perlu menggunakan UserEvent ketimbang FireEvent?
 |
| #21 Tutorial React Testing Library User Event Input |
Kenapa Menggunakan UserEvent?
userEvent adalah library pendamping untuk Testing Library yang menyediakan simulasi interaksi browser yang lebih canggih daripada metode fireEvent bawaan. Jadi userEvent adalah pembaharuan untuk FireEvent.
Tutorial React Testing Library User Event Input
Di tutorial kelanjutan ini kita akan menggunakan Typescript bagi yang menggunakan Javascript sama saja hanya tinggal menghapus tipe data saja dan bisa digunakan pada JS.
Disini kita akan membuat sebuah form input sederhana kemudian membuat unit test dengan mengecek ketika si user mengetikan sebuah string pada input form yang kita buat.
Pertama buat project React JS baru
npx create-react-app my-app --template typescript
npx create-react-app my-app --template typescript
Kemudian ubah App.tsx atau App.js mu menjadi seperti ini :
Kemudian ubah App.test.tsx atau App.test.js mu menjadi seperti ini:
Kemudian jalankan
yarn test atau npm run test
Maka hasilnya akan seperti di bawah ini :
Baca Juga Tutorial ReactJS lainnya :
0 Comments