[B! webdriver] toracoyaのブックマーク

ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol

ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？本トークではこれらのツールの背後にいるWebDriver、Chrome DevTools Protocolsに焦点を当てます。 WebDriver、CDPとはなにか、その違い、仕様について、PHP エンジニアに身近な言語を用いて"直接"実装することを通じて解説します。本トークを通じて直接触れることでライブラリでwrapされている裏側まで知ることできます。E2Eテスト自動化の課題に出会ったときに「裏側がこうだからたぶんこういうことだよね」と想像できるようになる、少し世界の見え方が変わる時間を提供します。

toracoya 2024/02/14

リンク

SeleniumとPlaywrightとCypressとWebdriver.ioのアーキテクチャーについて

この記事はQiita ソフトウェアテストのアドベントカレンダー 19日目の記事ですはじめに日本語の記事としてテスト自動化フレームワークのアーキテクチャーをまとめたものがなかったのでまとめてみようと思いましたアーキテクチャー Selenium Selenium 4 WebDriverのアーキテクチャークライアントライブラリとブラウザドライバー間の通信には、W3C プロトコルが使用されます。 Playwright クライアントとサーバー間のすべてのリクエストを単一のWebSocket接続で通信 HTTP Connectionではない Chrome DevTools Protocol (CDP) を使用して Chromium と通信します。 Firefox と WebKit の場合、Playwright は CDP と同様の独自のプロトコルを使用している WebSocket接続は、Web