Selenium tải tập tin html

Video sau đây cho biết cách sử dụng tiện ích mở rộng trình duyệt Applitools cho Selenium IDE và giới thiệu các tính năng sau. Cài đặt, tạo và chạy thử nghiệm, thêm điểm kiểm tra Trực quan, sử dụng Lưới siêu nhanh, thực hiện Phân tích nguyên nhân gốc rễ của lỗi Trực quan và thực hiện Bảo trì tự động -- tất cả mà không cần viết một dòng mã nào. 🤓

Selenium IDE video

Nếu bạn chưa quen với chính Selenium IDE (là một tiện ích mở rộng khác của trình duyệt) mà tiện ích mở rộng "Applitools for Selenium IDE" phụ thuộc vào, bốn video sau đây sẽ giúp bạn bắt đầu

Bắt đầu

  1. Trước tiên hãy cài đặt phiên bản mới nhất của Selenium IDE từ Cửa hàng Chrome hoặc từ cửa hàng Firefox

  2. Cài đặt phiên bản mới nhất của tiện ích mở rộng Applitools từ Cửa hàng Chrome hoặc từ cửa hàng Firefox. Tại thời điểm này, bạn sẽ có một biểu tượng mới trong thanh điều hướng có chứa biểu tượng Applitools Eyes

  3. Nhấp vào nó sẽ hiện ra cửa sổ nhắc bạn mở IDE nếu nó chưa mở

Selenium tải tập tin html

  1. Khi IDE được mở, cửa sổ tiện ích mở rộng Eyes sẽ nhắc bạn nhập khóa API Applitools của bạn. Xem bài viết hỗ trợ này để biết chi tiết về cách lấy của bạn

Selenium tải tập tin html

  1. Sau khi bạn đã dán khóa API của mình, hãy nhấp vào Apply và cửa sổ sẽ hiển thị Successfully connected with Selenium IDE

Selenium tải tập tin html

GHI CHÚ

  1. Nếu bạn muốn định cấu hình hành vi của tiện ích mở rộng hoặc truy cập Trình quản lý kiểm tra mắt, hãy nhấp vào liên kết được cung cấp trong cửa sổ tiện ích mở rộng. Xem bên dưới để biết chi tiết cấu hình

  2. Chỉ định một chi nhánh hoặc một chi nhánh cha mẹ. Để biết thêm chi tiết về phân nhánh, hãy xem tài liệu phân nhánh Eyes

Tính năng Lưới siêu nhanh

Bạn có thể chọn chạy thử nghiệm cục bộ nhưng hiển thị các điểm kiểm tra Trực quan trên Lưới siêu nhanh. Vui lòng xem video hướng dẫn ở trên để biết thêm thông tin.

Selenium tải tập tin html

Lệnh có sẵn

Sau khi tiện ích mở rộng được kết nối với tài khoản Applitools Eyes của bạn, bạn có thể truy cập Selenium IDE và bắt đầu cập nhật các bài kiểm tra của mình bằng các lệnh để kiểm tra trực quan

Khi ở chế độ ghi trong Selenium IDE, tiện ích mở rộng Eyes sẽ liệt kê các lệnh kiểm tra trực quan có sẵn. Bạn có thể thêm một lệnh vào bài kiểm tra của mình bằng cách nhấp vào nó từ danh sách này

Selenium tải tập tin html

Đây là bảng phân tích của từng lệnh

Cửa sổ kiểm tra mắt

Lệnh eyes check window đặt một điểm kiểm tra trực quan trên toàn bộ cửa sổ. Nó sẽ cuộn khắp trang và tạo ảnh chụp màn hình toàn trang về nó

Nó nhận một đối số tùy chọn của tên để hiển thị trong kết quả kiểm tra. Điều này xảy ra trong trường đầu vào target trong IDE. Nếu tên không được cung cấp, URL của trang hiện tại sẽ được sử dụng làm tên

Yếu tố kiểm tra mắt

Lệnh eyes check element đặt một điểm kiểm tra trực quan trên một phần tử. Lưu ý rằng lệnh này sẽ không cuộn phần tử vào chế độ xem. Ngoài ra, phần tử phải vừa với bên trong khung nhìn để lệnh này hoạt động

Bạn có thể chọn một phần tử trong IDE một cách tương tác hoặc xác định phần tử đó bằng bộ định vị tiêu chuẩn trong trường nhập liệu target

Tương tự như eyes check window, lệnh này có một đối số tùy chọn là tên. Nếu không được cung cấp thì URL của trang hiện tại sẽ được sử dụng

Kích thước khung nhìn đặt mắt

Lệnh _______________ thay đổi kích thước trình duyệt để phù hợp với kích thước khung nhìn (không bao gồm viền cửa sổ). Đặt kích thước khung nhìn rất hữu ích để đảm bảo kết quả kiểm tra nhất quán. Nó cũng cần thiết cho mọi thử nghiệm trực quan vì nó được sử dụng để xác định bố cục ứng dụng của bạn và các thành phần của nó

Nó cần một đối số bắt buộc là WidthxHeight (e. g. 1280x800)

GHI CHÚ

Nếu lệnh này không được sử dụng trước khi thực hiện lệnh kiểm tra, một thông báo cảnh báo sẽ xuất hiện trong đầu ra nhật ký kiểm tra trong IDE khuyến khích sử dụng lệnh này để có kết quả đáng tin cậy

Thời gian chờ trận đấu đặt mắt

Successfully connected with Selenium IDE0 đặt thời gian chờ trận đấu cho các điểm kiểm tra trực quan tiếp theo. Sẽ có nhiều lần thử lại hơn khi tìm thấy sự khác biệt như một phương tiện để đợi trang ổn định hoàn toàn về mặt trực quan

Thời gian chờ cao hơn có nghĩa là sẽ có nhiều lần thử lại hơn. Thời gian chờ mặc định là 2 giây

Điều này nhận một đối số bắt buộc về thời gian chờ mới (tính bằng mili giây)

Mắt Đặt Trận Đấu Đẳng Cấp

Successfully connected with Selenium IDE1 đặt mức khớp cho các điểm kiểm tra tiếp theo. Mặc định là Successfully connected with Selenium IDE2

Điều này cần một đối số bắt buộc của cấp độ khớp mới được sử dụng. Các tùy chọn là Successfully connected with Selenium IDE3, Successfully connected with Selenium IDE2, Successfully connected with Selenium IDE5 và Successfully connected with Selenium IDE6

Định cấu hình tiện ích mở rộng

Có hành vi bổ sung mà bạn có quyền truy cập trong cửa sổ cài đặt của tiện ích mở rộng Eyes. Để truy cập nó, hãy nhấp vào biểu tượng tiện ích mở rộng trong ngăn điều hướng trình duyệt của bạn và nhấp vào Successfully connected with Selenium IDE7

Có ba tab có sẵn trong cửa sổ cài đặt - Successfully connected with Selenium IDE8, Successfully connected with Selenium IDE9, một eyes check window0

Thẻ kiểm tra

Selenium tải tập tin html

Trong tab Successfully connected with Selenium IDE8, bạn có thể

  • Chuyển đổi các điểm kiểm tra trực quan để có thể bỏ qua chúng mà không xóa chúng khỏi các bài kiểm tra của bạn
  • Chuyển đổi phân tích nguyên nhân gốc rễ
  • Chuyển đổi nếu chúng tôi muốn tự động mở Kết quả kiểm tra trong Applitools sau khi chạy thử nghiệm (Được khuyến nghị)

Thẻ tài khoản

Selenium tải tập tin html

Trong tab Successfully connected with Selenium IDE9, bạn có thể thay đổi khóa API của mình và thay đổi URL máy chủ (e. g. , nếu bạn đang chạy phiên bản máy chủ đám mây chuyên dụng hoặc tại chỗ của Applitools Eyes)

Thẻ nâng cao

Selenium tải tập tin html

Và trong tab eyes check window0, bạn có thể chỉ định ID tiện ích mở rộng IDE thay thế

Chức năng này thường dành cho người dùng tại chỗ có tường lửa và không thể lấy tiện ích mở rộng Selenium IDE từ cửa hàng công cộng. Khi nhận nó từ một nguồn khác, nó sẽ có ID khác với ID có sẵn công khai. Để sử dụng, hãy nhập ID thay thế tại đây

Gặp rắc rối?

Đừng đau khổ trong im lặng. Hãy để chúng tôi giúp bạn. Hãy liên hệ với chúng tôi để dự án của bạn hoạt động

Thực hiện các bước tiếp theo với Applitools

Chúc mừng bạn đã hoàn thành phần bắt đầu nhanh này. Vẫn còn rất nhiều điều để tìm hiểu về thử nghiệm trực quan với Applitools, nhưng bạn đã có một khởi đầu tuyệt vời