Đề tài tìm hiểu công cụ kiểm thử tự động selenium IDE

Trường đại học Công nghệ giao thông vận tải Khoa công nghệ thông tin Bài báo cáo môn: Kiểm thử phần mềm Đề tài: Tìm hiểu cơng cụ kiểm thử tự động Selenium IDE GVHD: Lê Trung Kiên Thực hiện: Nhóm 8-69DCTT23 Chương 1: Giới thiệu Chương 2: Cài đặt sử dụng Chương 3: Ứng dụng DEMO Chương 4: Selenium Webdriver Chương 1: Giới thiệu • Trong giao đoạn bùng nổ công nghệ thông tin nay, nhu cầu phát triển phần mềm tăng nhanh chóng đặc biệt úng dụng web • Kéo theo nhu cầu kiểm thử phần mềm để ứng dụng đạt chất lượng tối ưu đến tay người sử dụng • Một cơng cụ hỗ trợ đắc lực cho kiểm thử phần mềm Selenium- công cụ mã nguồn mở, gồm nhiều tính mạnh mẽ, hỗ trợ ứng dụng web, nhiều platfom trình duyệt phổ biến 1.1 Lịch sử phát triển • SELENIUM(SE) phần mềm mã nguồn mở, phát triển Jason Huggins vào năm 2004 phát triển Thoughtwork Ông phát triển thư viên Javascript để tự động chạy test nhiều trình duyệt, thư viện trở thành Selenium Core tạo sở cho Selenium IDE Selenium Remote Control(RC) • Vào năm 2006, nhân viên Google tên Simon Stewart bắt đầu tiếp tục công việc đặt tên Webdriver • Năm 2008, Selenium webdiver kết hợp, cung cấp tập tính hữu ích cho người sử dụng 1.2 Giới thiệu chung • Selenium gồm nhiều công cụ với cách tiếp cận khác để hỗ trợ kiểm thử tự động Một tính Selenium hỗ trợ kiểm thử nhiều trình duyệt • Selenium hỗ trợ kiểm tra hầu hết trình duyệt phổ biến Firefox , Internet Explorer , hệ điều hành chủ yếu Windows , Linux , Mac , • Selenium có thành phần: Selenium IDE: Selenium Integreted Development Environment (IDE) Selenium RC: Selenium Remote Control (RC) Selenium Grid: dùng để khởi chay nhiều test thông qua máy Webdriver: gửi lệnh khởi chạy tương tác trực tiếp tới trình duyệt 1.3 Selenium IDE • Selenium IDE cơng cụ giúp bạn phát triển ca kiểm thử xây dựng dạng add-ons Fire-fox • Bộ cơng cụ cung cấp chức “thu chạy lại”-Record and Playback Nhờ Tester nhanh chóng tạo kịch kiểm tra (test script) cách trực tiếp “thu” thao tác đối tượng cần kiểm tra thành tập câu lệnh “Selenese” 1.3 Selenium IDE • Ưu điểm: Dễ dàng cài đặt, sử dụng, tiết kiệm thời gian; Không yêu cầu kinh nghiệm lập trình; Có thể convert qua ngơn ngữ lập trình khác như: HTML, Java, C#, Python, Ruby; Có thể debug, set breakpoint, thêm comment vào script cho dễ đọc; Hỗ trợ biểu thức điều kiện/ vịng lặp • Nhược điểm: Không hỗ trợ test report (cần cài đặt thêm để hiển thị report); Không cho phép đọc liệu từ file: text (.txt), excel (.xls), csv (cần cài đặt thêm để đọc liệu từ file csv/ xml); Không hỗ trợ database/ mobile testing (việc với plugin trình duyệt) Chương 2: Cài đặt sử dụng 2.1 Cài đặt • Selenium IDE (Integrated Development Environment) phát hành dạng phần mềm bổ trợ (add-on) Firefox, cho phép test, edit debug code Selenium sinh code tự động nạp đoạn mã viết tay • Đề cài đặt Selenium IDE, ta vào tab Tools công cụ fire fox, phần Add ons, search Selenium IDE hoăc vào trang chủ http://Seleniumhq.org/download/ download tiến hành cài đặt sau khởi động lại trình duyệt, lúc phần Tools Fire Fox có thêm Selenium IDE phiên làm việc cách click vào create a project 2.2 Sử dụng • Quy trình thực kiểm thử tự động với Selenium IDE Thiết lập Base URL trang web muốn kiểm thử Thực viết kịch kiểm thử (các testcase): Sử dụng command kết hợp với Element Webpage để tạo hành động tương tác theo Testcase định nghĩa Thực kiểm thử ghi nhận kết ->Post bug • Các câu lệnh Selenium thường gọi Selenese, tập hợp commands chạy test bạn Một chuỗi commands test script 10 2.2 Sử dụng 5_DOM (Document Object Model): mơ hình đối tượng tài liệu HTML • Một số cách để xác định element DOM: getElementById, getElementByName, name (chỉ áp dụng cho phần tử biểu mẫu đặt tên), index 6_XPath: XPath ngôn ngữ sử dụng định vị nút XML (Extensible Markup Language) Vì HTML coi triển khai XML, nên sử dụng XPath việc định vị phần tử HTML • Thuận lợi: Nó truy cập phần tử, khơng có thuộc tính class, name, id • Bất lợi: Đây phương pháp phức tạp để xác định yếu tố nhiều quy tắc cân nhắc khác 15 2.2 Sử dụng Tóm lược Cú pháp cho việc sử dụng Locator 16 2.2 Sử dụng • Sử dụng chức Record Selenium IDE • Demo ln cho thầy xem 17 Chương 3: Ứng dụng demo 3.1 Giới thiệu tốn • Pinterest website chia sẻ ảnh dạng mạng xã hội, sử dụng phổ biến, dùng để post phân loại dạng đính kèm • Pinterest kết nối với facebook twitter Được thành lập ban đầu Ben Silbermann, vùng West Des Moines, Iowa, Mỹ, trang web quản lý Cold Brew Labs tài trợ nhóm nhỏ doanh nhân nhà đầu tư Địa truy cập trang https://www.pinterest.com/ 18 3.1 Giới thiệu tốn • Website https://www.pinterest.com/ có chức năng: Hỗ trợ người dùng đăng ký đăng nhập vào tài khoản Pinterest Có thể chia sẻ ảnh dạng mạng xã hội Có thể tạo tập tin theo chủ đề u thích Có thể xem sưu tập người kéo sưu tập Có thể maketing online mảng • Trong khn khổ đề tài, hạn chế kinh nghiệm thời gian tìm hiểu cơng cụ, em trình bày trình kiểm thử chức đăng nhập tài khoản website https://www.pinterest.com/ 19 3.2 Kiểm thử chức đăng nhập Demo cho thầy xem 20 Chương 4: Selenium Webdriver 4.1 Giới thiệu chung • Selenium Webdriver (Se driver) phần mềm mã nguồn mở giúp việc thực thi hành động lên trang web cách tự động, tất nhiên tùy vào mục đích yêu cầu người viết Se driver hỗ trợ viết script nhiều ngôn ngữ khác nhau: Java, C#, python, PHP… • Bản chất Se driver package có chứa nhiều class, cung cấp API hay gọi nôm na thư viện 21 4.2 Đặc điểm Selenium Webdiver  Kiến trúc Selenium Webdiver WebDriver trực tiếp gọi tới trình duyệt web toàn kịch kiểm thử thực thi theo cách WebDriver sử dụng hỗ trợ, khả trình duyệt để tự động hóa 22 4.2 Đặc điểm Selenium Webdiver  Ưu điểm: • Kiến trúc đơn giản: • Tốc độ:WebDriver công cụ nhanh công cụ Se tương tác trực tiếp từ hệ điều hành tới trình duyệt.  • Khắc phục hạn chế Selenium v1 tải lên tệp, tải xuống, cửa sổ bật lên hộp thoại Nhược điểm: • Báo cáo kiểm thử chi tiết khơng thể tạo • Khơng thể kiểm tra hình ảnh 23 4.3 Sử dụng Selenium Webdiver • Se Diver sử dụng: Để sử dụng ngơn ngữ lập trình định việc thiết kế test case bạn, kiểm tra ứng dụng có nhiều chức dựa AJAX, thực kiểm thử trình duyệt HtmlUnit, Để tạo kết kiểm thử tùy chỉnh • Để Se driver mô hành động click chuột hay điền giá trị, phải xác định vị trí element (phần tử) trang web mà tương tác (dựa vào css Selector Xpath) • Sau xác định vị trí, xác định hành động element (thơng qua API viết sẵn gói thư viện Webdriver) • Sau hồn thành list hành động theo trình tự ( giống thực với manual test), ta kiểm tra xem trang web có thực hay không 24 4.3 Sử dụng Selenium Webdiver • driver.get(“URL”):Để điều hướng đến trang web • element.sendKeys(“inputtext”):Nhập số văn vào input box • element.clear(): Xóa nội dung khỏi input box • driver.switchTo().window(“windowName”):Di chuyển trỏ chuột từ cửa sổ sang cửa sổ khác • driver.quit(): Thốt driver đóng tất cửa sổ liên quan đến driver • driver.navigate().forward(): Chuyển hướng đến trang • driver.close():Đóng trình duyệt liên kết đến driver • driver.switchTo().alert():Xử lý alert 25 4.3 Sử dụng Selenium Webdiver VD: Kiểm tra chức login • Ta cần phải xác định vị trí element: [Username], [Password] [Submit Button], với [Username] [Password] nhập liệu, ta dùng phương thức nhập liệu Với [Submit Button] ta dùng phương thức mơ Click chuột • Để kiểm tra xem với liệu nhập vào login có thành cơng hay khơng cách xem có chuyển sang page khác hay không… việc check tự động phải chọn điểm làm để đánh dấu Pass/Fail • Khi run, Se driver gọi trực tiếp (direct call)  trình duyệt thơng qua driver trình duyệt Sau hành động script thực thi 26 4.3 Cách Selenium Webdiver làm việc • Chi tiết direct call: Với hành động từ script, HTTP request tạo HTTP request gửi đến browser driver Mỗi browser driver có HTTP server để nhận lấy HTTP request Sau nhận, HTTP server xác định bước cần thiết để thực thi hành động phản hồi lại request HTTP server thực thi bước mở trang web, điền thông tin vào thẻ input… Sau đó, HTTP server trả lại trạng thái thực hành động cho client, nơi run script 27 Kết luận Kiểm thử phần mềm nói chung kiểm thử Web nói riêng vấn đề quan trọng tổ chức phần mềm Trong trình thực đề tài thời gian nghiên cứu kinh nghiệm nhiều hạn chế chưa chuyên sâu Nhưng qua thời gian nghiên cứu đề tài tiếp cận với nhiều kiến thức mà hiểu ngành Tester 28 29 ... thêm Selenium IDE phiên làm việc cách click vào create a project 2.2 Sử dụng • Quy trình thực kiểm thử tự động với Selenium IDE Thiết lập Base URL trang web muốn kiểm thử Thực viết kịch kiểm thử. .. chạy tương tác trực tiếp tới trình duyệt 1.3 Selenium IDE • Selenium IDE công cụ giúp bạn phát triển ca kiểm thử xây dựng dạng add-ons Fire-fox • Bộ cơng cụ cung cấp chức “thu chạy lại”-Record and... 2008, Selenium webdiver kết hợp, cung cấp tập tính hữu ích cho người sử dụng 1.2 Giới thiệu chung • Selenium gồm nhiều công cụ với cách tiếp cận khác để hỗ trợ kiểm thử tự động Một tính Selenium