Selenium WebDriver s Node.js Guide- Selenium WebDriver Node.js

Selenium WebDriver with Node.js je výkonný nástroj pro automatizaci testování webových aplikací. Pomocí Selenium WebDriver s Node.js můžete snadno ovládat prohlížeče, pracovat s prvky na webových stránkách a psát automatizované testovací skripty. Díky podpoře oblíbených prohlížečů, jako je Chrome, Firefox a Safari, Selenium WebDriver můžete testovat webové aplikace na více platformách.

Tento článek obsahuje podrobného průvodce používáním Selenium WebDriver s Node.js, který zahrnuje instalaci, konfiguraci a praktické příklady, které vám pomohou začít s efektivním automatizovaným testováním webových aplikací.

Průvodce používáním Selenium WebDriver s Node.js

Instalace Selenium WebDriver a závislosti

Otevřete svůj terminal nebo příkazový řádek a přejděte do adresáře projektu.

Spusťte následující příkaz pro instalaci Selenium WebDriver a potřebné závislosti:

npm install selenium-webdriver chromedriver

Tento příkaz se nainstaluje Selenium WebDriver pro Node.js a ovladač Chrome(chromedriver) pro ovládání prohlížeče Chrome.

Importujte a inicializujte WebDriver

Importujte požadované module

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

Inicializujte objekt WebDriver pro požadovaný prohlížeč(např. Chrome):

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

K interakci s prohlížečem použijte WebDriver

Otevřete adresu URL

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

Najděte prvky a pracujte s nimi:

// 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();  

K interakci s prvky na webové stránce můžete použít metody jako findElement, sendKeys, click, atd. wait

Zavřete WebDriver

Zavřete prohlížeč a ukončete relaci:

await driver.quit();

Zde je podrobný příklad hledání a zadávání dat do vstupního pole na webové stránce:

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();  

V tomto příkladu najdeme vstupní prvek pomocí ID( my-input-id), poté použijeme sendKeys metodu k zadání dat do vstupního pole. Nakonec stiskneme klávesu Enter pomocí sendKeys(Key.ENTER) a zavřeme prohlížeč pomocí driver.quit().