Playwright Là Gì

     
Như vớ cả chúng ta đã biết, đầy đủ headles browsers có năng lực thực thi mã JavaScript cấp tốc và mô phỏng việc nhấp hoặc di con chuột vào rất nhiều thành phần trên trang trên mọi thiết bị không giống nhau. Những headles browsers cũng cực kỳ có lợi khi kiểm tra vận động giải trí mạng, bắt chước những hành vi của người tiêu dùng khi áp dụng và tạo phần nhiều requests. Chúng thường cấp tốc hơn rất nhiều trình chăm bẵm thực vì chưng ta không cần khởi động GUI của trình duyệt, vậy buộc phải ta trọn vẹn có thể bỏ dở thời hạn trình chu đáo thực buộc phải để cài đặt CSS với JavaScript với hiển thị HTML. Bởi vậy, chúng thường được sử dụng trong quá trình kiểm demo tự đông nhằm mục đích mục đích đảm bảo an toàn mọi thứ hoạt động giải trí như dự tính trước khi mã mối cung cấp được thực hiện lên thiên nhiên và môi trường thiên nhiên production. Gồm nhiều phương án để viết đều ca kiểm thử sử dụng headless browser và trong bài viết này, tất cả chúng ta sẽ cùng nhau tìm hiều về thư viện Playwright .Playwright là gì?

Playwright is a Node.js library to lớn automate Chromium, Firefox and WebKit with a single API. Playwright is built khổng lồ enable cross-browser website automation that is ever-green, capable, reliable & fast.

Bạn đang xem: Playwright là gì

Dựa vào phần ra mắt Playwright, ta rất có thể hiểu qua rằng nó là một trong thư viện Node.js để tự động hóa hóa Chromium, Firefox và WebKit bởi một API duy nhất. Tủ sách Playwright được xây dựng khiến cho phép auto hóa web trên những trình duyệt, luôn luôn được cập nhật các phiên bản mới nhất, ổn định, hiệu quả, an toàn và đáng tin cậy và nhanh chóng. Playwright được viết vì chưng đội ngũ thiết kế viên tới từ Microsoft, là dữ án mã mối cung cấp mở, mã nguồn của nó được hỗ trợ trên Github trên https://github.com/microsoft/playwright

*

Playwright được thành lập để auto hóa phần đông các nhân kiệt trình coi ngó web, đông đảo thứ ngày càng phổ biến rộng rãi được thực hiện bởi Single Page Apps cùng Progressive web Apps. Cùng với Playwright hỗ trợ cho chúng ta nhiều app như sau:

Thực hiện những kịch phiên bản kiểm demo kéo dài bao gồm nhiều trang, thương hiệu miền với iframeTự động đợi các bộ phận sẵn sàng trước khi triển khai các hành vi (như nhấp chuột, điền form, …)Chặn vận động mạng so với các yêu ước mạng bắt trước và giả mạoMô phỏng thiết bị di động, địa chỉ địa lý, với sự cai quản quyềnHỗ trợ những thành phần web trải qua shadow-piercing selectorsSự kiện đầu vào native mang đến chuột và bàn phímTải lên và cài xuống tệpBắt đầu làm cho quen với Playwright

được xây đắp để tự động hóa hóa số đông các kỹ năng trình chú ý web, đa số thứ ngày càng phổ biến rộng rãi được thực hiện bởi Single Page Apps và Progressive web Apps. Vớicung cấp cho họ nhiều app như sau:


Giả sử các bạn đã thiết lập Node chính vì Playwright là 1 trong thư viện của Node nhưng :v (Nếu không, ko sao, hãy truy vấn trang web chấp nhận của Node.js và mua xuống và setup nó.)

Tiếp theo, hãy chế tạo một thư mục mang lại project của doanh nghiệp và khởi tạo một project Node mới phía bên trong thư mục bởi câu lệnh sau :

12

mkdirplayright-examplevàamp;vàamp;cdplayright-examplevàamp;vàamp;npminit-y

Sau khi tùy chỉnh cấu hình xong project, chúng ta có thể bắt đầu viết các headless tests. Để làm được điều đó, bọn họ cần setup thư viện Playwright và sản xuất một tệp mang tên là index.js nơi shop chúng tôi viết mã cho quy trình kiểm thử.

12

touchindex.jsvàamp;vàamp;npmi–saveplaywright

Câu lệnh trên thiết lập Playwright và các tệp nhị phân mang đến Chromium, Firefox và WebKit. Sau thời điểm cài đặt, chúng ta cũng có thể import thư viện Playwright.

Xem thêm:

Viết những headless tests

Để 1-1 giản, đối với ca kiểm demo đầu tiên, họ sẽ truy vấn whatsmyuseragent.org và chụp lại ảnh màn hình của trang. Nếu chúng ta chưa biết thì whatsmyuseragent.org là 1 trong những trang website hiển thị phiên bạn dạng tác nhân người tiêu dùng và dữ liệu, cũng như showroom IP của bạn.

*

Để có tác dụng được điều đó, họ cần import các engine của những trình chăm sóc từ playwright chẳng hạn như firefox. Sau đó bằng cách gọi cách tiến hành launch để tạo nên một đối tượng người sử dụng browser tiếp đến tạo một page, sản phẩm công nghệ mà có thể hiểu giống như như một tab khi chúng ta duyệt web bằng phương pháp sử dụng phương thức newPage ở đầu cuối là dùng goto và screenshot để đi cho trang index.js hoàn toàn có thể tham khảo như sau:Để làm cho được điều đó, tất cả họ cần import đều engine của không ít trình trông nom từ playwright ví dụ điển hình nổi bật như. Sau đó bằng phương pháp gọi phương thứcđể sinh sản một đối tượngsau đó tạo nên một, thứ nhưng mà hoàn toàn có thể hiểu tương tự như như một tab khi tất cả họ duyệt web bằng cách sử dụng phương thứccuối thuộc là dùngvàđể đi cho trang whatsmyuseragent.org và chụp màn hình hiển thị. Mã nguồn đơn cử mang lại filecó thể tham khảo thêm như sau :

123456789101112131415161718192021

const

webkit,

firefox,

chromium

=require(‘ playwright ‘);

constsimulate =async(engine) =vàgt;

constbrowser =awaitengine.launch();

constpage =await


browser.newPage();

awaitpage.goto(‘ http://whatsmyuseragent.org/ ‘);

awaitpage.screenshot(path:`example-USDengine._initializer.name.png`);

awaitbrowser.close();

;

simulate(firefox)

simulate(webkit)

simulate(chromium)


Sau khi xúc tiến đoạn mã trong tệp tin index.js, chúng ta thu được 3 file hình ảnh mới được tạo mang tên lần lượt là example-chromium.png, example-firefox.png, example-webkit.png bố file ảnh này chính là ảnh chụp screen được tạo thành khi cách tiến hành screenshot được gọi.

Xem thêm: Xem Phim Đấu La Đại Lục Tập 3 Tiêu Chiến, Douluo Continent

example-chromiumexample-firefox.pngexample-webkit.png

*
*
*

Tổng kết

Mỗi hiện tượng trình duyệt đều phải có các quy tắc riêng nhằm hiển thị HTML cùng CSS trên màn hình. Vậy nên những thư viện kiểm test trên trình duyệt tự động có thể vô cùng hữu ích khi chúng ta muốn bảo đảm bố cục ứng dụng hoạt động đúng giống như các gì ta mong ước trên tất cả các thiết bị cùng trình duyệt khác nhau mà playwright là 1 trong những trong số đó.

Bài viết này trình làng sơ qua về tủ sách playwright và cách thư viện này hoạt động, Để rất có thể tìm làm rõ hơn về thư viện này, tương tự như tìm hiểu về điểm không giống nhau giữa nó với puppeteer cũng tương tự cách nó vận động với các hệ thống CI/CD, mọi người có thể bài viết liên quan tại băng thông bên dưới. Bài viết đến đó là hết, cảm ơn mọi tín đồ đã giành thời gian đọc,