Node.js版Selenium WebDriver教程

目录

介绍

导言

Selenium基础

环境设置

使用npm安装selenium-webdriver模块

配置和管理浏览器驱动器

下载火狐

[下载安装 webDriver](#下载安装 webDriver)

第一个WebDriver脚本


介绍

导言

在当今数字化时代,Web应用程序的质量和性能至关重要。为了确保这些应用的可靠性,自动化测试成为一种不可或缺的工具。Selenium,作为自动化测试领域的瑰宝,为我们提供了无限可能。本教程将深入介绍Selenium,以及如何结合Node.js发挥其最大潜力。


Selenium基础

Selenium不仅是一个强大的自动化测试框架,更是开源的,允许我们以多种方式实现自动化。其中,Selenium WebDriver是其核心组件之一,为浏览器自动化提供了出色的支持。在本部分,我们将全面解析Selenium的基础概念,重点聚焦于Node.js版本的WebDriver。

环境设置

使用npm安装selenium-webdriver模块

在这一步,我们将通过Node.js的包管理工具npm安装Selenium WebDriver模块。打开你的终端或命令提示符,并执行以下命令:

复制代码
npm install selenium-webdriver

这将下载并安装最新版本的selenium-webdriver模块,为我们提供Selenium WebDriver的Node.js接口。

配置和管理浏览器驱动器

安装完selenium-webdriver后,我们需要配置浏览器驱动器,以便Selenium可以与浏览器进行交互。具体的配置取决于你使用的浏览器和操作系统。以下是配置FIREFOXDriver的简要示例:

下载火狐

1.1装前准备

在下载火狐浏览器的驱动之前,先确认自己火狐浏览器的版本号。查看操作:

设置---常规---下滑找到更新---将自动更新设置为需确认,如图所示:

如果想下载其他火狐浏览器的版本,可以到下面这个链接选择需要下载的版本号:

Directory Listing: /pub/firefox/releases/编辑http://ftp.mozilla.org/pub/firefox/releases/http://ftp.mozilla.org/pub/firefox/releases/

下载安装 webDriver

完成上一步操作后,进入以下链接:

Releases · mozilla/geckodriver · GitHub编辑https://github.com/mozilla/geckodriver/releases/https://github.com/mozilla/geckodriver/releases/

选择适合的系统版本 解压后得到:geckodriver文件 放到项目文件夹

第一个WebDriver脚本

在这一步,我们将通过编写一个简单的Node.js脚本来启动浏览器,并进行一些基本的操作。创建一个新的文件,例如firstScript.js,并输入以下代码:

复制代码
import { Builder, Browser, By, Key, until } from "selenium-webdriver";

(async function example() {
  console.log(111);
  //构建一个 webdriver 浏览器
  let driver = await new Builder().forBrowser(Browser.FIREFOX).build();
  console.log(driver);
  try {
    // 打开百度
    await driver.get("https://www.baidu.com");
    // 代码操作浏览器 获取元素并写入一个关键字webdriver
    // By.name 属性选择器name
    // By.css; css 选择器
    // sendKeys 发送文本内容到文本框
    // Key.RETURN 按下回车
    //  await driver.findElement(By.name("q")).sendKeys("webdriver", Key.RETURN);
    await driver.findElement(By.css("#kw")).sendKeys("测试自动化", Key.RETURN);
  } finally {
    // await driver.quit(); 退出浏览器
  }
})();

node firstScript.js

你将看到浏览器启动,导航到https://www.baidu.com,在搜索框中输入关键字并回车,最后等待搜索结果页面加载完毕。这是你的第一个Selenium WebDriver脚本!

相关推荐
心.c28 分钟前
Vue3+Node.js实现文件上传分片上传和断点续传【详细教程】
前端·javascript·vue.js·算法·node.js·哈希算法
roamingcode37 分钟前
我是如何 Vibe Coding,将 AI CLI 工具从 Node.js 迁移到 Rust 并成功发布的
人工智能·rust·node.js·github·claude·github copilot
0思必得09 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
llilian_1619 小时前
信号发生器 多通道多功能脉冲信号发生器应用解决方案 多功能脉冲发生器
功能测试·单片机·嵌入式硬件·测试工具
程序员小远20 小时前
使用Postman进行一次完整的接口测试
自动化测试·软件测试·python·测试工具·测试用例·接口测试·postman
我的xiaodoujiao21 小时前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 44--将自动化测试结果自动推送至钉钉工作群聊
前端·python·测试工具·ui·pytest
生活很暖很治愈21 小时前
GUI自动化测试[3]——控件&数鼠标操作
windows·python·功能测试·测试工具
我的xiaodoujiao1 天前
使用 Python 语言 从 0 到 1 搭建完整 Web UI自动化测试学习系列 45--生成项目需要的requirements.txt依赖文件
python·学习·测试工具·pytest
uyeonashi1 天前
Boost搜索引擎测试报告
功能测试·selenium·搜索引擎
@zulnger1 天前
selenium 自动化测试工具实战项目(订单)
selenium·测试工具·自动化