Tìm hiểu Unit Testing trong dự án React Native

Trong quá trình phát triển dự án phần mềm thì quá trình Unit Test là không thể thiếu để tránh những sai sót cơ bản. Sau khi chúng ta thống nhất structure và chia những component trong React, chúng ta bắt đầu viết code cho từng component, kiểm thử bằng tay và sau đó viết unit testing. Vậy tại sao phải viết unit test ?

Đảm bảo code chúng ta chạy đúng một lần nữa sau vòng manual testing Kiểm tra lại toàn bộ những input(hay props) của component, cũng như function để kiểm tra kỹ hơn những trường hợp đặc biệt, nhất là với null, undefined data. Trong React Native chúng ta có thể dùng một số công cụ sau để viết unit testing :

1. Jest Jest là một JS framework khá thú vị và đơn giản được dùng để viết unit testing. Nó có thể làm việc tốt trên: React, Angular, Vue, Javascipt, Typescript.

   Jest có một số ưu điểm như sau:

   • Nhanh, tối ưu.
   • Cấu hình đơn giản
   • Tuỳ chọn Code coverage
   • Mocking dễ dàng

2. Enzyme Enzyme là một JS framework dùng để test React component dễ dàng hơn. Bạn có thể thao tác, duyệt DOM.

   Một số cách để render một component trong enzyme:

   • Shallow rendering Được dùng để test component như một đơn vị và không thể truy cập vào các component con. Với phiên bản mới(v3), shallow rendering đã hỗ trợ test componentDidMount và componentDidUpdate

   • Mount Còn được gọi là Full DOM rendering, nó cho phép chung ta vẽ lên một cây DOM cho component đó và cho cả component con.

   • Static rendering Tạo ra HTML từ compoenent. Chỉ gọi hàm render của component. Không có lifecycle hooks.