Trở thành Tester

Tính năng này: để hỗ trợ tạo step khi ta thực thi trực tiếp trên website. Hướng dẫn cơ bản: Khởi động firefox => Đến trang cần test > khởi động Se IDE > Nhấn nút record. > Màu đỏ là nút record. > Màu xanh là phần step tự tạo ra khi ta thao tác trên trình duyệt. Lưu ý: Nếu website sử dụng ajax hoặc dùng những công nghệ mới (AngularJS, Html Control dùng Jquery...) thao tác đó có thể bị bỏ qua. Thành ra khi ta thực hiện 10 thao tác trên web mà chỉ còn có 8 -9 thao tác được tạo ra. Đó là một điểm bất lợi khi dùng tính năng này! Khi nào lười viết step thì dùng, bình thường cũng không nên lạm dụng nút Record này. (Nếu chưa hiểu danh sách lệnh hoặc chưa làm quen Selenium IDE dưới 40h thì chưa nên lạm dụng nút này.)

Với sự ra đời của Jquery và cả Ajax thì website ngày càng đẹp và hữu dụng. Đối với người dùng Selenium IDE thì bước "Chọn phần tử" khi website có Ajax điên loạn hơn cả vì không biết khi nào nó hiển thị ra, khi hiển thị ra thì nó lại mất đi. Vậy nên khi bắt element trên selenium IDE nói riêng và selenium nói chung ta nên cho dừng để chờ 1 khoảng thời gian chờ cho phần tử này hiển thị ra. Các hàm để thực thi: - waitFor: chờ trong n giây. - waitForElement, ...: chờ element nào đó trong n giây. - pause: dừng hệ thống. Sau khi bắt được Element hãy tính tới chuyện thao tác trên đó! Lưu ý: cẩn trọng khi website dùng ajax. Bài tập: 1/ Dùng selenium IDE thao tác như sau: Vào google> gõ thanhnien.vn > sau đó gõ tiếp "cuộc sống". Kiểm tra phần tử đầu tiên. 2/ Dùng Se IDE Truy cập trang tin mdn.com => Kéo xuống cuối trang và chờ load thêm tin. 3/ Vào facebook > Cuộn để load ảnh.

Selenium IDE cho phép chọn phần tử trực tiêp trên Firefox. Tuy nhiên trong một số trường hợp không thực hiện được vì website dùng Js để thao tác làm chèn lên thao tác chọn của Selenium IDE. Để khắc phục ta dùng một vài ứng dụng như: Firebug để thay thế tính năng này, hoặc dùng Inspect Element của chính Firefox (Hiệu suất không cao bằng FireBug). 1) Cài đặt: Lên Google.com gõ firebug addon. > Vào link của Mozilla Firefox và install. 2) Trên trang web thực thi nhấn phím tắt: F12 hoặc Tool> Firebug. 3) Firebug hiện ra giao diện nhấn icon  để chọn phần tử trên web.   4) Dưới màn hình dom HTML sẽ thấy Element mong muốn, chuột phải hiện menu context> Lấy cách chọn.  5) Chỉnh sửa lại và dán vô mục Target của IDE. >done. Bài tập: 1) Cài đặt firebug. 2) Cài đặt Webdeveloper tool. 3) Lấy xpath bằng Firebug. 4) Lấy css path bằng firebug.

Bài viết nhằm nói thêm về cài đặt bổ sung Plugin cho IDE để làm việc hiệu quả hơn. Cài đặt bổ sung addon cho Selenium IDE. Đầu tiên vào trang: http://docs.seleniumhq.org/download/ Phần Selenium IDE: có hỗ trợ bổ sung rất nhiều plugin. Một số phần hữu ít như: 1) Sel Block: hỗ trợ if else, for như lập trình. 2) Sel Varible: Xem thông tin biến... 3) Selite: Bộ collection các plugin của Selenium IDE. Plugin đa số tiện dụng nhưng đều có khuyết điểm là phụ thuộc trình duyệt Firefox. Hiện tại firefox update liên tục theo tuần nên việc tương thích đôi khi không được suông sẽ cho lắm. Bài tiếp theo sẽ nói về tính năng nâng cao trong Selenium IDE: - Schedule test to run periodically: Hỗ trợ thực thi test theo kế hoạch.

Giới thiệu căn bản về Selenium IDE. Bản chất: Se IDE là addon của Firefox giúp ta giả lập thao tác trên trình duyệt. Đánh giá: hữu dụng, giúp người mới làm quen Selenium. Hỗ trợ generate code trên danh sách step đã tạo. 1/ Cài đặt: Mở Mozilla Firefox và đến trang: https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/ Nhấn install. > Restart Firefox => Done. 2/ Làm quen giao diện: Mở Mozilla > Menu > Tool > Selenium IDE. Menu: Hiển thị menu cơ bản với nhiều chứ năng khác nhau. Quan trọng nhất là: File >New Base URL: Url gốc mà trang web sẽ thực thi tính năng. Panel Testcase: Hiển thị danh sách testcase trong Testsuite. Chi tiết testcase: Hiển htị danh sách step trong testcase. Detail log: Hỗ trợ xem chi tiết log khi testcase thực thi. Record/Play menu: Thanh control để điều khiển việc Play testcase. 3/ Cấu trúc chính của IDE: Test suite > Testcases > Steps . > Ba phần cơ bản: (Chọn, thao tác, dữ liệu). *Dấu '>': nghĩa...