Hướng dẫn playwright python wait_for_selector - kịch bản python wait_for_selector
How to use wait_for_selector method in Playwright Pythonwait_for_selector method in Playwright PythonBest Python code snippet using playwright-python Show
login.py Source:login.pylogin.py get-laurier-schedule.py Source:get-laurier-schedule.pyget-laurier-schedule.py test_helper.py Source:test_helper.pytest_helper.py Accelerate Your Automation Test Cycles With LambdaTestLeverage LambdaTest’s cloud-based platform to execute your automation tests in parallel and trim down your test execution time significantly. Your first 100 automation testing minutes are on us. Run Python Tests on LambdaTest Cloud GridExecute automation tests with Playwright Python on a cloud-based Grid of 3000+ real browsers and operating systems for both web and mobile applications.Playwright Python on a cloud-based Grid of 3000+ real browsers and operating systems for both web and mobile applications. Test now for Free Như chúng ta đã biết, các headles browsers có khả năng thực thi mã JavaScript nhanh và mô phỏng việc nhấp hoặc di chuột vào các phần tử trên trang trên các thiết bị khác nhau. Các headles browsers cũng cực kỳ hữu ích khi kiểm tra hoạt động mạng, bắt chước các hành vi của người dùng khi sử dụng và tạo các requests. Chúng thường nhanh hơn các trình duyệt thực vì ta không cần khởi động GUI của trình duyệt, vậy nên ta có thể bỏ qua thời gian trình duyệt thực cần để tải CSS và JavaScript và hiển thị HTML. Bởi vậy, chúng thường được sử dụng trong quá trình kiểm thử tự đông nhằm đảm bảo mọi thứ hoạt động như dự định trước khi mã nguồn được triển khai lên môi trường production. Có nhiều giải pháp để viết các ca kiểm thử sử dụng headless browser và trong bài viết này, chúng ta sẽ cùng nhau tìm hiều về thư viện Playwright. Nội dung chính
Playwright là gì?
Viết các headless tests Playwright is a Node.js library to automate Chromium, Firefox and WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliable and fast.
Bắt đầu làm quen với PlaywrightGiả sử bạn đã cài đặt Node bởi vì Tiếp theo, hãy tạo một thư mục cho project của bạn và khởi tạo một project Node mới bên trong thư mục bằng câu lệnh sau:
Sau khi thiết lập xong project, chúng ta có thể bắt đầu viết các headless tests. Để làm được điều đó, chúng ta cần cài đặt thư viện 4 nơi chúng tôi viết mã cho quá trình kiểm thử.
Câu lệnh trên cài đặt Playwright và các tệp nhị phân cho Chromium, Firefox và WebKit. Sau khi cài đặt, bạn có thể import thư viện Viết các headless testsĐể đơn giản, đối với ca kiểm thử đầu tiên, chúng ta sẽ truy cập whatsmyuseragent.org và chụp lại ảnh màn hình của trang. Nếu các bạn chưa biết thì whatsmyuseragent.org là một trang web hiển thị phiên bản tác nhân người dùng và dữ liệu, cũng như địa chỉ IP của bạn. 6. Sau đó bằng cách gọi phương thức 7 để tạo một đối tượng 8 sau đó tạo một 9, thứ mà có thể hiểu tương tự như một tab khi chúng ta duyệt web bằng cách sử dụng phương thức 0 cuối cùng là dùng 1 và 2 để đi đến trang whatsmyuseragent.org và chụp màn hình. Mã nguồn cụ thể cho file 4 có thể tham khảo như sau:
Sau khi thực thi đoạn mã trong file 4, chúng ta thu được 3 file ảnh mới được tạo có tên lần lượt là 5, 6, 7 Ba file ảnh này chính là ảnh chụp màn hình được tạo khi phương thức 2 được gọi.
Sử dụng Playwright với MochaMột điều quan trọng cần lưu ý về Playwright, giống như nhiều công cụ kiểm tra tự động khác, nó được thiết kế để tự động hóa tương tác với trình duyệt, nhưng bạn phải sử dụng công cụ xác nhận để tự động hóa quá trình kiểm thử. Và trong bài viết này chúng ta sẽ dùng thử thư viện Mocha cùng với Playwright. Giới thiệu qua thì Mocha là một trình chạy test Javascript / NodeJS phổ biến, rất tốt cho thử nghiệm E2E. Thư viện này hoạt động rất tốt khi kết hợp với Playwright. Bạn có thể tạo các ca kiểm thử, sử dụng các công cụ xác nhận và tạo các báo cáo kiểm thử. Bây giờ ta có thể tạo một kịch bản kiểm thử cơ bản kiểm thử trang web http://todomvc.com/examples/react/#/ Thông thường, ta sẽ tạo các tệp này trong một thư mục test, với tên tệp kết thúc bằng .spec.js:
Ví dụ này sẽ sử dụng Playwright để kết nối với trình duyệt Chrome. Nó sẽ mở http://todomvc.com/examples/react/#/ và thực hiện hai ca kiểm thử được định nghĩa ở trên. Để chạy thử chúng ta dùng lệnh sau:
Kết quả thu được như hình sau, test case thứ có lỗi có thể do bị timeout. Mocha hỗ trợ chúng ta thay đổi giá trị mặc định bằng cách thêm 9 và giá trị thời gian khi gọi mocha để chạy test.Sử dụng với GitHub ActionChúng ta đều biết tự ra đời của Test automation và Continuous Integration/Continuous Development(CI-CD) là giải pháp được tạo ra để đảm bảo quá phát triển phần mềm hoạt động một cách liên tục, mượt mà trong khi vẫn đảm bảo chất lượng sản phẩm là một yêu cầu cấp thiết mà GitHub Action là một trong số đó. Để có thể sử dụng
Tổng kếtMỗi công cụ trình duyệt đều có các quy tắc riêng để hiển thị HTML và CSS trên màn hình. Vậy nên các thư viện kiểm thử trên trình duyệt tự động có thể vô cùng hữu ích khi chúng ta muốn đảm bảo bố cục ứng dụng hoạt động đúng như những gì ta mong muốn trên tất cả các thiết bị và trình duyệt khác nhau mà 3 là một trong số đó.Bài viết này giới thiệu sơ qua về thư viện 3 và cách thư viện này hoạt động, Để có thể tìm hiểu rõ hơn về thư viện này, cũng như tìm hiểu về điểm khác nhau giữa nó và 5 cũng như cách nó hoạt động với các hệ thống CI/CD, mọi người có thể đọc thêm tại đường dẫn bên dưới. Bài viết đến đây là hết, cảm ơn mọi người đã giành thời gian đọc.Tài liệu tham khảo
|