このページは Cloud Translation API によって翻訳されました。

WebDriver BiDi による自動化が BrowserStack で利用可能に

Matthias Rohmer

この 3 年間、Chrome のブラウザ自動化チームは BrowserStack などの他の主要なブラウザやツールベンダーと共同で、ブラウザの新しい自動化プロトコルである WebDriver BiDi を作成するこれにより、ブラウザをまたいだ双方向の自動化ワークフローが可能になります。これらのワークフローは、以前は独自の Chrome DevTools でのみ可能でした。 Chromium ベースのブラウザのプロトコル。

本日、WebDriver BiDi というこの共通の取り組みの重要なマイルストーンとなるデベロッパーが最終的に本番環境に対応。今すぐ始めましょう。

Selenium と BrowserStack

最近、BrowserStack は Selenium の公式開発パートナーになりました。成熟したオープンソースのブラウザ自動化フレームワークであり、 WebDriver BiDi。このパートナーシップは、BrowserStack が活発なテストエコシステムへの投資を続けており、BrowserStack も Selenium のコアメンテナンス担当者も数人います。

Selenium プロジェクトの一部は Selenium Grid です。これにより、複数のデバイスで並行してテストを実行できます。しかし、グリッドを自力で立ち上げ、数十種類のデバイスを入手して維持する必要がありました。利用可能な状態に維持することは、人によっては困難または不可能な場合もあります。

BrowserStack などのホスト型 Selenium Grid ソリューションを使用すると、さまざまなプラットフォームやデバイスでテストを実施できます。あります。

Selenium Grid 上の WebDriver BiDi

Selenium は WebDriver 標準（BiDi がないことに留意）に基づいていますが、 WebDriver BiDi の実験的なサポートをしばらく行いました本日より BrowserStack がホストする Selenium Grid 上で、WebDriver BiDi コマンドが本番環境で使用可能

これにより、リクエストのインターセプト、高度なエミュレーション、ブラウザイベントをリアルタイムで処理できます。これは Chrome だけでなく、サポートしています。

次の例は、WebDriver BiDi を使用してログイベントをリッスンする方法を示しています。。キャプチャしたログは、VM 上での automate.browserstack.com:

const webdriver = require('selenium-webdriver');

// Insert credentials from https://www.browserstack.com/accounts/profile/details
const USERNAME = '<YOUR_USERNAME>';
const ACCESS_KEY = '<YOUR_ACCESS_KEY>';

(async () => {
  const driver = await (new webdriver.Builder()
    .withCapabilities({
      browserName: 'chrome',
      'bstack:options': {
        seleniumVersion: '4.22.0',
        seleniumBidi: true, // Enable WebDriver BiDi.
      },
    })
    .usingServer(
      `https://${USERNAME}:${ACCESS_KEY}@hub-cloud.browserstack.com/wd/hub`
    )
    .build());

  // Add a listener for log events.
  await driver.script().addConsoleMessageHandler((logEntry) => {
    console.log(logEntry.text);
  });

  await driver.get(
    'https://www.selenium.dev/selenium/web/bidi/logEntryAdded.html'
  );

  // Trigger a console log on the demo page.
  await driver.findElement({ id: 'consoleLog' }).click();
  await driver.quit();

  // Inspect logs on automate.browserstack.com!
})();

BrowserStack は出発点にすぎない

Chrome ブラウザ自動化チームは BrowserStack チーム、本日より WebDriver BiDi のサポートをリリースしますまた、クラウドコンピューティングの WebDriver BiDi のサポートが BrowserStack やその他のツールに拡大その他の主要ブラウザにも対応予定です。

今回の発表でテストに興味があったものの、まだ始めていないのであれば、 web.dev の「テストの学習」コースをご確認ください。