PLAYWRIGHT LÀ GÌ

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

Playwright is a Node.js library to automate Chromium, Firefox & WebKit with a single API. Playwright is built to enable cross-browser web automation that is ever-green, capable, reliablefast.

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

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

*

Playwright được kiến thiết để auto hóa phần nhiều các thiên tài trình để mắt tới web, đông đảo thứ ngày càng phổ cập rộng rãi được sử dụng bởi Single Page Apps với Progressive web Apps. Cùng với Playwright cung ứng cho bọn họ nhiều app như sau:

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

được chế tạo để tự động hóa hóa hầu hết các chức năng trình coi sóc web, số đông thứ ngày càng thông dụng rộng rãi được sử dụng bởi Single Page Apps và Progressive website Apps. Vớicung cung cấp cho chúng ta nhiều ứng dụng như sau:


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

Tiếp theo, hãy sinh sản một thư mục mang lại project của người tiêu dùng và khởi tạo ra 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 cấu hình thiết lập xong project, bạn cũng có thể bắt đầu viết những headless tests. Để có tác dụng được điều đó, bọn họ cần cài đặt 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à những tệp nhị phân mang lại Chromium, Firefox với WebKit. Sau khoản thời gian cài đặt, bạn có thể import tủ sách Playwright.

Xem thêm: Địa Chỉ 10 Quán Cơm Niêu Hương Trà Đà Lạt Nổi Tiếng Nhất, Cơm Niêu Hương Trà Ở Đà Lạt

Viết các headless tests

Để 1-1 giản, đối với ca kiểm demo đầu tiên, họ sẽ truy vấn whatsmyuseragent.org với 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 phiên bản tác nhân người dùng và dữ liệu, cũng như add IP của bạn.

*

Để làm được điều đó, họ cần import những engine của những trình chăm chú từ playwright chẳng hạn như firefox. Sau đó bằng cách gọi cách làm launch để chế tạo ra một đối tượng browser tiếp đến tạo một page, lắp thêm mà rất có thể hiểu tương tự như như một tab khi họ duyệt web bằng cách sử dụng cách tiến hành newPage sau cuối là dùng goto với screenshot để đi mang đến trang index.js rất có thể tham khảo như sau:Để làm được điều đó, tất cả bọn họ cần import hầu như engine của không ít trình thông qua 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để tạo ra một đối tượngsau đó tạo nên một, thứ nhưng hoàn toàn có thể hiểu tương tự như như một tab lúc tất cả chúng ta duyệt web bằng cách sử dụng phương thứccuối thuộc là dùngvàđể đi mang lại trang whatsmyuseragent.org với chụp screen hiển thị. Mã nguồn đơn cử cho filecó thể đọc 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 tiến hành đoạn mã trong file index.js, bọn họ thu được 3 file ảnh mới được tạo có tên lần lượt là example-chromium.png, example-firefox.png, example-webkit.png cha file ảnh này chủ yếu là hình ảnh chụp màn hình được tạo ra khi cách tiến hành screenshot được gọi.

Xem thêm: Những Điểm Đi Chơi Ở Hà Nội Mà Bạn Không Thể Bỏ Lỡ, Tổng Hợp Các Địa Điểm Đi Chơi Ở Hà Nội

example-chromiumexample-firefox.pngexample-webkit.png

*
*
*

Tổng kết

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

Bài viết này giới thiệu sơ qua về tủ sách playwright và phương pháp 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 phát âm về điểm khác nhau giữa nó với puppeteer cũng như cách nó vận động với các khối hệ thống CI/CD, mọi người dân có thể đọc thêm tại băng thông bên dưới. Bài viết đến đây là hết, cảm ơn mọi bạn đã giành thời hạn đọc,