WebDriver BiDi 2025年のふりかえり

Transcript

1. 2026/01/09 BuriKaigi 2026 WebDriver BiDi 2025年のふりかえり
2. nus3（なすさん）
3. 去年もBuriKaigi 参加させてもらいました！
4. 去年話したこと WebDriver BiDiとはそもそも何なのか話しました
5. あれから1年経ち
6. WebDriver BiDiは どうなったのか
7. 今日話したいこと WebDriver BiDiおさらい 仕様の更新 ブラウザの実装状況
8. 今日話したいこと WebDriver BiDiおさらい 仕様の更新 ブラウザの実装状況
9. そもそもWebDriverとは WebDriver Bidiおさらい https://www.w3.org/TR/webdriver1/ 別プロセスからブラウザ操作するための標準仕様 2018年に勧告（Recommendation） クライアントとDriver間は でやり取り HTTP
10. WebDriver BiDiとは WebDriverを拡張したブラウザ操作のための
 双方向プロトコル Bidirectional WebDriver Protocol クライアントとDriver間は を介した
 双方向通信 Browser Testing and Tools Working Groupで仕様策定 が進められる consoleへの直接のアクセスや
 ネットワークのインターセプトが可能 WebSocket WebDriver Bidiおさらい
11. WebDriver Bidiおさらい https://people.igalia.com/lmoura/wkcm-2024/webdriver-bidi-webkit.html#/2/2 https://people.igalia.com/lmoura/wkcm-2024/webdriver-bidi-webkit.html#/3/2
12. WebDriver Bidiおさらい https://people.igalia.com/lmoura/wkcm-2024/webdriver-bidi-webkit.html#/2/2 https://people.igalia.com/lmoura/wkcm-2024/webdriver-bidi-webkit.html#/3/2 WebSocketによる双方向通信で リアルタイムでブラウザのイベントを
 受け取れるように WebDriver Bidiおさらい
13. それ以外にも WebDriver Bidiおさらい
14. WebDriver BiDiで拡張されたモジュール WebDriver Bidiおさらい network ブラウザで発生するリクエストとレスポンスへの介入 script Window作成時に実行できるPreload Script 指定した関数の実行 log ブラウザで発生するログ(console.logやエラーなど)を リアルタイムで取得 storage, input, webExtension, emulationなどなど
15. WebDriver BiDiのステータス 2024年11月にWorking Draftで公開


 去年のBuriKaigi(2025年2月)でEditor’s Draftと紹介
 してたが、実はWorking Draftだった WebDriver Bidiおさらい https://www.w3.org/standards/history/webdriver-bidi/
16. WebDriver BiDiのステータス WebDriver Bidiおさらい https://www.w3.org/standards/types/#x1-summary Web標準化のプロセスに
 入ったが まだまだ策定中の状態
17. WebDriver BiDiの現状って？ Working Draftってことは、仕様も更新されてるの？ 仕様の策定に合わせて、ブラウザの実装状況って
 どうなっとる？ WebDriver Bidiおさらい
18. ということで2025年に 仕様、ブラウザに
 どんな変化があったか 追ってみよう
19. 今日話したいこと WebDriver BiDiとは 仕様の更新 ブラウザの実装状況
20. 仕様の更新を見る前に 仕様の更新
21. WebDriver BiDiの仕様について Commands クライアントからブラウザへのリクエスト Events ブラウザからクライアントへ送信される通知 Modules 関連するcommandsとeventsをまとめた機能単位 仕様の更新
22. Modules Claudeさんに作ってもらった、Modulesのざっくり図 仕様の更新
23. Commands 仕様の更新 クライアントからブラウザへリクエストされる非同期操作 https://www.w3.org/TR/webdriver-bidi/#protocol-definition 例:
24. Events 仕様の更新 ブラウザからクライアントへ送信される非同期通知 https://www.w3.org/TR/webdriver-bidi/#protocol-definition 例:
25. さて本題 2025年、仕様には どんな更新があったか 仕様の更新
26. W3Cのリポジトリを見てみる 仕様の更新 https://github.com/w3c/webdriver-bidi/pulls?page=1&q=is%3Apr+is%3Amerged+merged%3A2025-01-01..2025-12-31 110件のプルリクがマージ
27. 余談 仕様の更新 ClaudeさんにChrome DevTool MCP使って、プルリクをまとめてもらった
28. 2025年に追加されたもの 仕様の更新 ブラウザAPIをエミュレートする 位置情報、userAgent、JSの有効/無効などを
 オーバーライド emulationモジュールとして最初に追加されたプルリク ユーザーからのよくある要望として
 geolocationをシミュレートしたいというissueから
 emulation.setGeolocationOverrideコマンドが
 追加された https://github.com/w3c/webdriver-bidi/pull/888 emulationモジュールが追加
29. 2025年に追加されたもの 仕様の更新 ダウンロード時の動作を制御するコマンド 指定したフォルダかdefaultか
 ダウンロードできないようにするかを選択できる PuppeteerとCDPにはあった機能 browser.setDownloadBehaviorコマンドの追加 https://github.com/w3c/webdriver-bidi/pull/970
30. 2025年に追加されたもの 仕様の更新 ナビゲーションによってドキュメントが
 ロードされた時に発火するイベント Playwrightからのリクエスト browsingContext.navigationCommittedイベントの追加 https://github.com/w3c/webdriver-bidi/pull/855
31. 従来のWebDriverにはなく CDPや他ツールにある機能や 要望がある機能が 仕様に追加されていた 仕様の更新
32. 続いて ブラウザの実装状況を 追いかける
33. 今日話したいこと WebDriver BiDiとは 仕様の更新 ブラウザの実装状況
34. web-platform-testsから 各ブラウザの現状を知る ブラウザの実装状況
35. web-platform-tests(wpt)とは Webプラットフォームにおけるテストケースのまとまり WHATWGやW3Cで策定された仕様をカバー web-platform-testsにあるテストケースの結果を
 wtp.fyiでダッシュボードとして公開 Chrome, Edge, Firefox, Safariなどを対象に定期的に
 テストを実行 ブラウザの実装状況
36. wptのダッシュボード https://wpt.fyi/results テスト結果がわかるダッシュボード ブラウザの実装状況
37. wpt その他 ブラウザの実装状況 https://wpt.fyi/runs https://wpt.fyi/interop-2025 定期的にテストが実行 Interopの結果とかも見れる
38. wptのテストの種類 wptのテストにはいくつかのアプローチがある ブラウザの実装状況 https://web-platform-tests.org/test-suite-design.html#test-types Rendering testharness.js JSが期待通りに動作するか wdspec WebDriver系のテスト manual
39. wpt: wdspec ブラウザの実装状況 https://web-platform-tests.org/writing-tests/wdspec.html WebDriver、WebDriver BiDiを対象にしたテスト Pythonとpytestを採用 wptリポジトリ内にWebDriverクライアント（tools/webdriver）がある このクライアントがBiDiにも対応
40. wptにあるWebDriver BiDiの テストケースを実際にみてみよう ブラウザの実装状況
41. WebDriver BiDiのテストケース ブラウザの実装状況 wptリポジトリのwebdriver/tests/bidi にBiDi用のテストケースがある でディレクトリが作られている webdriver/tests/bidi/{MODULE}/{METHOD} https://github.com/web-platform-tests/wpt/tree/master/webdriver/tests/bidi
42. WebDriver BiDiのテストケース BiDiでは機能のまとまりがModule、その中に関連するCommandsとEventsがある ブラウザの実装状況
43. WebDriver BiDiのテストケース ブラウザの実装状況 script.evaluate コマンドの場合 指定された実行環境で、指定したスクリプトを実行するコマンド webdriver/tests/bidi/script/evaluate にテストケースがある https://github.com/web-platform-tests/wpt/blob/master/webdriver/tests/bidi/script/evaluate/evaluate.py pythonやpytestがわからなくても
 どんなテストしてるか
 大体わかる
44. WebDriver BiDiの wptのテスト結果や如何に ブラウザの実装状況
45. WebDriver BiDiのテスト結果 ブラウザの実装状況 https://wpt.fyi/results/webdriver/tests/bidi
46. WebDriver BiDiのテスト結果 ブラウザの実装状況 https://wpt.fyi/results/webdriver/tests/bidi Chrome、Firefoxでは多くのテストケースにパスしてる Safariでは、テストケースがほとんどパスしていない
47. ということで 各ブラウザの事情を 追ってみる ブラウザの実装状況
48. Firefox fxdx.devでWebDriver Newsletterを定期的に公開 WebDriver NewsletterからBiDiのアップデート情報を
 キャッチアップできる ブラウザの実装状況 https://fxdx.dev/
49. Firefox 2024年に追加されたwebExtensionモジュールのコマンドに対応 2025年に追加されたemulationモジュールのコマンドである emulation.setGeolocationOverrideの対応 2025年に追加されたbrowsingContext.navigationCommittedイベントの対応 https://fxdx.dev/firefox-webdriver-newsletter-137/ https://fxdx.dev/firefox-webdriver-newsletter-139/ https://fxdx.dev/firefox-webdriver-newsletter-140/ ブラウザの実装状況 新しく追加、更新された仕様の実装を進めている印象
50. Firefox 2024年からChrome Devtools Protocol（CDP）のサポートを廃止することは
 アナウンスされていた 2025年になってFirefox 141で完全に廃止 Firefoxで CDPを使っているツールはWebDriver BiDiへの移行を強く推奨 ブラウザの実装状況 FirefoxでのChrome Devtools Protocol(CDP)サポートを
 完全に廃止 https://fxdx.dev/deprecating-cdp-support-in-firefox-embracing-the-future-with-webdriver-bidi/ Firefoxでは今後も積極的にBiDi対応をしていきそう
51. FirefoxのCDPサポートについて ちょっと寄り道 ブラウザの実装状況 そして、去年のBurikaigiでした内容と被る話
52. ブラウザテストの自動化のこれまで ブラウザの実装状況 https://developer.chrome.com/blog/test-automation-evolution 外部プロセスからブラウザ操作するにはWebDriverとCDPの選択肢があった CDPはChrome DevToolsとデバッグ用に設計 がPuppeteerはCDPを採用 CDPはデバッグに対応するため、WebDriverよりも低レベルな制御をサポート
53. FirefoxのCDPサポートについて ブラウザの実装状況 2019年、FirefoxでPuppeteerの試験的なサポート この時に、MozillaはFirefoxにCDPのサブセットを実装 し、これまで運用してきた
54. FirefoxのCDPサポートについて ブラウザの実装状況 当時の議論をしっかりとは追えてないのですが FirefoxでのCDPサポートにChromeチームもMozillaも課題を感じてた Chrome Devtoolsの要件に依存する CDPは標準仕様ではないので、ChromeチームとMozillaで都度コミュニ ケーションが必要 これがWebDriver BiDiができるきっかけ ということが記事には記載されてる https://developer.chrome.com/blog/firefox-support-in-puppeteer-with-webdriver-bidi
55. 寄り道から戻って Chromeへ ブラウザの実装状況
56. Chrome そもそもChromiumではBiDiとCDP間を変換する
 JSレイヤーがある ブラウザの実装状況 https://docs.google.com/document/d/1VfQ9tv0wPSnb5TI-MOobjoQ5CXLnJJx9F_PxOMQc8kY/edit?tab=t.0 https://github.com/GoogleChromeLabs/chromium-bidi?tab=readme-ov-file#how-does-it-work
57. Chrome ChromiumでのBiDi実装はchromium-bidiリポジトリに ある ブラウザの実装状況 https://github.com/GoogleChromeLabs/chromium-bidi
58. Chrome ブラウザの実装状況 2024年に追加されたwebExtensionモジュールのコマンドに対応 2025年に追加されたemulationモジュールのコマンドである emulation.setGeolocationOverrideの対応 2025年に追加されたbrowsingContext.navigationCommittedの対応 https://github.com/GoogleChromeLabs/chromium-bidi/pull/3012 https://github.com/GoogleChromeLabs/chromium-bidi/pull/3311 https://github.com/GoogleChromeLabs/chromium-bidi/pull/3057 Firefox同様、新しく追加、更新された仕様の実装を
 進めている印象
59. Chrome 例えばemulation.setGeolocationOverrideの場合 CDPに全く同じコマンド(methods)がある コマンドの引数も一緒 CDPにも同様の機能がある場合、新しい仕様への対応コストは低そう？ ブラウザの実装状況 https://www.w3.org/TR/webdriver-bidi/#command-emulation-setGeolocationOverride https://chromedevtools.github.io/devtools-protocol/tot/Emulation/#method-setGeolocationOverride
60. 最後に気になる Safari ブラウザの実装状況
61. wptを見てみると ブラウザの実装状況 現状、Safariでは1つしかWebDriver BiDiのテストケースは
 成功していない... https://wpt.fyi/results/webdriver/tests/bidi
62. Safariではそう、ただ、WebKitでは ブラウザの実装状況 何も対応してないわけではなさそう WebKitのリポジトリにはBiDi関連のプルリクがマージされてる https://github.com/WebKit/WebKit/pulls?page=2&q=is%3Apr+is%3Amerged+WebDriver+Bidi+in%3Atitle
63. WebKit ブラウザの実装状況 Selenium Conference 2025でIgaliaのLauroさんのセッションで WebKitでのWebDriver BiDiの実装状況に言及 https://www.slideshare.net/slideshow/advancing-webdriver-bidi-support-in-webkit/281229125#1
64. このセッションの内容 からWebKitでの実装状況を
 見てみる ブラウザの実装状況
65. WebKit WebKitはクロスプラットフォームに対応した
 OSSのレンダリングエンジン プラットフォームやOS固有の処理に対応したportがある WebKit公式のportが以下 ブラウザの実装状況 https://docs.webkit.org/Ports/Introduction.html
66. WebKit Igaliaは以下二つのLinux向けのPortをメンテンナンス
 している WebKitGTK GNOMEと呼ばれるGUIのデスクトップ環境で採用 WPE WebKit: 組み込みデバイス向け IgaliaのチームがWebKitGTK/WPE WebKitを対象に
 2024年からWebDriver BiDiの実装を開始 ブラウザの実装状況
67. WebKit wptを見てもWebKitGTKであればパスしている
 テストケースも増えている ブラウザの実装状況 https://wpt.fyi/results/webdriver/tests/bidi?label=master&label=experimental&product=safari&product=webkitgtk&aligned
68. WebKit Safariはというと... 10月に行われたWebKit Contributors Meetingの議事録が
 slackに残っていた safaridriverでのBiDiがまだ利用できない safaridriverがSafariと通信するために独自の
 server/networkライブラリを使っていることに起因 ブラウザの実装状況
69. まとめ
70. 2025年のふりかえり emulationという新しいモジュールが仕様に追加 新しいコマンドやイベントも仕様に追加 Chrome、Firefoxでは追加、更新があった仕様の
 実装が進む IgaliaによってWebKitでもBiDiの実装が開始
 （2024年から） 現時点ではSafariではまだBiDiが利用できない
71. 2026年の予想 Roadmapに記載されているE2Eシナリオの大部分の仕様は詰められてそう https://github.com/w3c/webdriver-bidi/blob/main/roadmap.md emulationモジュールはこのシナリオには記載されていない 今後も需要がありそうなシナリオをカバーする仕様が追加されそう？ 2026年中には、完全ではなくても部分的にSafariでBiDiを
 試せるようになるのでは？ Special Thanks togami2864さん (WebKitの動向教えてくれて、ありがとうございました)
72. 力尽きた話 ツールの対応状況 CypressでFirefoxを操作する時、デフォルトでBiDiを使用 Puppeteer、Selenium、WebDriverIO、CypressでBiDi試してみる PlaywrightのBiDi対応が表に出ない理由 BiDiの仕様を読んで面白そうな話(2025年関係ないけど) Sandboxed Script Execution script.evaluateコマンドなどで、sandbox引数を指定すると、
 sandbox用のRealmでスクリプトが実行できる？