Thử nghiệm

Thử nghiệm đơn vị cho mẫu tùy chỉnh trong Trình quản lý thẻ của Google giúp bạn xác thực chức năng của mẫu. Bạn có thể tạo một tập hợp kiểm thử cho mỗi mẫu có thể chạy mà không cần triển khai thẻ, cho phép bạn liên tục kiểm thử hành vi của mẫu trong quá trình phát triển. Mỗi lượt kiểm thử có thể cung cấp các giá trị đầu vào mẫu, lệnh gọi hàm mô phỏng và xác nhận hành vi của mã.

Các điểm hạn chế

  • Kiểm thử đơn vị không kiểm tra quy tắc xác thực nhưng bạn có thể kiểm tra xác thực theo cách thủ công bằng cách sử dụng nút Chạy mã.
  • Việc kiểm tra quyền không xảy ra trên các API mô phỏng trong kiểm thử đơn vị.

Hướng dẫn này sẽ chỉ cho bạn cách viết thử nghiệm đơn vị cho mẫu tùy chỉnh. Ví dụ này tạo một mẫu biến nhận chuỗi đầu vào và trả về phiên bản viết hoa của chuỗi đó.

  1. Tạo mẫu biến mới. Nhấp vào Mẫu trong bảng điều hướng bên trái rồi nhấp vào Mới trong mục Mẫu biến.

  2. Nhấp vào Các trường.

  3. Nhấp vào Thêm trường rồi chọn Nhập văn bản. Đặt tên cho trường text1 và đặt tên hiển thị thành "Text 1".

  4. Trong thẻ , hãy thay thế mã mặc định bằng JavaScript dạng hộp cát này:

    let input = data.text1;
    return input.toUpperCase();
    
  5. Nhấp vào mục Thử nghiệm để mở thẻ thử nghiệm.

  6. Nhấp vào Thêm thử nghiệm và thay đổi tên của thử nghiệm từ "Thử nghiệm không có tiêu đề 1" thành "Xử lý chuỗi".

  7. Nhấp vào biểu tượng mở rộng () để hiển thị trình chỉnh sửa JavaScript hộp cát của thử nghiệm. Thay thế mã bằng JavaScript dạng hộp cát này:

    // Call runCode to run the template's code with a lowercase string
    let variableResult = runCode({text1: 'this is a test'});
    // Validate that the result of runCode is an uppercase string.
    assertThat(variableResult).isEqualTo('THIS IS A TEST');
    

    Kiểm thử này truyền chuỗi 'this is a test' đến biến và xác minh rằng biến trả về giá trị dự kiến là 'THIS IS A TEST'. API runCode được dùng để chạy mã mẫu trong thẻ . Đối số cho runCode là một đối tượng được dùng làm dữ liệu toàn cục. API assertThat trả về một đối tượng có thể dùng để đưa ra xác nhận rõ ràng về giá trị của một đối tượng.

  8. Nhấp vào ▶ Chạy thử nghiệm để chạy thử nghiệm. Kết quả kiểm thử sẽ xuất hiện trong Console (Bảng điều khiển).

    Nút ▶ Chạy thử nghiệm chạy tất cả các thử nghiệm đã bật trong mẫu theo thứ tự hiển thị. Để thay đổi thứ tự, hãy sử dụng biểu tượng kéo (⠿). Có thể tạm thời bật hoặc tắt thử nghiệm bằng cách nhấp vào vòng tròn ở bên trái tên thử nghiệm. Để chạy một thử nghiệm, hãy nhấp vào nút ▶ xuất hiện khi bạn di chuột qua thử nghiệm.

    Bảng điều khiển sẽ in tổng số lượt kiểm thử đã chạy và số lượt kiểm thử không đạt (nếu có). Trong trường hợp này, chỉ có một quy trình kiểm thử đã được chạy và đạt.

  9. Nhấp vào Thêm kiểm tra một lần nữa để thêm kiểm thử thứ hai. Thay đổi tên của thử nghiệm từ "Thử nghiệm không có tiêu đề 2" thành "Xử lý không xác định".

  10. Nhấp vào kiểm thử để mở rộng và hiển thị trình chỉnh sửa JavaScript hộp cát. Nhập JavaScript hộp cát vào trình chỉnh sửa:

    let variableResult = runCode({});
    assertThat(variableResult).isEqualTo(undefined);
    
  11. Nhấp vào ▶ Chạy thử nghiệm để chạy tất cả các thử nghiệm cùng một lúc. Kết quả kiểm thử sẽ xuất hiện trong bảng điều khiển.

    Không thể kiểm tra Xử lý không xác định. Xin chúc mừng, bạn đã tìm thấy một lỗi!

  12. Nhấp vào để quay lại và chỉnh sửa mã JavaScript hộp cát của mẫu. Cập nhật JavaScript hộp cát như sau:

    const getType = require('getType');
    
    let input = data.text1;
    if (getType(input) !== 'string') {
      return input;
    }
    return input.toUpperCase();
    

    Mã mới cập nhật tuân theo các phương pháp hay nhất để xác thực biến input trước khi sử dụng.

  13. Nhấp vào Tests (Kiểm thử) để quay lại danh sách các trường hợp kiểm thử.

  14. Nhấp vào ▶ Chạy thử nghiệm để chạy lại tất cả các trường hợp thử nghiệm. Lần này, kiểm thử Xử lý không xác định sẽ thành công.

  15. Nhấp vào Lưu và đóng Trình chỉnh sửa mẫu.