close

Selenium WebDriver Node.js ガイド- Selenium WebDriver Node.js を使用

Selenium WebDriver with Node.js は、Web アプリケーションのテストを自動化するための強力なツールです。 Node.js と併用することで Selenium WebDriver 、ブラウザを制御したり、Web ページ上の要素を操作したり、自動テスト スクリプトを簡単に作成したりできます。 Chrome、Firefox、Safari などの一般的なブラウザをサポートしているため、 Selenium WebDriver 複数のプラットフォームで Web アプリケーションをテストできます。

Selenium WebDriver この記事では、Node.js での 使用に関する詳細なガイドを提供し、インストール、構成、および効率的な自動 Web アプリケーション テストを開始するのに役立つ実践的な例を取り上げます。

 

Selenium WebDriver Node.js での 使用ガイド

インストール Selenium WebDriver と依存関係

またはコマンド プロンプトを開き terminal 、プロジェクト ディレクトリに移動します。

次のコマンドを実行して Selenium WebDriver 、必要な依存関係をインストールします。 

npm install selenium-webdriver chromedriver

Selenium WebDriver このコマンドは、Node.js と Chrome ブラウザを制御するための Chrome ドライバー(chromedriver) を インストールします。

WebDriver をインポートして初期化する

必要なものをインポートする module

const { Builder, By, Key, until } = require('selenium-webdriver');

目的のブラウザ(Chrome など) の WebDriver オブジェクトを初期化します。 

const driver = new Builder().forBrowser('chrome').build();

WebDriver を使用してブラウザと対話する

URLを開く 

await driver.get('https://www.example.com');

要素を検索して操作します。 

// Find an element by ID  
const element = await driver.findElement(By.id('my-element-id'));  
  
// Enter text into an input element  
await element.sendKeys('Hello, World!');  
  
// Press the Enter key  
await element.sendKeys(Key.ENTER);  
  
// Wait for an element to be located  
await driver.wait(until.elementLocated(By.css('.my-element-class')));  
  
// Click on an element  
await element.click();

findElement、 sendKeys、 click 、など のメソッドを使用して wait 、Web ページ上の要素を操作できます。

WebDriverを閉じる

ブラウザを閉じてセッションを終了します。 

await driver.quit();

 

Web ページ上の入力フィールドにデータを検索して入力する詳細な例を次に示します。 

const { Builder, By, Key, until } = require('selenium-webdriver');  
  
async function runTest() {  
  try {  
    const driver = new Builder().forBrowser('chrome').build();  
  
    await driver.get('https://www.example.com');  
  
    // Find the input element by ID  
    const inputElement = await driver.findElement(By.id('my-input-id'));  
  
    // Enter data into the input field  
    await inputElement.sendKeys('Hello, World!');  
  
    // Press the Enter key  
    await inputElement.sendKeys(Key.ENTER);  
  
    // Close the browser  
    await driver.quit();  
  } catch(error) {  
    console.error('Test failed:', error);  
  }  
}  
  
runTest();

 

my-input-id この例では、ID() で入力要素を検索し、 sendKeys メソッドを使用して入力フィールドにデータを入力します。 最後に、 を使用して Enter キーを押し、 を使用 sendKeys(Key.ENTER) してブラウザを閉じます driver.quit()。