Xu Hướng 7/2022 # Tìm Hiểu Về Jestjs, Viết Unit Test Cho Javascript # Top View

Xem 9,405

Bạn đang xem bài viết Tìm Hiểu Về Jestjs, Viết Unit Test Cho Javascript được cập nhật mới nhất ngày 04/07/2022 trên website Ezlearning.edu.vn. Hy vọng những thông tin mà chúng tôi đã chia sẻ là hữu ích với bạn. Nếu nội dung hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất. Cho đến thời điểm hiện tại, bài viết này đã đạt được 9,405 lượt xem.

--- Bài mới hơn ---

  • Unit Test Là Gì? 10 Frameworks Unit Test Cho Javascript
  • Hướng Dẫn Viết Unit Test Trong Angular
  • Hướng Dẫn Viết Unit Test Trong React
  • Unit Test Trong C# Với Nunit Và Moq
  • Unit Testing Ứng Dụng C# Dùng .net Core Và Visual Studio Code
  • Jestjs là một JavaScript Testing Framework khá là dễ sử dụng và cài đặt, tuy nhiên vẫn đầy đủ tính năng để bạn có thể sử dụng Bài viết này mình xin giới thiệu một số tính năng cơ bản của jest cùng với một số ví dụ.

    Cài đặt

    Cài đặt Jest khá đơn giản:

    yarn add --dev jest

    hoặc

    npm install --save-dev jest

    Sau đó thêm đoạn code sau vào file package.json:

    Tiếp theo mình có ví dụ một file test: math.js

    Để viết test cho file trên mình tạo file test/math.test.js, đuôi file là chúng tôi sẽ nói cho jest biết đây là file test của bạn.

    Sau đó chạy yarn test hoặc npm run test.

    Ở trong đoạn code trên:

    expect(MathJS.sum(1, 1)).toBe(2);

    .toBe() chính là một matcher trong jest. Nó giống như phép so sánh bằng bình thường vậy. Ví dụ:

    expect(result).toBe(2); expect(result).toBe(true); expect(result).toBe({a: 1, b: 2});

    Tuy nhiên khi so sánh một Object bạn nên sử dụng .toEqual() Lý do là vì.toBe thực tế sử dụng === để so sánh và đưa ra kết quả. Và chúng ta đều biết trong javascript:

    Còn .toEqual() theo như Jest sẽ lần lượt kiểm tra tất các trường của Object, hoặc mảng để so sánh. Vì vậy thay vì viết:

    expect(result).toBe({a: 1, b: 2});

    Hãy viết:

    expect(result).toEqual({a: 1, b: 2});

    Ngoài ra còn các matchers khác:

    Truthiness

    • toBeNull so sánh với giá trị null.
    • toBeUndefined so sánh với giá trị undefined.
    • toBeDefined là hàm cho kết quả ngược lại toBeUndefined.
    • toBeTruthy so sánh với giá trị true.
    • toBeFalsy so sánh với giá trị false.

    Numbers

    Đối với số thập phân, bạn nên sử dụng toBeCloseTo:

    String

    Bạn có thể kiểm tra một đoạn văn bản với regular expssions bằng toMatch:

    Array

    Để kiểm tra giá trị có trong một mảng, bạn có thể dùng toContain:

    Exceptions

    Để kiểm tra một lỗi có thể xảy ra bạn có thể sử dụng toThrow:

    Test một action trong redux

    Test một event trong Jquery

    Bạn có thể thấy const alert = jest.fn();. Đây là một tính năng trong Jest giúp bạn mock một function. Hay mô phỏng lại hàm cần test.

    Test với module axios

    Trong ví dụ này mình đã mock module axios, và đặt giá trị trả về cho hàm get. Như vậy khi test bạn sẽ không cần phải gửi request thật, tránh mất thời gian. Các module khác bạn cũng có thể làm cách tương tự.

    All Rights Reserved

    --- Bài cũ hơn ---

  • Viết Unit Test Cho Javascript Với Jasmine
  • Tải Manualslib User Guides Owners Manuals Library Cho Máy Tính Pc Windows Phiên Bản
  • Guide Là Gì? Tất Cả Những Khái Niệm Về Guide Bạn Cần Biết
  • Đặc Tả Sơ Đồ Use Case Quản Lý Khách Sạn
  • Use Case Và Use Case Testing
  • Cập nhật thông tin chi tiết về Tìm Hiểu Về Jestjs, Viết Unit Test Cho Javascript trên website Ezlearning.edu.vn. Hy vọng nội dung bài viết sẽ đáp ứng được nhu cầu của bạn, chúng tôi sẽ thường xuyên cập nhật mới nội dung để bạn nhận được thông tin nhanh chóng và chính xác nhất. Chúc bạn một ngày tốt lành!

  • Web hay
  • Links hay
  • Push
  • Chủ đề top 10
  • Chủ đề top 20
  • Chủ đề top 30
  • Chủ đề top 40
  • Chủ đề top 50
  • Chủ đề top 60
  • Chủ đề top 70
  • Chủ đề top 80
  • Chủ đề top 90
  • Chủ đề top 100
  • Bài viết top 10
  • Bài viết top 20
  • Bài viết top 30
  • Bài viết top 40
  • Bài viết top 50
  • Bài viết top 60
  • Bài viết top 70
  • Bài viết top 80
  • Bài viết top 90
  • Bài viết top 100
  • CẦM ĐỒ TẠI F88
    15 PHÚT DUYỆT
    NHẬN TIỀN NGAY

    VAY TIỀN NHANH
    LÊN ĐẾN 10 TRIỆU
    CHỈ CẦN CMND

    ×