Selenium简介及Webdriver对浏览器的操作（元素的定位方式，web控件的交互，PO模式的基本原则）

已于 2022-03-06 21:15:02 修改
阅读量8.2k 收藏 6
点赞数 3
文章标签： python selenium 集成测试 测试工具 交互
于 2022-03-06 20:10:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45868731/article/details/123172727
版权

文章目录

前言

Selenium简介及Webdriver对浏览器的操作

一、selenium简介

1.Selenium是一个浏览器自动化操作框架。Selenium主要由三种工具组成:

  • SeleniumIDE：支持用户录制和回访测试。录制/回访模式存在局限性，对许多用户来说并不适合。

  • Selenium WebDriver：提供了各种语言环境的API来支持更多控制权和编写符合标准软件开发实践的应用程序。

  • SeleniumGrid：使用Selenium API控制分布在一系列机器上的浏览器实例，支持并发运行更多测试。

2.webdriver工作原理：

编写的代码（客户端），webdriver启动的浏览器绑定在特定的端口（服务端），客户端通过ComandExector发送http请求给服务端，服务端通过WebService将其翻译称浏览器能读懂的脚本传递给浏览器执行，执行完成后，浏览器将结果返回给WebService，WebService再把返回的结果处理后，返回给客户端。

二、常用的元素相对定位方式（绝对定位直接通过浏览器F12copy即可）

1.xpath

符号说明：

'/'：从根节点选取
'//'：从匹配的选择的当前节点选择文档中的节点，不考虑位置
'.'：选取当前节点
'..'：选取当前节点的父节点
'@'：选取元素属性

  1. 通过id，name,class,title,tag等类型定位：
    //*[@id="su"] ,//*[@name="wd"],//*[@class="wrapper_new"],...

  2. 通过子元素定位置父元素,在定位父元素的其他子元素（定位元素无过多属性）：
    //*[@class="wrapper_new"]/../a

  3. 通过父元素定位具体的子元素（存在多个相同的子元素）：
    //*[@id="lg"]/img[2]
    在这里插入图片描述

  4. 通过text关键字定位：
    //span[text()="按图片搜索"]

  5. 通过contains关键字，以包含的内容模糊匹配定位：
    //i[contains(@title,'清')]， //span[contains(text(),'片搜')], //i[contains(@class,'_new')]

  6. 通过starts-with关键字，以开始的内容模糊匹配定位：
    //span[starts-with(text(),'按图')],//*[starts-with(@class,'wrapper_')]

  7. 通过ends-with关键字，以结束的内容模糊匹配（此关键字浏览器可能不适用）：
    //span[ends-with(text(),'图搜索')]

  8. 以上定位只是展示定位方法，并非最佳定位，可在百度首页练习

2.css selector（定位速度优于xpath）

符号说明：

'.'：表示类的属性
'#'：表示id属性
'[属性=属性值]'：[name="username"]
'span:nth-child(2)'：父元素的第二个span元素
'>'：儿子元素
'+':相邻的弟弟元素
  1. 通过id，name,title等类型定位：
    #su, [name="wd"], [title="清空"]
  2. 通过class定位(可使用父亲类属性值+空格+儿子类的属性值)：
    .s_btn_wr .s_btn
  3. 父亲多个相同的子元素的定位方式：
    span i:nth-child(3)（父亲的第三个儿子=父亲的第一个i标签元素）
    在这里插入图片描述
    span span:nth-child(1) (父亲的第一个儿子=父亲的第一个span标签)
    在这里插入图片描述
    span span:first-child (父亲的第一个span标签元素)
    在这里插入图片描述
    span span:last-child (父亲的最后一个span标签元素)
    在这里插入图片描述
  4. 相邻元素定位方式（+）：
    #s_is_result_css +textarea //此种方式用的少
    在这里插入图片描述
  5. 子元素定位方式（>）：
    .quickdelete-wrap>input //此种方式用的少
    在这里插入图片描述
  6. 以上定位只是展示定位方法，并非最佳定位，可在百度首页练习

3.其他定位方式（前面两种定位方式可解决大部分定位）：

在这里插入图片描述

三、web控件的交互

1.基本交互

  • 点击元素：click()
    self.driver.find_element(By.CSS_SELECTOR, '#su').click()
  • 输入文本：send_keys(text)
    self.driver.find_element(By.CSS_SELECTOR,'#kw').send_keys('selenium')
  • 上传文件：send_keys(path)
    self.find(By.CSS_SELECTOR, '.upload-pic').send_keys( r'F:\python_programe\facetest\02_控件交互_selenium\微信图片_20220227233805.png')
  • 选择下拉框：select_by_value(select_by_value(value));select_by_index(index)
from selenium.webdriver.support.select import Select
result = 'Select(self.driver.find_element(By.XPATH,'/html/body/div/select'))'
# 用value选择下拉框
result.select_by_value('css')
# 用index选择下拉框
result.select_by_index(2)
# 所选内容打印
content = result.all_selected_options
for i in content:
   print(i.text)
  • 清除文本：clear()
    self.driver.find_element(By.CSS_SELECTOR, '#su').clear()
  • 获取网址：get(url)
    self.driver.get('http://www.baidu.com')
  • 获取浏览器名称：name
    self.driver.name
  • 获取当前页面的title: title
    self.driver.title
  • 获取当前页面的url：current_url
    self.driver.current_url
  • 浏览器窗口最大化：maximize_window()
    self.driver.maximize_window()
  • 浏览器窗口最小化（selenium4支持）：minimize_window()
    self.driver.minimize_window()
  • 浏览器前进：forward()
    selfl.driver.forward()
  • 浏览器后退：back()
    self.driver.back()
  • 浏览器刷新：refresh()
    self.driver.refresh()
  • 浏览器截图：save_screenshot(path)
    self.save_screenshot('test.png')
  • 关闭当前页面：close()
    self.driver.close()
  • 关闭浏览器：quit()
    self.driver.quit()
  • 获取元素属性：get_attribute(‘value’)
    self.driver.find_element(By.CSS_SELECTOR, '#kw').get_attribute('value')
  • 获取元素位置：location
    self.driver.find_element(By.CSS_SELECTOR, '#kw').location
  • 获取元素大小：size
    self.driver.find_element(By.CSS_SELECTOR, '#kw').size
  • 获取当前网页源代码：page_source
    self.driver.page_source
  • 获取标签中的文本：get_attribute(‘innerHTML’)
    self.driver.find_element(By.CSS_SELECTOR, '.soutu-hover-tip').get_attribute('innerHTML')

2.等待方式(页面的渲染跟不上代码执行的速度)

  • 隐式等待：mplicitly_wait(time)
    设置一个等待时间，轮询查找（默认0.5秒）元素是否出现，超出等待时间抛出异常
    self.driver.implicitly_wait(5)
  • 显示等待：WebDriverWait().until(expected_conditions.expected_conditions.element_to_be_clickable())
    定义是否满足一定的条件（轮询查找-默认0.5秒），满足则执行后续的操作，不满足则继续等待直至超过设置的最长等待时间
    WebDriverWait(self.driver, 5).until(expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, "#kw")))
  • 强制等待: sleep(time)
    线性休眠一段时间（一般隐式等待与显示等待不起作用，才会用到）
    sleep(5)

3.模拟键盘

  • 模拟键盘全选
from selenium.webdriver.common.keys import Keys
element_1 = self.driver.find_element(By.CSS_SELECTOR, '#kw')
element_1.send_keys("selenium4.0")
# 通过控制鼠标输入control+a,进行全选
element_1.send_keys(Keys.CONTROL, 'a')
  • 模拟键盘复制
    element_1.send_keys(Keys.CONTROL, 'c')
  • 模拟键盘粘贴
    element_1.send_keys(Keys.CONTROL, 'v')
  • 模拟键盘回车
    element_1.send_keys(Keys.ENTER)

4.模拟鼠标

from selenium.webdriver import ActionChains
element_1 = self.driver.find_element(By.XPATH, '//*[@value="dbl click me"]')
element_2 = self.driver.find_element(By.XPATH, '//*[@value="click me"]')
element_3 = self.driver.find_element(By.XPATH, '//*[@value="right click me"]')
action = ActionChains(self.driver)
  • 鼠标单击
    action.click(element_2).perform()
  • 鼠标双击
    action.double_click(element_1).perform()
  • 鼠标右击
    action.context_click(element_3).perform()
  • 滚动窗口
action = TouchActions(self.driver)
action.scroll_from_element(element_1, x, y).perform()

5.窗口处理

  • 查看当前窗口句柄
    self.driver.current_window_handle
  • 查看所有窗口列表
    self.driver.window_handles
  • 切换窗口
    self.driver.switch_to_window(self.driver.window_handles[index])

6.网页frame处理

  • 切换frame
    self.driver.switch_to.frame(name)
    self.driver.switch_to.frame(id)
    self.driver.switch_to.frame(WebElement)
    self.driver.switch_to.frame(index)
  • 返回父级frame
    self.driver.switch_to.parent_frame()
  • 从frame中切回主文档
    self.driver.switch_to.default_content()

7.弹窗处理

  • alert弹框、prompt弹框
# 切换至alert_iframe
alert = self.driver.switch_to.alert
# 查看弹窗内容
alert.text
# 确认alert
alert.accept()
# 取消alert
alert.dismiss()
  • confirm弹框
# 切换至alert_iframe
alert = self.driver.switch_to.alert
# 查看弹窗内容
alert.text
# 弹框中输入内容
alert.send_keys(text)
# 确认alert
alert.accept()
# 取消alert
alert.dismiss()

8.js脚本执行

  • 执行js脚本,获取元素定位，并改变内容
    self.driver.execute_script("c=document.getElementById('train_date'),c.value='2022-02-28'")

四、浏览器参数设置

  • 设置复用浏览器模式（调试模式）
    cmd: chrome --remote-debugging-port=9222
    opt.debugger_address = "127.0.0.1:9222
  • 设置隐藏浏览器运行
    opt.add_argument("--headless")
  • 给予root执行权限
    # opt.add_argument("--no-sandbox")
  • 隐藏自动化测试软件的控制提示
    opt.add_experimental_option('excludeSwitches', ['enable-automation'])
  • 浏览器不加载图片
    opt.add_argument('blink-settings=imagesEnabled=false')

五、PO模式的基本原则（理解）

  • 封装页面的功能
  • 封装细节，只提供接口或者方法名
  • 封装的操作细节不使用断言，断言放在单独的testcase模块
  • 方法return到新打开的页面
  • 只为页面中重要的元素进行PO设计
  • 相同的行为产生不同的结果，可以封装不同的结果
  • 一般设计时分为三层：对象库层+逻辑层+业务数据层
    • 按照页面划分，把每个页面可能涉及到的步骤写下来 pageObject包
    • 把页面的步骤组合在一起形成一个业务 pageAction包
    • 测试用例的书写，case层，跟单元测试框架结合使用，断言，参数化，报告 case包

六、PO模式的优势

  • PO提供了一种业务流程与页面元素操作分离的模式，这使得测试代码变得更加清晰
  • 页面对象与用例分离，使得我们更好的复用对象
  • 可复用的页面方法代码会变得更加优化
  • 更加有效的命名方式使得我们更加清晰的知道方法所操作的UI元素
  • 简而言之：
    通过对界面元素的封装减少冗余代码，同时在后期维护中，若元素定位发生变化， 只需要调整页面元素封装的代码，业务代码和测试代码被分开，降低耦合性,提高测试用例的可维护性、可读性。

总结

selenium的介绍与webdriver的使用，工作中遇到更好的方法，会继续更新，继续学习

T a
关注
selenium的webdriver.Chrome()
blank4569的专栏
11-17 1万+
文章目录selenium.webdriver.Chrome()simple examplesome problems selenium.webdriver.Chrome() Selenium requires a driver to interface with the chosen browser. simple example from selenium import webdriver...
Selenium 柱状图自动化测试
最新发布
C'mon的博客
02-24 1925
柱状图是图表中非常基本的图形之一，可以很直观的对多项数据进行对比展示。那么如何对柱状图进行自动化测试呢？本篇小编将结合实际工作经验来分享一下小编在工作中使用Selenium对柱状图进行自动化测试的经验。本篇还是讲述以echarts为图表库构建的基础柱状图图表的自动化测试,选一个echarts官方示例有交互数据的柱状图：Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
selenium-webdriver-api文档
11-22
selenium-webdriver-api文档，chm格式，使用webdriver必备查询工具
Selenium定位一组元素
qq_39172055的博客
12-06 220
WebDriver还提供了8种用于定位一组元素的方法。 find_elements_by_id() find_elements_by_name() find_elements_by_class_name() find_elements_by_tag_name() find_elements_by_link_text() find_elements_by_partial_link_text() find_elements_by_xpath() find_elements_by_css_selector() 定
selenium-WebDriver的API文档
01-06
selenium官方API文档，有RC的，有WebDriver的，哈哈，都是好东西，适合用来做自动化测试。。
Selenium3.0 文档——selenium.webdriver.common.alert
You77的博客
02-21 1508
class selenium.webdriver.common.alert.Alert(driver)允许操作alert用这个类可以和alert提示框互动。它包括了取消、确定、输入和从alert提示框获取文本的方法。 确认或取消alert提示框：Alert(driver).accept() Alert(driver).dismiss()向alert提示框输入值：name_prompt = Aler
基于Selenium WebDriver的C#/.NET Web测试自动化全功能框架
07-23
【描述】在Web测试自动化领域，Selenium WebDriver是一个广泛使用的开源工具，它允许程序员控制浏览器并执行各种用户交互操作。通过结合C#，一种流行的.NET编程语言，我们可以创建强大的、可扩展的测试脚本，这些...
Selenium+Pytest自动化测试框架实战
HB8888888的博客
03-14 6736
前言# selenium自动化+ pytest测试框架 本章你需要 一定的python基础——至少明白类与对象，封装继承 一定的selenium基础——本篇不讲selenium，不会的可以自己去看selenium中文翻译网 测试框架简介# 测试框架有什么优点呢： 代码复用率高，如果不使用框架的话，代码会很冗余 可以组装日志、报告、邮件等一些高级功能 提高元素等数据的可维护性，元素发生变化时，只需要更新一下配置文件 使用更灵活的PageObject设计模式
Selenium-WEB自动化学习笔记--更新ing
蘇健一挥的博客
08-02 1346
DAY1 01PART什么是 web ui 自动化 自动化测试是指通过自动化测试工具或其他手段，按照测试人员的测试计划进行自动测试，目的是减轻手工测试的工作量。 简单来说就是用代码模仿手工操作 1 集中注意点 测试自动化并不是为了赢得老板的赞赏，或者认为这是一个很潮的技术，不用就会落后，而是为了发现问题，提高产品的质量。 UI自动化测试应该集中在： 1）UI的文本，图片显示正确性 2）UI的交互逻辑正确性测试 3）UI上的用户行为正确性测试 2 难点 对比手工UI测试，UI自动化测试有如下的难点： 　　1）
Selenium+Junit5 WebUI自动化
向小雅的博客
03-10 577
针对界面交互展示等的自动化测试，基于PO模式 设计框架：page+driver+testcase+data+utils page：完成对页面的封装+行为方法设计。查找方法findElement【xss、css、Xpath等，可借助Selenium录制工具查找】、元素操作方法click、Sendkeys、hover等 driver：完成对Web、客户端接口的驱动。常见的findElements(by...
Selenium webDriver（chrome和Firefox）
07-14
Selenium 的chrome和 火狐 webdriver， windows及linux版本，附官方下载链接
selenium3.0WebdriverApi的chm文档(python版)
02-15
python版本的selenium3.0WebdriverApi的chm文档
selenium2 webdriver中文文档完整
05-29
selenium2 webdriver的介绍 selenium2 webdriver的配置安装 selenium2 webdriver的基本操作 selenium2 webdriver使用技巧 ……
Selenium文档-WebDriver
jewellery的专栏
11-27 823
1. WebDriver介绍         Selenium2.0最初的特征是融合进了WebDriber的API. WebDriver被设计用来提供一种更简单，更精确的编程接口，来弥补Selenium-RC API的一些局限。Selenium-WebDriver已经发展成更好的支持动态网页，动态网页即指那些其中的某些元素可能会变化，但是它们自身并不需重新加载的页面。WebDriver的目标是提
Selenium 008 WebDriver 文档
yake1965
03-24 1761
WebDriver 文档 等待 WebDriver通常可以说有一个阻塞API。因为它是一个指示浏览器做什么的进程外库，而且web平台本质上是异步的，所以WebDriver不跟踪DOM的实时活动状态。这伴随着一些我们将在这里讨论的挑战。 根据经验，大多数由于使用Selenium和WebDriver而产生的间歇性问题都与浏览器和用户指令之间的 竞争条件 有关。例如，用户指示浏览器导航到一个页面，然后在试图查找元素时得到一个 no such element 的错误。 考虑下面的文档： <!doctype h
webdriver - 浏览器操作
summeryan2011的博客
11-17 286
from selenium import webdriver driver = webdriver.Chrome() # 跳转到url driver.get("https://www.baidu.com") # 窗口最大化 driver.maximize_window() # 关闭本次打开的所有窗口 driver.quit()
selenium（七）webdriver下拉框、弹出框和滚动条操作
weixin_47130726的博客
07-28 1310
1.下拉框选择 导入Select类 实例化select对象 select = Select(element) element必须为<select>标签对应的元素 代码实现 select_by_index(index)------------根据option索引定位，从0开始 select_by_value(value)------------根据option属性的值来定位 select_by_visible_tex.
python+selenium+webdriver+chromedriver
疯子小鱼
04-03 2482
今天用到selenimu中的webdriver，在安装外selenium后，输入以下程序出现错误："'chromedriver' executable needs to be in PATH"：from selenium import webdriverchromedriver = "C:\Program Files (x86)\Google\Chrome\Application\chromedr...
Python Selenium Webdriver API详解：浏览器操作与元素定位
本章节主要介绍了Selenium Python API在Web自动化测试中的应用，特别是针对浏览器操作的深入细节。Selenium是一个流行的自动化测试工具，通过Python接口提供了对各种浏览器（如Firefox）的控制能力。以下是部分关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值