备案控制台
开发者社区 开发与运维 文章 正文

web自动化测试工具之Selenium的使用

2023-09-11 275
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Selenium是一个功能强大的自动化测试框架，在自动化测试和Web应用开发中具有广泛的应用，能够提高测试效率、确保应用程序的质量，并帮助开发人员在不同环境中构建和调试Web应用程序。

Selenium

概述

Selenium是一个用于自动化浏览器操作的开源框架。它提供一组工具和库，用于测试 Web 应用程序的功能和用户界面。

使用Selenium，可以编写脚本来模拟用户在浏览器中的交互行为，如点击、填写表单、选择下拉框等操作。这些脚本可以自动运行，并验证应用程序的行为是否符合预期。

Selenium支持多种不同的编程语言，包括Java、Python、C#等，使开发人员可以使用自己熟悉的语言编写和执行测试脚本。

Selenium还有不同的工具和组件，包括Selenium WebDriver用于直接与浏览器交互，Selenium Grid用于在多个浏览器和平台之间并行执行测试，并提供了丰富的API和功能，用于处理浏览器操作和页面元素的查找、交互和断言等。

官网：https://www.selenium.dev/

官网文档：https://www.selenium.dev/documentation/

中文文档：https://python-selenium-zh.readthedocs.io/zh_CN/latest/

image.png

工作原理

利用浏览器原生API，封装成面向对象的Selenium WebDriver API（封装浏览器的各种功能），程序脚本通过Selenium API控制浏览器(分谷歌与微软)，操作浏览器页面元素，或操作浏览器本身（截屏，窗口大小，启动，关闭）

应用场景

自动化测试：

Selenium是最常用的自动化测试工具之一。它可以模拟真实用户的交互行为，自动化执行各种测试用例，包括功能测试、回归测试和性能测试等。通过Selenium，可以自动化测试Web应用程序的各种功能、验证用户界面的正确性，并捕捉和报告问题。

兼容性测试：

使用Selenium，可以在不同的浏览器和操作系统上运行自动化测试脚本，以验证Web应用程序在各种环境中的兼容性。这样可以确保应用程序在各种浏览器和平台上的一致性运行。

数据抓取和网页摘要：

Selenium可以用于抓取网页内容，从而获取所需的数据。通过编写脚本，可以模拟用户操作浏览器，访问网页并提取数据，如价格比较、新闻摘要等。

自动化表单填写：

当需要填写大量表单数据时，手动操作可能会消耗大量时间和精力。使用Selenium可以编写脚本来自动填写表单，提高效率。

UI自动化测试：

Selenium可以验证用户界面的正确性和一致性。通过模拟用户交互和操作，可以自动测试用户界面的各种情况，确保它们的正确性和功能性。

前端开发调试：

开发人员可以使用Selenium来调试和验证前端代码。通过自动化测试脚本，可以模拟用户操作并查看页面的渲染和功能是否正常工作。

安装浏览器驱动

以Chrome浏览器为例，安装浏览器驱动。

注意： 必须下载对应的 chrome 版本对应的驱动

chrome驱动：https://sites.google.com/chromium.org/driver/

chrome驱动(旧)：https://sites.google.com/a/chromium.org/chromedriver/

国内淘宝镜像：http://npm.taobao.org/mirrors/chromedriver/

1.确定Chrome版本

确定Chrome版本为：110.0.5481.100
image.png

2.确定ChromeDriver版本

1.获取Chrome版本号，删除最后一部分，得到110.0.5481。

2.将结果拼接到https://chromedriver.storage.googleapis.com/LATEST_RELEASE_后面。

3.得到URL：https://chromedriver.storage.googleapis.com/LATEST_RELEASE_110.0.5481，并访问该链接得到ChromeDriver版本号

image.png

3.下载ChromeDriver

找到ChromeDriver对应版本下载即可，这里由于是最新Chrome浏览器，故首页能一下找到。
image.png

根据操作系统下载不同的ChromeDriver
image.png

3.配置环境变量(可选）

解压压缩包后得到chromedriver.exe可执行文件，python代码是可以直接调用的。

在path环境变量中，添加chromedriver.exe所在目录

基本使用

安装Selenium模块

pip install selenium

注意点

由于版本迭代，新版的selenium已经不再使用find_element_by_id方法，而是使用find_element(By.ID, '')，具体参考selenium版本。

因版本迭代，可能出现异常：AttributeError: 'WebDriver' object has no attribute 'find_element_by_id'

from selenium import webdriver
from selenium.webdriver.common.by import By

# 老版本
input_element = browser.find_element_by_id("kw")

# 新版本
input_element = browser.find_element(By.ID, 'kw')

使用分析

实现使用百度自动搜索selenium关键字，并自动点击跳转某个搜索结果。

获取输入框元素与获取搜索按钮元素信息

image.png

获取第一个搜索结果地址信息
image.png

代码实现

# 导入模块
import time

from selenium import webdriver
from selenium.webdriver.common.by import By

# 创建浏览器对象，需指定驱动。驱动有2种方式获取
# 1.通过手动指定浏览器驱动路径
browser = webdriver.Chrome('D:\Development\chromedriver_win32\chromedriver.exe')
# 2.通过$PATH环境变量寻找驱动，如果寻找不到就报错
# browser = webdriver.Chrome()

# 指定操作浏览器对象的行为
# 让浏览器访问网页
browser.get("https://www.baidu.com/")
# 获取输入框元素
# input_element = browser.find_element_by_id("kw")
input_element = browser.find_element(By.ID, 'kw')
# 输入内容
input_element.send_keys('selenium')
# 获取搜索按钮
button_element = browser.find_element(By.ID, 'su')
# 点击搜索
button_element.click()

time.sleep(3)

# 获取地址
url_element = browser.find_element(By.CLASS_NAME, "c-gap-bottom-small").find_element(By.TAG_NAME, 'a')
url_element.click()

time.sleep(5)

# 退出浏览器
browser.quit()

常见方法

driver对象

在使用selenium过程中，实例化driver对象后，driver对象有一些常用的属性和方法

driver.page_source 当前标签页浏览器渲染之后的网页源代码
driver.current_url 当前标签页的url
driver.close() 关闭当前标签页，如果只有一个标签页则关闭整个浏览器
driver.quit() 关闭浏览器
driver.forward() 页面前进
driver.back() 页面后退
driver.screen_shot(img_name) 页面截图

定位标签元素与获取标签对象

在selenium中可以通过多种方式来定位标签，返回标签元素对象

旧版本

find_element_by_xxx 返回第一个符合条件

find_elements_by_xxx 返回符合条件所有元素的WebEelemnt列表

find_element匹配不到就抛出异常，find_elements匹配不到就返回空列表

find_element_by_id 通过ID
find_element_by_class_name 通过class查询元素
find_element_by_name 通过name
find_element_by_tag_name 通过标签名称
find_element_by_css_selector css样式选择
find_element_by_link_text 通过链接内容查找
find_element_by_partial_link_text 通过链接内容包含的内容查找，模糊查询
find_element_by_xpath 通过xpath查找数据

新版本

find_element(BY, 'str')

find_elements(BY, 'str')

find_element(By.ID, 'id')
find_element(By.CLASS_NAME, 'calss_name')
find_element(By.NAME, 'name')
find_element(By.TAG_NAME, 'tag_name')
find_element(By.CSS_SELECTOR, 'css_selector')
find_element(By.LINK_TEXT, 'link_text')
find_element(By.PARTIAL_LINK_TEXT, 'partial_link_text')
find_element(By.XPATH, 'xpath')

获取文本内容与属性值

获取元素属性值

element.get_attribute('属性名')

获取元素文本内容

element.text

向输入框输入数据

input_element.send_keys('selenium')

对元素执行点击操作

button_element.click()

使用无界面浏览器

绝大多数服务器是没有界面的，selenium控制谷歌浏览器也是存在无界面模式的，无界面模式又称之为无头模式。

使用pyantomjs驱动

不推荐使用pyantomjs驱动，pyantomjs方式已被Selenium淘汰

下载地址：http://phantomjs.org/download.html

使用方式

# 导入模块
import time

from selenium import webdriver

# 创建浏览器对象
browser = webdriver.PhantomJS(executable_path=r"D:\Development\phantomjs-2.1.1-windows\bin\phantomjs.exe")

# 指定操作浏览器对象的行为
# 让浏览器访问网页
browser.get("https://www.baidu.com/")
# 保存截图调试
browser.save_screenshot('screenshot.png')

异常1：

新版的 selenium已经放弃PhantomJS,所以会出现AttributeError: module 'selenium.webdriver' has no attribute 'PhantomJS'异常

卸载selenium

pip uninstall selenium

安装selenium指定版本

pip install selenium==3.14.0

异常2：

selenium.common.exceptions.WebDriverException: Message: 'phantomjs.exe' executable needs to be in PATH.

方案一：在完整路径前面加了一个r

browser = webdriver.PhantomJS(executable_path=r"D:\Development\phantomjs-2.1.1-windows\bin\phantomjs.exe")

方案二：将bin文件的路径添加到系统变量

C:\Users\Admin>phantomjs -v
2.1.1

设置chrome启动参数

# 导入模块
from selenium import webdriver

# 创建浏览器对象,指定配置参数
options = webdriver.ChromeOptions()
options.add_argument('--headless')  # 开启无界面模式
options.add_argument('--disable-gpu')  # 禁用gpu
# 实例化带有配置对象的driver对象
browser = webdriver.Chrome('D:\Development\chromedriver_win32\chromedriver.exe', chrome_options=options)

# 指定操作浏览器对象的行为
# 让浏览器访问网页
browser.get("https://www.baidu.com/")
# 保存截图调试
browser.save_screenshot('screenshot.png')

其他操作

窗口切换

浏览器可能会打开多个网页，需要定位当前获取的网页元素是哪个窗体。通过 browser.switch_to.window 切换窗口

# 获取当前所有的窗口
print(browser.window_handles)

# 获取当前选中窗体的名称
print(browser.current_window_handle)

print("切换前：", browser.title)

# 执行js新开一个标签页
js = 'window.open("https://www.baidu.com");'
browser.execute_script(js)
time.sleep(3)

# 获取当前所有的窗口
print(browser.window_handles)

# 切换窗体
browser.switch_to.window(browser.window_handles[1])
print("切换后:", browser.title)

ifrme切换

iframe是html中常用的一种技术，即一个页面中嵌套了另一个网页

浏览器网页中可能包含iframe网页，selenium默认是访问不了frame中的内容的，因此需要获取iframe网页元素。通过browser.switch_to.frame切换iframe

import time

# 导入模块
from selenium import webdriver

# 创建浏览器对象
# 参数驱动路径
from selenium.webdriver.common.by import By
browser = webdriver.Chrome()

browser.get("https://mail.qq.com/cgi-bin/loginpage")
print("切换前:", browser.page_source)

# 获取iframe元素对象
iframe_element = browser.find_element(By.ID, 'login_frame')
# 切换 iframe
browser.switch_to.frame(iframe_element)
print("切换后:", browser.page_source)

# 切换回 主窗口
browser.switch_to.default_content()
print("切回后:", browser.page_source)

# 利用切换标签页的方式切出frame标签
# windows = driver.window_handles
# driver.switch_to.window(windows[0])
time.sleep(5)

# 退出浏览器
browser.quit()

设置User-Agent和代理

selenium控制谷歌浏览器时，User-Agent默认是谷歌浏览器的，其是可以被替换的。

selenium控制浏览器也是可以使用代理ip的。

options = webdriver.ChromeOptions()
# 切换User-Agent
options.add_argument('--user-agent=Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1')
# 设置代理
options.add_argument('--proxy-server=代理服务器地址') # 设置代理
browser = webdriver.Chrome('./chromedriver',chrome_options=options)

获取网页源码

获取的网页源码是经过JS页面执行后的结果源码

browser.page_source

cookies操作

selenium能够帮助处理页面中的cookie

获取所有Cookies
browser.get_cookies()

把cookie转化为字典
cookies_dict = {
   
   cookie['name']: cookie['value'] for cookie in browser.get_cookies()}

通过名字获取Cookie
browser.get_cookie()

添加Cookie
browser.add_cookie()

通过名字删除Cookie
browser.delete_cookie()

删除所有Cookie
browser.delete_all_cookies()

执行javascript

selenium可以让浏览器执行指定的js代码

# js语句：滚动
js = 'window.scrollTo(0,document.body.scrollHeight)' 
# 执行js的方法
browser.execute_script(js) 

js ="alert("hello world")"
browser.execute_script(js)

页面等待

页面在加载的过程中需要花费时间等待网站服务器的响应，在这个过程中标签元素有可能还没有加载出来，同时又去获取数据导致浏览器寻找不到需要操作的元素时从而引发异常。此时就需要程序进行等待，有如下3种方式。

selenium页面等待分类

强制等待
隐式等待
显式等待

1.强制等待

设置时间太短，元素没有加载出来。设置时间太长，会浪费时间

time.sleep(秒数)

2.隐性等待

隐式等待针对的是元素定位，隐式等待设置了一个时间，在一段时间内判断元素是否定位成功，如果完成了，就进行下一步。在设置的时间内没有定位成功，则会报超时加载

browser.implicitly_wait(等待时间)

3.显性等待，每个元素都可以自己定义检查条件

每经过多少秒就查看一次等待条件是否达成，如果达成就停止等待，继续执行后续代码。如果没有达成就继续等待直到超过规定的时间后，报超时异常

1.手动实现页面等待

t = time.time()
# 定义超时时间
timeout = 60

while True:
    try:
        # 超时时间间隔
        time.sleep(1)
        url_element = browser.find_element(BY.ID, "OK")
        break
    except:
        # 超时处理
        if time.time() - t > timeout:
            break
        pass

2.提供显性等待API

# 等待对象模块
from selenium.webdriver.support.wait import WebDriverWait
# 导入等待条件模块
from selenium.webdriver.support import expected_conditions as EC
# 导入查询元素模块
from selenium.webdriver.common.by import By

# 使用selenium api 实现显性等待
# 创建等待对象,传入：浏览器对象、超时时间、检查元素时间间隔
wait = WebDriverWait(browser, 60, 0.1)
# 检查元素是否存在，参数是一个元祖，元祖内部描述等待元素查询方案
# EC.presence_of_element_located()
# 检查元素是否可见
# EC.visibility_of_element_located()
url_element = wait.until(EC.presence_of_element_located((By.CLASS_NAME, "OK")))
文章标签：
测试技术
Web App开发
API
JavaScript
前端开发
关键词：
Selenium自动化
自动化测试selenium
测试工具
web工具
自动化工具
CodeDevMaster
目录
相关文章
奔跑的数据
|
8天前
|
数据采集 数据可视化 测试技术
C#生成Selenium测试报告：实用方法与技巧
在C#中使用Selenium进行自动化测试时，结合代理IP和ExtentReports能增强测试安全性和报告质量。安装必备工具如Selenium WebDriver、NUnit和ExtentReports。在测试设置中，配置代理（如亿牛云爬虫代理）以隐藏IP，通过ChromeOptions定制UserAgent，并添加Cookie。测试代码示例展示了如何打开网页、执行搜索并生成详细的测试报告。使用ExtentReports可创建可视化测试结果，便于团队分析。
奔跑的数据
27 5
C#生成Selenium测试报告：实用方法与技巧
北京-宏哥
|
14天前
|
Java 测试技术 Python
《手把手教你》系列基础篇（八十）-java+ selenium自动化测试-框架设计基础-TestNG依赖测试-番外篇（详解教程）
【6月更文挑战第21天】本文介绍了TestNG中测试方法的依赖执行顺序。作者通过一个实际的自动化测试场景展示了如何设计测试用例：依次打开百度、搜索“selenium”、再搜索“selenium+java”。代码示例中，`@Test`注解的`dependsOnMethods`属性用于指定方法间的依赖，确保执行顺序。如果不设置依赖，TestNG会按方法名首字母排序执行。通过运行代码，验证了依赖关系的正确性。
北京-宏哥
36 4
北京-宏哥
|
2天前
|
XML 测试技术 数据格式
《手把手教你》系列基础篇（八十五）-java+ selenium自动化测试-框架设计基础-TestNG自定义日志-下篇（详解教程）
【7月更文挑战第3天】TestNG教程展示了如何自定义日志记录。首先创建一个名为`TestLog`的测试类，包含3个测试方法，其中一个故意失败以展示日志。使用`Assert.assertTrue`和`Reporter.log`来记录信息。接着创建`CustomReporter`类，继承`TestListenerAdapter`，覆盖`onTestFailure`, `onTestSkipped`, 和 `onTestSuccess`，在这些方法中自定义日志输出。
北京-宏哥
20 6
北京-宏哥
|
1天前
|
Java 测试技术 Apache
《手把手教你》系列基础篇（八十六）-java+ selenium自动化测试-框架设计基础-Log4j实现日志输出（详解教程）
【7月更文挑战第4天】Apache Log4j 是一个广泛使用的 Java 日志框架，它允许开发者控制日志信息的输出目的地、格式和级别。Log4j 包含三个主要组件：Loggers（记录器）负责生成日志信息，Appenders（输出源）确定日志输出的位置（如控制台、文件、数据库等），而 Layouts（布局）则控制日志信息的格式。通过配置 Log4j，可以灵活地定制日志记录行为。
北京-宏哥
15 4
愿天堂没有BUG（公众号同名）
|
2天前
|
异构计算 Python
30行代码实现一个带UI界面的图片背景移除工具：并附带web网页
人工智能技术正处于蓬勃发展中，移除图片背景的方法众多，涵盖了各式各样的实现途径和模型。然而，这些方法往往在安装和配置环境方面稍显复杂。今天，介绍一种极其简便的方法——大约30行代码，就能实现这一功能。虽然相比之下可能稍显简单，但对于不太苛刻的需求来说，这种方法颇为方便实用。
愿天堂没有BUG（公众号同名）
7 2
北京-宏哥
|
12天前
|
Java 测试技术 Python
《手把手教你》系列基础篇（八十一）-java+ selenium自动化测试-框架设计基础-TestNG如何暂停执行一些case（详解教程）
【6月更文挑战第22天】本文介绍了如何在TestNG中不执行特定测试用例。当部分模块未准备好时，可以通过以下方式暂停测试：③使用`@Test(enabled=false)`注解来禁用测试用例。作者提供了一个Java Selenium自动化测试的示例，展示如何通过修改`enabled`参数控制测试方法的执行。代码中，`testSearch2()`方法被禁用，因此在测试运行时不执行。文章还包含了测试报告和执行过程的截图。
北京-宏哥
38 7
Qiuner
|
9天前
|
XML 测试技术 数据格式
软件测试之 自动化测试 基于Python语言使用Selenium、ddt、unitTest 实现自动化测试（下）
软件测试之 自动化测试 基于Python语言使用Selenium、ddt、unitTest 实现自动化测试（下）
Qiuner
21 3
Qiuner
|
9天前
|
Java 测试技术 程序员
软件测试之 自动化测试 基于Python语言使用Selenium、ddt、unitTest 实现自动化测试（上）
软件测试之 自动化测试 基于Python语言使用Selenium、ddt、unitTest 实现自动化测试（上）
Qiuner
27 1
米诺斯
|
10天前
|
缓存 前端开发 JavaScript
Parcel-极速零配置Web应用打包工具
Parcel-极速零配置Web应用打包工具
米诺斯
12 1
北京-宏哥
|
11天前
|
XML Java 测试技术
《手把手教你》系列基础篇（八十二）-java+ selenium自动化测试-框架设计基础-TestNG测试报告-上篇（详解教程）
【6月更文挑战第23天】TestNG 是一个用于自动化测试的 Java 框架，它自动生成测试报告，包括 HTML 和 XML 格式。报告可在 `test-output` 文件夹中找到。要创建测试用例，可创建一个实现了 `@Test` 注解的方法。通过 `testng.xml` 配置文件来组织和执行测试。默认报告包括测试结果、失败点和原因。用户还能实现 `ITestListener` 和 `IReporter` 接口来自定义报告和记录器。
北京-宏哥
28 2

热门文章

最新文章

  • 1
    linux实时操作系统xenomai x86平台基准测试(benchmark）
  • 2
    测试驱动开发（TDD）实战：从理论到实践
  • 3
    oracle11g SAP测试机归档日志暴增排查（二）
  • 4
    我理解的测试开发与实践总结——新人篇
  • 5
    5个编写技巧，有效提高单元测试实践
  • 6
    如何测试服务器性能?
  • 7
    Appium Inspector与Weditor：移动端测试的利器
  • 8
    前端后端测试接口mork神器，Apifox使用一分钟入门
  • 9
    卓越工程之单元测试在行权鉴权中的实践
  • 10
    【JAVA基础篇教学】第十七篇：Java单元测试
  • 1
    LabVIEW开发实时自动化多物镜云计算全玻片成像装置
    24
  • 2
    局域网管理软件的自动化任务调度：Python 中的 APScheduler 库的应用
    103
  • 3
    深入理解自动化测试框架Selenium的设计与实现
    33
  • 4
    一键自动化博客发布工具,用过的人都说好(infoq篇)
    20
  • 5
    电商数据集成：利用API接口实现商品详情自动化获取
    45
  • 6
    《手把手教你》系列技巧篇（四十一）-java+ selenium自动化测试 - 处理iframe -上篇（详解教程）
    28
  • 7
    Linux：自动化构建 - make
    28
  • 8
    深入分析自动化测试中的挑战与机遇
    31
  • 9
    深入理解自动化测试中的数据驱动策略
    19
  • 10
    构建高效自动化运维体系：Ansible与Kubernetes的融合实践
    50

    • 相关课程

    更多
  • Python Web开发基础
  • Java Web开发系列课程 - Spring框架入门
  • 企业Web常用架构LAMP-LNMP实战
  • 高校精品课-西安交通大学-Web 编程技术
  • Java Web项目实战 - 图书商城
  • Java面试疑难点解析 - Java Web开发

    • 相关电子书

    更多
  • Web应用系统性能优化
  • 高性能Web架构之缓存体系
  • PWA:移动Web的现在与未来

    • 相关实验场景

    更多
  • 每个IT人都想学的“Web应用上云经典架构”实战
  • 使用SLB+2ECS+NAS，部署电商web网站的高可用架构
  • 1分钟SAE部署Web在线游戏
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）