×

Cài đặt thư viện Jest trong JavaScript

Khi học hoặc làm việc với JavaScript, đặc biệt là khi phát triển các ứng dụng lớn, việc kiểm thử (testing) là rất quan trọng. Trong cộng đồng lập trình viên JavaScript, Jest được xem là một trong những thư viện kiểm thử mạnh mẽ và phổ biến nhất. Nó giúp bạn kiểm thử code của mình một cách hiệu quả, nhanh chóng và dễ dàng. Bibliothèque này được tạo ra bởi Facebook và được sử dụng rộng rãi bởi các công ty lớn và trong nhiều dự án mã nguồn mở.

Trong bài viết này, chúng ta sẽ cùng nhau tìm hiểu cách cài đặt và sử dụng thư viện Jest để kiểm thử các ứng dụng JavaScript của bạn. Chúng ta cũng sẽ đi qua những ví dụ cụ thể để bạn có thể hiểu rõ hơn về cách Jest hoạt động.

Tại sao Nên Dùng Jest?

Trước khi đi vào chi tiết về cách cài đặt và sử dụng Jest, hãy cùng tìm hiểu tại sao thư viện này được ưa chuộng:

  1. Đơn Giản và Dễ Dùng:

    • Jest được thiết kế để dễ sử dụng. Ngay cả khi bạn mới bắt đầu với kiểm thử, bạn vẫn có thể làm quen với Jest một cách nhanh chóng.
  2. Hiệu Suất Cao:

    • Jest có khả năng thực hiện nhiều bài kiểm thử đồng thời, giúp tăng tốc quá trình kiểm thử.
  3. Tính Toàn Diện:

    • Jest cung cấp tính năng kiểm thử đơn vị, kiểm thử tích hợp, và kiểm thử snapshot. Bạn có thể kiểm thử hầu hết mọi khía cạnh của mã nguồn của mình chỉ với một thư viện duy nhất.
  4. Cộng Đồng Năng Động:

    • Với sự hỗ trợ từ Facebook và một cộng đồng lập trình viên mạnh mẽ, Jest luôn được cập nhật và cải tiến.

Yêu Cầu Hệ Thống

Trước khi bắt đầu cài đặt Jest, hãy đảm bảo rằng bạn đã cài đặt Node.js và npm (Node Package Manager) trên máy của mình.

  • Node.js: Jest yêu cầu phiên bản Node.js từ 8.3.x trở lên.
  • npm: Thông thường sẽ đi kèm với Node.js.

Cài Đặt Jest

Bây giờ chúng ta sẽ tiến hành cài đặt Jest. Bạn có thể cài Jest bằng npm hoặc yarn. Trong bài viết này, chúng ta sẽ sử dụng npm.

Đầu tiên, bạn cần mở terminal hoặc command prompt.

  1. Khởi Tạo Một Project Mới:

    • Nếu bạn chưa có project, bạn có thể khởi tạo một project mới bằng lệnh:
      npm init -y
      
  2. Cài Đặt Jest:

    • Để cài đặt Jest, bạn sử dụng lệnh sau:
      npm install --save-dev jest
      
  3. Cấu Hình jest trong package.json:

    • Sau khi cài đặt xong, bạn cần thêm một script để chạy các bài kiểm thử. Mở file package.json và thêm dòng sau vào mục scripts:
      {
        "scripts": {
          "test": "jest"
        }
      }
      

Đọc Và Viết Bài Kiểm Thử Với Jest

Sau khi cài đặt và cấu hình xong Jest, chúng ta sẽ bắt đầu viết các bài kiểm thử.

  1. Tạo Một File Kiểm Thử:

    • Ví dụ, chúng ta có một file JavaScript có tên sum.js với nội dung như sau:
      function sum(a, b) {
        return a + b;
      }
      module.exports = sum;
      
  2. Tạo File Kiểm Thử Cho sum.js:

    • Tạo một file mới có tên sum.test.js trong cùng thư mục với sum.js.
      • Đảm bảo đuôi file là .test.js hoặc .spec.js để Jest có thể nhận diện và chạy nó.
      • Nội dung của sum.test.js sẽ như sau:
        const sum = require('./sum');
        
        test('adds 1 + 2 to equal 3', () => {
          expect(sum(1, 2)).toBe(3);
        });
        
  3. Chạy Bài Kiểm Thử:

    • Để chạy bài kiểm thử, mở terminal và sử dụng lệnh sau:
      npm test
      

Jest sẽ tự động tìm và thực thi tất cả các file kiểm thử trong project của bạn.

Các Tính Năng Nổi Bật của Jest

Jest không chỉ hỗ trợ việc viết các bài kiểm thử đơn giản mà còn cung cấp nhiều tính năng mạnh mẽ khác. Dưới đây là một số tính năng quan trọng của Jest:

  1. Snapshot Testing:

    • Snapshot testing giúp bạn kiểm thử giao diện người dùng của ứng dụng. Bạn có thể lưu trữ lại cấu trúc của component và sau đó so sánh với phiên bản hiện tại.
      test('renders correctly', () => {
        const tree = renderer.create(<MyComponent />).toJSON();
        expect(tree).toMatchSnapshot();
      });
      
  2. Mocking:

    • Jest cho phép bạn mock các module hoặc hàm để kiểm soát và kiểm thử các ngữ cảnh khác nhau.
      jest.mock('../moduleToMock');
      
  3. Coverage:

    • Jest cung cấp tính năng coverage giúp bạn biết được mức độ kiểm thử mã nguồn của mình.
      jest --coverage
      
  4. Timers:

    • Jest hỗ trợ kiểm soát thời gian trong các hàm liên quan đến thời gian như setTimeout, setInterval bằng cách sử dụng jest.runAllTimers.

Lời Kết

Trong bài viết này, chúng ta đã cùng nhau tìm hiểu cách cài đặt thư viện Jest trong JavaScript và làm thế nào để sử dụng Jest để viết các bài kiểm thử cho mã nguồn của bạn. Kiểm thử là một phần quan trọng giúp bạn phát triển ứng dụng mạnh mẽ và đáng tin cậy. Jest không chỉ dễ sử dụng mà còn rất mạnh mẽ với nhiều tính năng hữu ích giúp quá trình kiểm thử trở nên hiệu quả hơn.

Hãy thử cài đặt và sử dụng Jest cho dự án của bạn, và bạn sẽ thấy rõ sự khác biệt mà kiểm thử tự động có thể mang lại cho chất lượng mã nguồn của bạn. Chúc bạn thành công!

Comments