Có thể sử dụng JavaScript để thử nghiệm không?

Kiểm tra đơn vị JavaScript cho phép bạn kiểm tra các đơn vị mã JavaScript nhỏ, độc lập, là một phần của trang web hoặc ứng dụng web. Có hai khái niệm chính trong thử nghiệm đơn vị JavaScript

• Khung thử nghiệm—có thể nhập một số mã JavaScript, gọi nó và kiểm tra xem nó có hoạt động bình thường không.  
• Trường hợp thử nghiệm—một thử nghiệm cụ thể để kiểm tra xem một đơn vị mã có hoạt động bình thường không. Các bài kiểm tra được tổ chức thành các bộ kiểm tra.  
• Người chạy thử nghiệm—chạy các trường hợp thử nghiệm trong trình duyệt để xem đơn vị đang thử nghiệm hoạt động như thế nào

Các khung kiểm tra đơn vị JavaScript phổ biến bao gồm Jest, Mocha và Jasmine. Chúng tôi sẽ chỉ cho bạn cách chạy thử nghiệm đơn vị đơn giản mà không cần khung đầy đủ và cách kiểm tra mã của bạn bằng cách sử dụng Jest

trong bài báo này

Hướng dẫn nhanh #1. Kiểm tra đơn vị JavaScript không có khung [DIY]

Mặc dù có nhiều khung kiểm tra đơn vị JavaScript, nhưng sẽ rất hữu ích nếu bạn tự xây dựng một bài kiểm tra đơn vị mà không cần bất kỳ khung nào để hiểu rõ về các cơ chế liên quan. Cuộc thảo luận của chúng tôi dưới đây dựa trên hướng dẫn tuyệt vời của Amit Gupta

Bước 1. Tạo khung thử nghiệm đơn giản

Tạo atest.jsfile và triển khai hàm it.  

Trong các khung thử nghiệm như Jasmine, hàmit cho phép bạn chạy một đoạn mã, quan sát đầu ra của nó và xem liệu nó có khớp với đầu ra dự kiến ​​hay không. Ở đây chúng tôi sẽ tự thực hiện chức năng này. Phải mất hai tham số

• desc—mô tả trường hợp thử nghiệm
• fn—chức năng kiểm tra

Đây là mã

[function[]{
  'use strict';

   function it[desc, fn] {
    try {
      fn[];
      console.log[desc];
    } catch [error] {
      console.log['\n'];
      console.log[desc];
      console.error[error];
    }
  }
}][];

Thêm một xác nhận thử nghiệm đơn giản. Xác nhận này kiểm tra xem một biểu thức có đúng không và nếu không, sẽ đưa ra lỗi

 function assert[isTrue] {
    if [!isTrue] {
      throw new Error[];
    }
  }

Bước 2. Tạo người chạy thử nghiệm

Tiếp theo, chúng ta sẽ tạo một bài kiểm tra. tệp html sẽ là trình chạy thử nghiệm của chúng tôi. Tất cả những gì nó làm là chạy thử nghiệm. js

________số 8_______

Bước 3. Chạy thử nghiệm

Trong bài kiểm tra. js, chúng tôi sẽ thêm bài kiểm tra sau

it['should fail', function[] {
  assert[1 !== 1];
}];

Bởi vì 1 bằng 1, bài kiểm tra này sẽ luôn thất bại. Để thấy rằng xác nhận của chúng tôi hoạt động chính xác, hãy chạy thử nghiệm. html trong trình duyệt Chrome của bạn, hãy mở Công cụ dành cho nhà phát triển và chuyển sang tab Bảng điều khiển. Bạn sẽ thấy thông báo không thành công và ngay sau đó là lỗi. Trong thử nghiệm thực tế, điều này sẽ cho phép bạn xem nguyên nhân khiến mã bị lỗi và gỡ lỗi sự cố

Bây giờ hãy thêm bài kiểm tra sau, bài kiểm tra này sẽ luôn vượt qua

it0

Làm mới trình chạy thử trong trình duyệt và xem bảng điều khiển. Nó sẽ hiện thông báoit1

Nội dung liên quan. Đọc hướng dẫn của chúng tôi về các ví dụ thử nghiệm đơn vị

Hướng dẫn nhanh #2. Hướng dẫn kiểm tra đơn vị JavaScript với Jest

Jest là một khung thử nghiệm dựa trên JavaScript mã nguồn mở được sử dụng chủ yếu cho các ứng dụng web dựa trên React và React Native. Có thể khó chạy thử nghiệm đơn vị trong giao diện người dùng phần mềm do cấu hình phức tạp, tốn thời gian. Khung Jest có thể làm giảm đáng kể sự phức tạp này

Jest cũng cung cấp thư viện xác nhận gói, trình chạy thử và thư viện mô phỏng tích hợp. Nó có thể được sử dụng với nhiều khung JavaScript bao gồm Angular, Vue. js, nút. js, Babel và TypeScript. Ngoài thử nghiệm đơn vị, bạn cũng có thể sử dụng Jest để.  

• Xác thực hầu hết mọi thứ đối với JavaScript, đặc biệt là kết xuất trình duyệt của các ứng dụng web.  
• Chạy thử nghiệm trình duyệt tự động

Nội dung liên quan. Đọc hướng dẫn của chúng tôi về các khung thử nghiệm đơn vị [sắp ra mắt]

Hãy xem cách chạy thử nghiệm đơn vị đơn giản với Jest

Bước 1. Thiết lập môi trường

Để thiết lập một môi trường thử nghiệm đơn giản, hãy tạo một dự án mới bằng cách sử dụng it2 và cài đặt Jest làm phụ thuộc phát triển cho npm

it3

Thêm tập lệnh này vào gói. json để có thể chạy thử nghiệm của bạn từ dòng lệnh

it4

Bước 2. Tạo tệp mẫu

Tạo một tệp mới trong src/example. js và đặt nó để xuất hàm

it5

it6

Bước 3. Tạo một tệp thử nghiệm

Lưu tệp này và mởit7. Jest tự động tìm bài kiểm tra bạn muốn chạy trong thư mục test/. Tệp này đóng vai trò là tệp đồng hành với tệp it8 và xác định một bộ kiểm tra để xác minh rằng tất cả các chức năng đều hoạt động bình thường.  

Một bài kiểm tra Jest cơ bản trông như thế này

it9

Theo mặc định, hàm it0 bao bọc tất cả mã trong bài kiểm tra. Mỗi khối it1 gọi một hàm [một đơn vị] và chuyển giá trị của nó cho một “bộ so khớp”. Trong trường hợp này, công cụ so khớp là hàm ait2 kiểm tra sự bằng nhau

Jest có nhiều công cụ so khớp, bạn có thể đọc tất cả những công cụ này trong tài liệu

Bước 4. Hãy thử kiểm tra chức năng ví dụ

Khối sau chạy hai bài kiểm tra cơ bản trên chức năng ví dụ của chúng tôi

it3

Bước 5. Chạy thử nghiệm

Để thực hiện kiểm tra của bạn, hãy chạy lệnh này

it4

Điều này sẽ chạy tất cả các bộ thử nghiệm và in kết quả của từng bộ thử nghiệm

Nếu toán học hoạt động, mọi thứ sẽ trôi qua. Nếu không thành công, Jest sẽ cung cấp mô tả chi tiết về sự cố và giúp theo dõi sự cố

Bước 6. Sử dụng vòng lặp để kiểm tra nhiều giá trị

Đây là cách sử dụng vòng lặp for để gọi kỳ vọng nhiều lần bằng cách lặp qua đầu vào. Nếu việc thực thi dự kiến ​​không thành công, bản thân thử nghiệm cũng thất bại

it5

Kiểm tra đơn vị bảo mật với Bright

Bright là máy quét Kiểm tra bảo mật ứng dụng động [DAST] đầu tiên dành cho nhà phát triển, loại máy quét đầu tiên tích hợp vào kiểm tra đơn vị, cách mạng hóa khả năng thay đổi kiểm tra bảo mật hơn nữa. Giờ đây, bạn có thể bắt đầu thử nghiệm mọi thành phần/chức năng với tốc độ của thử nghiệm đơn vị, thử nghiệm bảo mật nhanh chóng trên toàn bộ quy trình phát triển và CI/CD để giảm thiểu nợ bảo mật và kỹ thuật, bằng cách quét sớm và thường xuyên, do các nhà phát triển dẫn đầu. KHÔNG có kết quả dương tính giả, hãy bắt đầu tin tưởng máy quét của bạn khi kiểm tra các ứng dụng và API của bạn [SOAP, REST, GraphQL], được xây dựng cho các công nghệ và kiến ​​trúc hiện đại. Đăng ký tài khoản miễn phí ngay bây giờ và đọc tài liệu của chúng tôi để tìm hiểu thêm