Selenium Hướng dẫn IDE

⚡ Tóm tắt thông minh

Selenium IDE là công cụ ghi và phát lại của... Selenium bộ phần mềm, được xây dựng cho mục đích thử nghiệmping Nó tập trung vào việc kiểm thử thay vì duy trì các bộ kiểm thử lớn, và các cửa sổ của nó bao gồm việc ghi lại, chỉnh sửa, chạy và kiểm tra mọi lệnh Selenese.

  • 🔘 Mục đích: Môi trường phát triển tích hợp (IDE) ghi lại các thao tác trên trình duyệt dưới dạng các lệnh Selenese và phát lại chúng mà không cần lập trình.
  • ☑️ Phạm vi: Hãy coi nó như một nguyên mẫu.ping công cụ đó, sau đó xuất kịch bản để tạo ra một khung làm việc dễ bảo trì.
  • Thanh menu: Chức năng File cho phép tạo, mở, lưu và xuất; chức năng Edit cho phép chèn các lệnh và nhận xét mới.
  • 🧪 Tùy chọn: Hộp thoại Tùy chọn thiết lập thời gian chờ mặc định, thời gian chờ cơ bản. URL hành vi và thứ tự xây dựng bộ định vị.
  • 🛠️ Editor: Chế độ xem dạng bảng là nơi nhập các lệnh, mục tiêu và giá trị; Chế độ xem dạng mã nguồn hiển thị cùng một kịch bản dưới dạng mã đánh dấu.
  • 📊 Bảng phản hồi: Ngăn Nhật ký hiển thị các thông báo Gỡ lỗi, Thông tin, Cảnh báo và Lỗi, trong khi ngăn Tham chiếu giải thích lệnh đã chọn.
  • 🚀 Hôm nay: Môi trường phát triển tích hợp (IDE) hiện tại là Chrome. Firefox và tiện ích mở rộng Edge lưu dự án dưới dạng một tệp .side duy nhất.

Selenium Hướng dẫn sử dụng IDE bao gồm các cửa sổ, menu và thanh công cụ.

Là gì Selenium IDE?

Selenium IDE (Môi trường phát triển tích hợp) là công cụ đơn giản nhất trong Selenium Thượng hạng. Nó là một Firefox Tiện ích bổ sung này tạo ra các bài kiểm tra rất nhanh chóng thông qua chức năng ghi và phát lại. Tính năng này tương tự như của... QTPViệc cài đặt rất dễ dàng và cách sử dụng cũng đơn giản.

⚠️ Lưu ý về các phiên bản: các Firefox Tiện ích bổ sung được minh họa xuyên suốt bài viết này đã ngừng hoạt động. Công cụ này vẫn còn tồn tại dưới dạng tiện ích bổ sung cho Chrome. Firefox và Edge mở rộng trình duyệt Nó vẫn giữ chức năng ghi và phát lại nhưng sắp xếp lại giao diện và lưu dự án dưới dạng một tệp duy nhất. .side tập tin. Mọi ảnh chụp màn hình và cài đặt gốc bên dưới đều được giữ nguyên như khi xuất bản.

Vì sự đơn giản của nó, Selenium IDE chỉ nên được sử dụng như một nguyên mẫu.ping công cụ, không phải là giải pháp tổng thể cho việc phát triển.ping và duy trì các bộ kiểm thử phức tạp.

Mặc dù bạn sẽ có thể sử dụng Selenium IDE nếu không có kiến ​​thức về lập trình thì ít nhất bạn phải làm quen với HTML, JavaScriptvà DOM (Mô hình đối tượng tài liệu) để tận dụng tối đa tiềm năng của công cụ này. Kiến thức về JavaCần có kịch bản khi chúng ta đến phần về lệnh Selenese “runScript”.

Selenium IDE hỗ trợ chế độ tự động hoàn thành khi tạo bài kiểm tra. Tính năng này phục vụ hai mục đích:

  • Nó giúp người thử nghiệm nhập lệnh nhanh hơn.
  • Nó hạn chế người dùng nhập các lệnh không hợp lệ.

Selenium Tính năng IDE

Hình ảnh được chú thích bên dưới xác định mọi khu vực được đề cập trong phần còn lại của bài viết này.

Selenium Cửa sổ IDE với thanh menu, cơ sở URL thanh công cụ, bảng điều khiển, ngăn kiểm thử, trình chỉnh sửa và ngăn nhật ký được gắn nhãn.

Menu Bar

Nó nằm ở phần trên cùng của IDE. Các menu được sử dụng phổ biến nhất là menu Tệp, Chỉnh sửa và Tùy chọn.

Tập tin trình đơn

  • Nó chứa các tùy chọn để tạo, mở, lưu và đóng các bài kiểm tra.
  • Các bài kiểm tra được lưu ở định dạng HTML.
  • Tùy chọn hữu ích nhất là “Xuất” vì nó cho phép bạn chuyển đổi dữ liệu của mình. Selenium Các trường hợp thử nghiệm IDE thành các định dạng tệp có thể chạy trên Selenium Điều khiển từ xa và WebDriver
  • Tùy chọn “Xuất trường hợp kiểm thử dưới dạng…” sẽ chỉ xuất trường hợp kiểm thử hiện đang được mở.
  • Tùy chọn “Xuất bộ kiểm thử thành…” sẽ xuất tất cả các trường hợp kiểm thử trong bộ kiểm thử hiện đang mở.

Menu Tệp mở rộng bên dưới hiển thị cả hai mục xuất khẩu cạnh nhau.

Selenium Menu File của IDE được mở rộng, hiển thị Export Test Case As và Export Test Suite As.

  • Tính đến Selenium IDE v1.9.1, các trường hợp kiểm thử chỉ có thể được xuất sang các định dạng sau:
    • .cs (mã nguồn C#)
    • .java (Java mã nguồn)
    • .py (Python mã nguồn)
    • .rb (Mã nguồn Ruby)

Việc xuất khẩu sẽ viết lại mỗi hàng Selenese thành một câu lệnh bằng ngôn ngữ đã chọn, giống như quá trình chuyển đổi HTML sang...Java So sánh cho thấy.

Ví dụ kiểm thử HTML của Selenese được hiển thị bên cạnh ví dụ xuất tương đương. Java mã nguồn

Lưu ý: Selenium Chức năng điều khiển từ xa đã bị loại bỏ. Selenium 3, vì vậy tập lệnh RC được xuất ra không còn chạy nữa. IDE hiện tại xuất mã WebDriver thay thế.

Chỉnh sửa Menu

  • Nó chứa các tùy chọn thông thường như Hoàn tác, Làm lại, Cắt, Sao chép, Dán, Xóa và Chọn tất cả.
  • Hai tùy chọn quan trọng nhất là “Thêm lệnh mới” và “Thêm chú thích mới”.

Selenium Menu Chỉnh sửa của IDE với tùy chọn Chèn lệnh mới và Chèn chú thích mới được tô sáng.

Lệnh hoặc nhận xét mới được chèn sẽ được đặt ở đầu dòng hiện được chọn.

Lưới trình soạn thảo trước và sau khi chèn một lệnh mới phía trên dòng đã chọn.

  • Các lệnh được tô màu đen.
  • Các bình luận được tô màu tím.

Sự khác biệt về màu sắc giúp dễ dàng nhận ra một bình luận được chèn vào trong một đoạn văn dài.

Các hàng trình soạn thảo hiển thị một lệnh Selenese màu đen bên cạnh một dòng chú thích màu tím.

Menu tùy chọn

Nó cung cấp giao diện để cấu hình các cài đặt khác nhau của Selenium SDI.

Chúng ta sẽ tập trung vào các tùy chọn và định dạng bảng nhớ tạm.

Menu con Định dạng Clipboard liệt kê mọi định dạng đoạn mã có sẵn.

Định dạng bảng nhớ tạm

  • Định dạng Clipboard cho phép bạn sao chép một lệnh Selenese từ trình soạn thảo và dán nó như một đoạn mã.
  • Định dạng của mã tuân theo tùy chọn bạn đã chọn ở đây trong danh sách Định dạng Clipboard.
  • HTML là lựa chọn mặc định.

Ví dụ, khi bạn chọn Java/JUnit 4/WebDriver làm định dạng clipboard của bạn, mọi lệnh Selenese bạn sao chép từ Selenium Trình soạn thảo của IDE sẽ được dán dưới dạng Java mã số. Xem hình minh họa dưới đây.

Lệnh Selenese được sao chép từ trình soạn thảo và dán vào như sau: Java Câu lệnh WebDriver

Selenium Hộp thoại Tùy chọn IDE

Bạn có thể khởi chạy Selenium Hộp thoại Tùy chọn IDE bằng cách nhấp vào Tùy chọn > Tùy chọn… trên thanh menu. Mặc dù có nhiều cài đặt có sẵn, chúng tôi sẽ tập trung vào một số cài đặt quan trọng.

Selenium Hộp thoại Tùy chọn IDE với thời gian chờ, tiện ích mở rộng, cơ bản URL và ghi lại các cài đặt được dán nhãn

  • Giá trị thời gian chờ mặc định. Điều này đề cập đến thời gian mà Selenium Nó phải đợi một phần tử nhất định xuất hiện hoặc trở nên có thể truy cập được trước khi tạo ra lỗi. Giá trị thời gian chờ mặc định là 30000ms.
  • Selenium Các tiện ích mở rộng IDE. Đây là nơi bạn chỉ định các phần mở rộng mà bạn muốn sử dụng để mở rộng. Selenium Khả năng của IDE Bạn có thể thăm addons.mozilla.org Và sử dụng "Selenium” làm từ khóa để tìm kiếm các tiện ích mở rộng cụ thể.
  • Hãy nhớ căn cứ URL. Hãy kiểm tra điều này nếu bạn muốn Selenium IDE để ghi nhớ Base URL mỗi khi bạn khởi chạy nó. Nếu bạn bỏ chọn tùy chọn này, Selenium IDE sẽ luôn khởi chạy với giá trị trống cho Base. URL.
  • Bản ghi tự khởi động. Nếu bạn kiểm tra điều này, Selenium IDE sẽ ngay lập tức ghi lại hành động trình duyệt của bạn khi khởi động.
  • Các nhà xây dựng định vị. Đây là nơi bạn chỉ định thứ tự tạo ra các vị trí trong quá trình ghi. Bộ định vị có những cách để nhận biết Selenium IDE thành phần giao diện người dùng nào sẽ được lệnh Selenese thực hiện. Trong thiết lập bên dưới, khi bạn nhấp vào một phần tử có thuộc tính ID, ID của phần tử đó sẽ được sử dụng làm công cụ định vị vì “id” là phần tử đầu tiên trong danh sách. Nếu phần tử đó không có thuộc tính ID, Selenium tiếp theo sẽ tìm thuộc tính “name” vì nó đứng thứ hai trong danh sách. Danh sách cứ lặp đi lặp lại cho đến khi tìm được một danh sách thích hợp.

Việc kéo một mục lên hoặc xuống trong danh sách này sẽ thay đổi thuộc tính mà trình ghi sẽ truy cập trước tiên.

Danh sách các trình tạo định vị hiển thị thứ tự ưu tiên được sử dụng khi trình ghi tạo ra một bộ định vị.

Căn cứ URL Quán ba

Mọi địa chỉ tương đối trong một đoạn mã đều được giải quyết dựa trên trường này.

Căn cứ URL thanh Selenium Môi trường phát triển tích hợp (IDE) lưu trữ địa chỉ của ứng dụng đang được kiểm thử.

  • Nó có một menu thả xuống ghi nhớ tất cả các giá trị trước đó để dễ dàng truy cập.
  • Lệnh “mở” trong tiếng Selenese sẽ đưa bạn đến... URL mà bạn đã chỉ định trong phần Cơ sở URL.
  • Trong loạt bài hướng dẫn này, chúng ta sẽ sử dụng demo.guru99.com/test/newtours/ làm cơ sở của chúng tôi URLĐây là trang web dành cho... Mercury Tours là một ứng dụng web demo được sử dụng ở đây cho mục đích kiểm thử web. Chúng ta sẽ sử dụng ứng dụng này vì nó chứa đầy đủ các yếu tố cần thiết cho các chủ đề tiếp theo.
  • Căn cứ URL rất hữu ích trong việc truy cập tương đối URLGiả sử rằng Cơ sở của bạn URL được đặt thành Mercury Các chuyến tham quan được đề cập ở trên. Khi bạn thực hiện lệnh “open” với giá trị mục tiêu là “signup,” Selenium IDE sẽ hướng trình duyệt đến trang đăng ký. Xem hình minh họa dưới đây.

Lệnh mở với mục tiêu đăng ký tương đối được giải quyết dựa trên cơ sở đã cấu hình. URL

Thanh công cụ

Thanh công cụ chứa các nút điều khiển ghi âm và phát lại. Mỗi nút và chức năng của nó được liệt kê bên dưới.

Thanh trượt tốc độ phát lại Tốc độ phát lại. Tham số này điều khiển tốc độ thực thi kịch bản kiểm thử của bạn.
Nút ghi âm Ghi âm. Thao tác này bắt đầu/kết thúc phiên ghi âm của bạn. Mỗi thao tác trên trình duyệt được nhập dưới dạng lệnh Selenese trong Trình chỉnh sửa.
Nút "Phát toàn bộ bộ kiểm thử" Chạy toàn bộ bộ kiểm thử. Thao tác này sẽ lần lượt chạy tất cả các trường hợp kiểm thử được liệt kê trong ngăn Trường hợp kiểm thử.
Nút "Phát trường hợp thử nghiệm hiện tại" Chạy trường hợp kiểm thử hiện tại. Thao tác này sẽ chỉ chạy trường hợp kiểm thử hiện đang được chọn trong ngăn Trường hợp kiểm thử.
Nút tạm dừng và tiếp tục Tạm dừng/Tiếp tục. Thao tác này sẽ tạm dừng hoặc tiếp tục phát lại.
nút bước Bước. Nút này cho phép bạn bước vào từng lệnh trong kịch bản kiểm thử của mình.
Áp dụng nút quy tắc tổng hợp Áp dụng các quy tắc tổng hợp. Đây là một chức năng nâng cao. Nó cho phép bạn nhóm các lệnh Selenese lại với nhau và thực thi chúng như một hành động duy nhất.

Ngăn trường hợp thử nghiệm

Bảng điều khiển trường hợp kiểm thử hiển thị danh sách các trường hợp kiểm thử đang mở với mã màu cho kết quả đạt và không đạt, cùng với tóm tắt quá trình chạy.

  • In Selenium Trong IDE, bạn có thể mở nhiều trường hợp kiểm thử cùng một lúc.
  • Ngăn kiểm thử hiển thị cho bạn danh sách các trường hợp kiểm thử hiện đang mở.
  • Khi bạn mở một bộ kiểm thử, ngăn trường hợp kiểm thử sẽ tự động liệt kê tất cả các trường hợp kiểm thử có trong đó.
  • Trường hợp kiểm thử được viết bằng chữ đậm là trường hợp kiểm thử hiện đang được chọn.
  • Sau khi phát lại, mỗi trường hợp thử nghiệm sẽ được mã hóa màu để thể hiện xem nó đã vượt qua hay thất bại.
  • Màu xanh lá cây có nghĩa là “Đạt”.
  • Màu đỏ có nghĩa là “Không thành công”.
  • Ở phần dưới cùng là bản tóm tắt số lượng trường hợp thử nghiệm đã chạy và không thành công.

Biên tập viên

Bạn có thể coi trình soạn thảo là nơi diễn ra mọi hoạt động. Nó có hai chế độ xem: Bảng và Mã nguồn.

Bảng xem

  • Hầu hết thời gian, bạn sẽ làm việc Selenium Môi trường phát triển tích hợp (IDE) sử dụng chế độ xem bảng.
  • Đây là nơi bạn tạo và chỉnh sửa các lệnh Selenese.
  • Sau khi phát lại, mỗi bước được mã hóa màu.

Trình chỉnh sửa ở dạng Bảng với các bước đã thực hiện được mã hóa màu sau khi phát lại.

  • Để tạo các bước, hãy nhập tên lệnh vào hộp văn bản “Lệnh”.
  • Nó hiển thị một danh sách thả xuống các lệnh phù hợp với mục mà bạn hiện đang nhập.ping.
  • Target là bất kỳ tham số nào (như tên người dùng, mật khẩu) cho một lệnh và Giá trị là giá trị đầu vào (như tom, 123pass) cho những tham số đó Targets.

Chỉ huy, Target và các trường Giá trị của Selenium Trình soạn thảo bảng IDE

Chế độ xem nguồn

  • Nó hiển thị các bước ở định dạng HTML (mặc định).
  • Nó cũng cho phép bạn chỉnh sửa tập lệnh của mình giống như trong Chế độ xem bảng.

Trình chỉnh sửa ở chế độ xem mã nguồn hiển thị cùng một trường hợp kiểm thử dưới dạng bảng Selenese HTML.

Ngăn nhật ký

Ngăn nhật ký hiển thị các thông báo trong quá trình thực thi. Nó cung cấp thông tin cập nhật theo thời gian thực về những gì đang diễn ra. Selenium IDE đang làm.

Nhật ký được phân thành bốn loại:

  • Gỡ lỗi – Theo mặc định, các thông báo gỡ lỗi không được hiển thị trong bảng nhật ký. Chúng chỉ hiển thị khi bạn lọc chúng. Chúng cung cấp thông tin kỹ thuật về những gì... Selenium IDE đang thực hiện công việc đằng sau hậu trường. Nó có thể hiển thị các thông báo như một mô-đun cụ thể đã tải xong, một chức năng nhất định được gọi hoặc một bên ngoài JavaTệp script đã được tải dưới dạng phần mở rộng.
  • Thông tin – Nó cho biết lệnh nào Selenium IDE hiện đang thực thi.
  • Cảnh báo – Đây là những thông báo cảnh báo xuất hiện trong các tình huống đặc biệt.
  • lỗi – Đây là các thông báo lỗi được tạo ra khi Selenium IDE không thực thi được lệnh, hoặc nếu một điều kiện được chỉ định bởi Lệnh “xác minh” hoặc “khẳng định” không được đáp ứng.

Menu thả xuống trong bảng nhật ký liệt kê các loại thông báo Gỡ lỗi, Thông tin, Cảnh báo và Lỗi.

Bạn có thể lọc nhật ký theo loại. Ví dụ, nếu bạn chọn tùy chọn “Lỗi” từ danh sách thả xuống, ngăn Nhật ký sẽ chỉ hiển thị các thông báo lỗi.

Ngăn nhật ký được lọc theo Lỗi, chỉ hiển thị các thông báo lệnh thất bại.

Ngăn tham chiếu

Ngăn Tham chiếu hiển thị mô tả ngắn gọn về lệnh Selenese hiện đang được chọn trong Trình chỉnh sửa. Nó cũng hiển thị mô tả về bộ định vị và giá trị sẽ được sử dụng cho lệnh đó.

Khung tham chiếu mô tả lệnh Selenese đã chọn cùng với các đối số mục tiêu và giá trị của nó.

Ngăn phần tử giao diện người dùng

Phần tử giao diện người dùng dành cho nâng cao Selenium người dùng. Nó sử dụng JavaĐịnh dạng đối tượng kịch bản (JSON) để xác định bản đồ phần tử.pingTài liệu và nguồn tham khảo được tìm thấy trong tùy chọn “Tài liệu về các thành phần giao diện người dùng” dưới menu Trợ giúp. Selenium SDI.

Menu trợ giúp của Selenium IDE với mục Tài liệu về phần tử giao diện người dùng

Một ví dụ về màn hình thành phần giao diện người dùng được hiển thị bên dưới.

Khung UI-Element chứa bản đồ các phần tử JSON cho ứng dụng đang được kiểm thử.

Ngăn cuộn lên

Rollup cho phép bạn thực thi một nhóm lệnh trong một bước. Một nhóm lệnh được gọi đơn giản là "rollup". Nó sử dụng rộng rãi... JavaCác khái niệm về tập lệnh và thành phần giao diện người dùng để xây dựng một tập hợp các lệnh tương tự như “hàm” trong ngôn ngữ lập trình.

Các lệnh tổng hợp (rollups) có thể tái sử dụng; nghĩa là, chúng có thể được sử dụng nhiều lần trong cùng một trường hợp kiểm thử. Vì các lệnh tổng hợp là các nhóm lệnh được cô đọng lại thành một, chúng góp phần rất lớn trong việc rút ngắn kịch bản kiểm thử của bạn.

Một số bước thao tác kiểu Selenese được rút gọn thành một lệnh duy nhất trong trình soạn thảo.

Một ví dụ về nội dung của tab tổng hợp trông như thế nào được hiển thị bên dưới.

Khung cuộn hiển thị JavaĐịnh nghĩa kịch bản đằng sau một quy tắc tổng hợp có thể tái sử dụng.

Các ngăn tổng hợp và ngăn phần tử giao diện người dùng hiện không có chức năng tương đương trong tiện ích mở rộng này; các lệnh điều khiển luồng và xuất mã hiện đang đảm nhiệm vai trò đó.

Câu Hỏi Thường Gặp

Một tệp duy nhất với phần mở rộng .side chứa toàn bộ dự án — mọi bài kiểm tra, mọi bộ kiểm thử và cả tệp cơ sở. URLĐiều này thay thế mô hình cũ với mỗi trường hợp kiểm thử một tệp HTML riêng biệt, và giúp việc quản lý phiên bản dự án trở nên dễ dàng hơn.

Đúng vậy. Việc phát lại bên trong tiện ích mở rộng sử dụng trình duyệt mà nó được cài đặt, nhưng trình chạy dòng lệnh thực thi một dự án đã lưu trên các trình duyệt khác và phù hợp với quy trình xây dựng, điều mà trình phát trong trình duyệt không thể làm được.

Môi trường phát triển tích hợp (IDE) hiện tại cung cấp các lệnh điều khiển luồng bao gồm if, else if, else, while, times, do, repeat if và for each. Điều đó bao gồm cả rẽ nhánh và tìm kiếm.ping trong kịch bản đã ghi âm mà không có JavaĐoạn mã này khắc phục sự cố liên quan đến tính năng tổng hợp cũ.

Máy ghi lưu trữ một số vị trí ứng cử viên cho mỗi phần tử. Trong quá trình phát lại, các phương án thay thế được thử cho đến khi một phương án thành công, vì vậy việc thay đổi ID không nhất thiết làm gián đoạn bước xử lý. Tuy nhiên, nếu xảy ra lỗi liên tục, danh sách vị trí cần được chỉnh sửa thủ công.

Nhấp chuột phải vào một bài kiểm tra hoặc bộ kiểm tra sẽ hiển thị mã WebDriver cho C# NUnit, C# xUnit, Java JUnit, JavaScript Mocha, Python người khó tính và Ruby RSpec. Một nút chuyển đổi tùy chọn sẽ thêm chú thích. tracĐưa mỗi dòng được tạo ra trở lại bước đã ghi lại của nó.

Học máy chủ yếu được áp dụng cho phần yếu nhất của các bài kiểm tra đã ghi lại: bộ định vị. Các công cụ tự phục hồi sẽ xếp hạng một số bộ chọn ứng cử viên và thay thế bằng một bộ chọn hoạt động khi có sự thay đổi trong đánh dấu, và các mô hình tương tự sẽ nhóm các lỗi lặp lại để phân tách các lỗi thực sự khỏi nhiễu thời gian.

Nó rất phù hợp với bước dọn dẹp mã. Mã được xuất ra là một phương thức tuyến tính dài, và Copilot sẽ tái cấu trúc nó thành các đối tượng trang, đưa dữ liệu được mã hóa cứng vào các fixture và thay thế các khoảng dừng cố định bằng các khoảng chờ rõ ràng. RevXem các vị trí mà nó lưu giữ.

Ngay khi các bài kiểm tra cần thiết lập chung, tập tin dữ liệu, báo cáo hoặc khả năng tái sử dụng trên nhiều bộ kiểm thử. Môi trường phát triển tích hợp (IDE) rất tuyệt vời để nhanh chóng chứng minh một kịch bản; một đoạn mã được lập trình sẵn. Selenium Khung sườn chính là thứ giúp duy trì hàng trăm kịch bản đó.

Tóm tắt bài viết này với: