如何使用 JS：使用 Selenium 进行自动化测试-js教程-PHP中文网

如何使用 JS：使用 Selenium 进行自动化测试

WBOY

发布： 2024-08-29 11:08:44

原创

503 人浏览过

How to JS: Automate testing with Selenium

如何在 JavaScript 中使用 Selenium 自动化浏览器测试

自动化浏览器测试对于任何 Web 开发人员来说都是必须的，以确保他们的应用程序正常运行。在这篇文章中，我们将逐步使用 JavaScript 设置 Selenium，以自动执行简单的浏览器任务：打开网页并单击按钮。

先决条件

要跟随，您需要：

Node.js 和 npm 已安装。
已安装 Google Chrome 和 ChromeDriver（或其他浏览器及其各自的驱动程序）。

第 1 步：设置您的项目

首先，为您的项目创建一个新文件夹。打开终端并运行：

mkdir selenium-test
cd selenium-test

登录后复制

接下来，初始化一个新的 Node.js 项目：

npm init -y

登录后复制

此命令生成一个 package.json 文件，用于跟踪项目的依赖项。

第 2 步：安装 Selenium WebDriver

我们将使用 npm 安装 Selenium WebDriver 和 ChromeDriver：

npm install selenium-webdriver chromedriver --save

登录后复制

这些软件包提供了使用 Selenium 自动化 Chrome 所需的库和工具。

第 3 步：编写 Selenium 脚本

在项目文件夹中创建一个名为 test.js 的新文件。此脚本将打开一个网页，等待按钮变为可单击状态，然后单击它。

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

// Helper function to pause the script
function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

async function runTest() {
  // Configure Chrome to suppress unwanted prompts
  let options = new chrome.Options();
  options.addArguments('--no-default-browser-check', '--no-first-run', '--disable-default-apps', '--disable-infobars');

  let driver = await new Builder()
    .forBrowser('chrome')
    .setChromeOptions(options)
    .build();

  try {
    // Open the target webpage
    await driver.get('https://example.com'); // Change this URL to the site you want to test

    // Wait for an element to load
    await driver.wait(until.elementLocated(By.className('sample-class')), 10000);
    console.log('Found element with class "sample-class".');

    // Generic wait for 6 seconds to handle any dynamic content
    await sleep(6000);

    // Wait for the button to be clickable
    await driver.wait(until.elementLocated(By.id('sample-button')), 10000);

    // Re-locate the button to ensure it’s still in the DOM
    let button = await driver.findElement(By.id('sample-button'));
    console.log('Button located:', button);

    // Click the button
    await button.click();
    console.log('Button clicked successfully.');

    // Wait for the next page or action to load
    await driver.wait(until.urlContains('new-page'), 10000);
    console.log('Navigation to new page was successful.');

  } catch (error) {
    console.error('Error during the test:', error);
  } finally {
    // Always close the browser
    await driver.quit();
  }
}

runTest();

登录后复制