【总结】ui自动化selenium知识点总结

于 2024-06-20 14:21:54 发布
阅读量1k 收藏 20
点赞数 10
分类专栏： 自动化测试 文章标签： 自动化 selenium 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ataoker/article/details/139830522
版权

1. 大致原理

首页安装第三方库selenium库，

其次要下载好浏览器驱动文件，比如谷歌的 chromedriver.exe，配置上环境变量。

使用selenium的webdriver类去创建一个浏览器驱动对象赋值叫driver，一个浏览器驱动对象就可以

  • 实现 对浏览器得操作
  • 页面 元素的定位
  • 和 元素的操作

（原理：代码--->发送http请求-----> 到了真正的浏览器驱动中的http server----->浏览器才执行步骤）

from selenium import webdriver
driver = webdriver.Chrome()

2. 浏览器

浏览器的操作

  • 比如 get 访问网页、close关闭当前页、quit离开整个浏览器
  • set_window_size设置窗口大小(最大化maximize_window()，最小化minimize_window)、
  • 页面前进后退刷新等，# .forward() .back() .refresh()
  • 浏览器标签页（窗口）的切换用到  swith_to.window(handle)
    • 再结合.window_handles获取 句柄列表 [ ]
    • 常见用法 1， 使用索引-1， 打开最新的标签页。 handles_list = driver.window_handles driver.switch_to.window(handles_list[-1]) # 切换到最后一个 handles
    • 常见用法 2， 遍历switch_to 到每个一个handle上， 使用title来判断是否break， 这样就到了想去的页面 代码用法
  • 浏览器的滚动条也是能控制上下滚动： driver.excute_script() 可以用户js语句实现任意页面上的操作，
    • 滚动条--"window.scrollTo(0,10000)" # 0表示向右移动 0
    • 比如一个日期控件的元素是有readonly属性，不能输入值，就可以写个js语句把它去掉。js="document.getElementById(id值').removeAttribute('readonly')"
      • 滚动到指定元素可见(方式2)
      • document.getElementById('password').type="text" # 修改元素属性
  • save_screenshot('./window.png') 保存【整屏截图】 （尺寸打开是多大就截多大） element.screenshot('./ele.png')   元素截图
    • 或 保存【整屏截图】 .get_screenshot_as_file("./all.png") (源码中，save_screentshot 就用的它)

（截全屏，和元素截图的另一种方式）

# 屏幕截图另一个格式
get_screenshot_as_png 这个是不带文件参数的，就需要用with open 来创建
with open('window1.png','wb') as f:
    f.write(driver.get_screenshot_as_png())

# 元素截图另一种格式
另外元素截图还可以用这种，也是也是需要用with open打开
with open('code.png','wb') as f:
    f.write(ele_code.screenshot_as_png)			# 把图片变成字节流的数据


# 补充知识（OCR识别）：
ele_bytes = ele_code.screenshot_as_png
import ddddocr					# pip install ddddocr -i https://pypi.tuna.tsinghua.edu.cn/simple/
ocr=ddddocr.DdddOcr(show_ad=False)			# 参数表示去掉广告
text = ocr.classification(ele_bytes)		# 提取文本信息

或者 
with open('xxx.png' ,'rb') as f:			# r表示读，  b表示二进制  也是字节流的数据
    data = f.read()

截图可以使用的地方：可以用来截取验证码，然后ocr识别图片上的文本

浏览器的获取

  • driver.get_cookies() (需要手动登录一次),遍历得到的cookie列表，然后dirver.add_cookie（i）, 就可以实现绕过登录
  • driver.current_url 获取当前url
  • driver.title 获取标题
  • driver.get_window_size() 获取浏览器尺寸 --得到的是字典格式{'width': 945, 'height': 1020}
  • driver.current_window_handle driver.window_handles 结合swith_to_window 来使用

3. 元素定位与操作

元素定位

  • 我一般选择使用css定位，像 id，name，classname，tag_name这些底层都是通过css来定位的
  • 而且css定位比较方便，可以用
    • 标签选择器，和 #id值 .class值
    • 属性选择器，（可以属性等于某个值，属性以某个值开头，或包含某个值）
    • 路径选择器，(比如空格表示，后代， > 表示找儿子)
    • 伪类选择器 （比如:ntrh-child(n)）
  • 如果要根据某个元素的文本值来定位，或者要根据一个标签多个属性值组合判断，我就会用到xpath定位，
    • //*[text(),"文本"] //*[contains(text(),"文本")] （这种方式也能代替link_text）
    • //*[@id="id1",@class="class1"]
  • 其他： find_element 是找一个元素， find_elements, 是把能找到的装到列表里面，找不到也不会报错，是返回空列表
driver.find_element(By.CSS_SELECTOR,'#multiSelect')

8种定位方式，面试前背背就行。。

页面F12， 可以ctrl F进行搜索

下图也是不用专门背

Xpath定位（这两种要用的）：

        //*[text(),"文本"] //*[contains(text(),"文本")]

        //input[@id='kw' and @class]

元素操作 

按钮、输入框 （单选框） 代码举例

  • 常用的点击click、输入文字send_keys（补充：追加写入）、清空文字clear、submit，get_attribute() 获取属性，.tag_name .text 坐标尺寸 .location .size， .rect更准的坐标尺寸 等

多选框 代码举例

  • 需要用 is_selected() 是否选中 判断多选框是否选中（bool），然后click （is_displayed() 是否可见 有hidden属性的 is_enabled() 是否可用 有disabled属性的）

        例： se = ele.is_selected() if se: print("已经被选中")

特殊一点的1： select元素 下拉框的选择 代码举例

方式1（只适用于select标签）：

 

  • 先实例化一个选择对象， select = Select （ele） # 参数为元素对象
    • select_by_index
    • select_by_value
    • select_by_visible_text
    • deselect_all() 反选
  • 方式2(div的下拉选择，或者select都行)
    • 直接用send_keys("某个值") --- 定位到選項标签
    • 或者直接click --- 定位到其中的一项

特殊一点的2： alert警告框的处理

警告框出来后，首先要driver.switch_to点alert

  • 点accept() , 确认
  • 点dismiss(), 取消
  • 点send_keys(), 输入
  • 或者 点text 不要（）

键盘操作元素

记住是通过send_keys，完成的就行了，然后传入键盘的值， 用的少，也没难度，用时查

如：对【提交按钮】元素进行，回车键

对【输入框】元素进行，ctrl A, ctrl C V 等, (Keys.键*数字) 表示多次操作 如回退 Keys.BACKSPACE*2 等

如下图，是百度提交

鼠标操作 代码笔记

从selenium引入ActionChains类，然后action = ActionChains（driver）实例化一个action对象

from selenium.webdriver import ActionChains

练习地址：https://sahitest.com/demo/

ActionChains(driver).动作1.动作2.perform() 它是一个链式调用

拖动滑块也能实现   drag_and_drop_by_offset（ele，向右的x，向下的y））

ui自动化需掌握的知识点还有：

嵌套网页

遇到有 iframe的元素嵌套网页，需要先先使用到 switch_to点frame（iframe元素de定位） ，切换到对应frame，才能进行元素操作，

另外它还有返回上层页面，和默认地方的操作（百度下）

  • driver.switch_to.frame(ele), # 参数除了是元素定位ele，还可以是 id name， 或者通过索引号
  • driver.switch_to.parent_frame()      返回上一层
  • driver.switch_to.default_content()   调回最外层

文件上传 代码演示

http://42.192.62.186:8088/index.html#/home 账号密码： sq3 123 万能验证码：999999

普通的input框，直接用send_keys，传图片路径

非input框，用python第三方库，pypiwin32 或者 pyautogui 结合pyperclip

 ui自动化其他必备知识点

隐式等待 和显示等待 代码演示

隐式等待

driver.implicitly_wait(30) 可以设置一个最大等待时间，等页面加载完，才会去执行后面的找元素。 不然加载没出来，就找元素，会报错。

比如在渲染页面时，如果不等待直接去找，会找不到。

显示等待

找一种元素时，可以不停的找，直到它可见，就找到。

它的逻辑有点像下面这种（轮询去找，最后超过时间就不等了）

导入一个等待条件 （直接出现，或者直接可见），和一个webDriverWait类。

 

小补充：

  1. 元素ele点location_once_scrolled_into_view等 滚动到可见----
    1. 如例子：https://www.runoob.com/ 页面下放的元素
  2. ele.value_of_css_property('color') 获取CSS属性值
  3. 元素上找元素 （第4课，2节）
  4. 冻屏操作（针对那种不好定位元素）---自己百度， 如：百度输入框，输入了 学习两个字，弹窗上面的元素不好捕获
  5. setTimeout(()=>{debugger;},5000) 表示5秒后debugger. 就可以先在consloe里输入，回车，然后去页面上操作，让页面挺住就可以操作

滚动到可见代码 和 获取css属性值的例子

from selenium import webdriver
from time import sleep
from selenium.webdriver.common.by import By
driver = webdriver.Chrome()
driver.get('https://www.runoob.com/')
sleep(2)
#打开了人看不到，但是网页这个树加载好了，这个元素可能就可以操作
# driver.find_element_by_xpath("//h4[contains(text(),'【网站主机教程】')]").click()

ele_host = driver.find_element(By.XPATH,"//h4[contains(text(),'【网站主机教程】')]")
ele_host.location_once_scrolled_into_view       # 报黄，但是不影响，  滚动条会自动下去
print(ele_host.value_of_css_property('color'))  #rgba(100, 133, 76, 1)

元素上找元素

http://42.192.62.186:8088/index.html#/demo/13

'''
知识点:webelement的find_element_xxxx方法
'''
from selenium import webdriver
import time
driver = webdriver.Chrome()
from selenium.webdriver.common.by import By
driver.implicitly_wait(5)
driver.get("http://42.192.62.186:8088/index.html#/")
driver.maximize_window()
# 账号密码
driver.find_element(By.CSS_SELECTOR, '#username').send_keys('sq3')
driver.find_element(By.CSS_SELECTOR, '#password').send_keys('123')
driver.find_element(By.CSS_SELECTOR, '#code').send_keys('999999')

driver.find_element(By.CSS_SELECTOR, "#submitButton").click()
time.sleep(1)
driver.refresh()
time.sleep(1)
driver.find_element(By.XPATH, "//span[contains(text(),'按钮')]").click()
driver.find_element(By.XPATH, "//li[contains(text(),'下拉框')]").click()


# 方式1 ，点击选项
driver.find_element(By.XPATH, "//*[contains(text(),'3C数码')]").click()
time.sleep(3)
# 方式1 ，CSS定位
driver.find_element(By.CSS_SELECTOR, "#categoryId > option:nth-child(3)").click()

time.sleep(3)
# 方式2，在下拉框上， 再找
"""元素上找元素  （分布找--------代码封装时有用）,  缩小范围找"""
driver.find_element(By.ID, 'categoryId').find_elements(By.TAG_NAME, 'option')[5].click()
#找到id=categoryId的元素，在它下面找标签为option的元素

A~taoker
关注
  • 10
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
UI 自动化测试 —— selenium的简单介绍和使用
AlinaQ05的博客
10-01 7590
selenium 是 web 应用中基于 UI 的自动化测试框架，支持多平台、多浏览器、多语言。提到 UI 自动化就先了解什么是自动化测试？
Web UI自动化测试之Selenium工具篇
ANTeam的博客
03-07 1742
本文介绍了从自动化测试简介到Web应用自动化测试工具Selenium的使用，主要涉及内容有元素定位、元素操作、特殊元素操作、元素等待、鼠标&键盘操作、浏览器操作等。
Python Selenium UI自动化测试_python 自动化ui测试
最新发布
2401_84139924的博客
05-16 753
🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取。
基于selenium实现UI自动化
weixin_60448629的博客
02-18 3656
一、Selenium简介 Selenium 是一款基于Web应用程序自动化测试的工具集合，Selenium 测试直接运行在浏览器中，本质是通过驱动浏览器，模拟用户的操作。工具的主要功能包括：测试与浏览器的兼容性，进行系统功能测试。 1、Selenium工具组件介绍 Selenium IDE：是嵌入到FireFox浏览器的插件，用于在Firefox上录制和回放Selenium脚本，虽然只能在Firefox下使用，但它能将录制好的脚本转换成各种Selenium WebDriver支持的......
selenium-基于UI的自动化测试框架
fear_wolf的博客
04-06 1588
自动化测试是指软件测试的自动化，在预设状态下运行应用程序或者系统，预设条件包括正常和异常，最后评估运行结果，将人为驱动的测试行为转化为机器执行的过程自动化测试包括UI自动化、接口自动化、单元测试自动化。按照这个金字塔模型来进行自动化测试规划，可以产生最佳的自动化测试产出投入比，可以用较少的投入获得很好的收益。
UI自动化-Selenium框架
sinian_sinian的博客
12-04 684
一、大纲 1. 核心重点(第二章) 2. 提高代码质量，自动化水平(第三、四、五、六章) 3. 项目实战(第七章) 4. 理论及环境与定位(第一章)二、自动化相关理论知识 2.1 自动化 说明：让机器设备代替人为完成指定目标的而过程 优点： 1. 减少劳动力 2. 提高效率(批量生产) 3. 提高产品质量 4. 规格统一标准 二、自动化工具 2.1 主流自动化工具 1. QTP: 收费 支持(支持web、桌面软件自动化) 2. selenium: 免费 开源 只支持web项目 【本阶段学习】 3. Robo
Selenium之路: UI自动化测试的必备指南
trong_ 的烂笔头
11-09 1108
使用Selenium进行UI自动化测试，介绍Selenium的工作原理，环境搭建（Java版本），介绍webdriver API的使用。
selenium自动化测试面试总结.docx
10-16
本文总结了自动化测试面试的相关知识点，涵盖了 UI 自动化的框架、元素定位、等待等内容，并提供了实用的面试题和答案。 一、编程基础 1. 单引号、双引号、三引号的区别：单引号和双引号都可以定义字符串，但单...
python+pyqt5+selenium的web自动化小工具，还在逐步完善：（一）UI界面的完善
12-22
本文主要介绍了一个基于Python、PyQt5和Selenium的Web自动化测试小工具的初步实现，目的是为了在学习Selenium和Python过程中进行知识总结。以下将详细阐述涉及的技术点： 1. **PyQt5**: PyQt5是Python的一个模块，...
实用测试文档知识点总结
07-26
本篇文章将基于《软件测试实用技术与常用模板》中的精华，深入探讨测试文档的知识点，包括测试用例设计、单元测试、界面测试、功能测试、性能测试以及自动化测试等方面。 1. 测试用例编写：测试用例是指导测试执行...
H5自动化测试环境搭建的坑1
08-08
在进行H5自动化测试环境搭建时，我们经常会遇到一些坑，特别是涉及到WebView和Chrome Driver的兼容性问题。...通过深入了解这些知识点，我们可以更有效地搭建和维护H5自动化测试环境，避免不必要的坑。
这是一个关于python的WebUI自动化测试的项目
01-17
总结来说，这个Python项目专注于利用Selenium进行WebUI自动化测试，涉及的知识点包括Python编程基础、Selenium库的使用、WebDriver的配置、Page Object模式、测试框架的运用以及测试用例的设计和执行。通过学习和...
简单入门seleniumUI自动化测试
人生不怕起点低，就怕没追求
08-01 526
Selenium是一个流行的自动化测试工具，用于测试Web应用程序的功能和用户界面。它可以模拟用户在浏览器中的操作，如点击、输入文本、选择下拉框等，以及验证页面元素的状态和属性。Selenium可以帮助测试人员自动执行重复的测试任务，提高测试效率并减少人工错误。
UI自动化基础 - selenium快速入门教学
a732072213的博客
08-27 2510
带你了解什么是ui自动化，三步搭建ui自动化环境，几行脚本上手元素操作
Selenium UI 自动化
LEE180501的博客
11-19 703
Selenium是web应用中基于UI的自动化测试框架。
UI自动化测试之selenium工具（浏览器窗口的切换）
weixin_67553250的博客
11-13 3968
1、在浏览网页的时候，有时点击一个链接或者按钮，会弹出一个新的窗口。这类窗口也被称之为句柄（一个浏览器窗口的唯一标识符，通过句柄实现不同浏览器窗口之间的切换），在我们手动控制浏览器的时候，产生新的句柄时浏览器会自动的帮我们跳转到最新的句柄处（鼠标聚焦于最新打开的浏览器窗口）。2、在UI自动化的过程中，代码并不会默认自动的跳转到最新的句柄处，需要代码去切换句柄也就是切换浏览器窗口。
python+selenium实现UI自动化（一）
m0_52310579的博客
02-27 4284
如果超过等待上限，元素还不存在，则报超时错误。图文中，想定位那个110文本的元素，根本定位不到，因为110是可变的，所以定位它的父节点 ，再通过//定位父节点下的子节点。===================以上4种只利用了元素本身的特征来定位=====================find_elements(定位策略, 定位表达式) # 查找匹配表达式的所有元素，返回列表，列表的成员是元素对象。============以下2种利用元素之间的层级关系+元素本身的特征共同来定位============
pythonui自动化selenium
08-25
您好！对于Python UI自动化，Selenium是一个非常常用的工具。Selenium可以用来模拟用户在Web应用程序上的操作，例如点击按钮、输入文本等。下面是一个简单的示例代码，演示了如何使用Selenium进行UI自动化： ```python from selenium import webdriver # 创建一个浏览器实例 driver = webdriver.Chrome() # 打开一个网页 driver.get("https://www.example.com") # 找到一个输入框并输入文本 input_box = driver.find_element_by_id("input-box") input_box.send_keys("Hello, World!") # 找到一个按钮并点击它 button = driver.find_element_by_id("submit-button") button.click() # 关闭浏览器 driver.quit() ``` 在上面的示例中，我们使用了Chrome浏览器驱动（需要先安装Chrome浏览器和对应版本的驱动）。首先创建了一个浏览器实例，然后打开了一个网页。接着，我们找到了一个输入框元素，并向其发送了一段文本。最后，找到一个按钮元素并模拟点击。 当然，Selenium还有很多其他强大的功能，可以用来处理页面元素、执行JavaScript代码等。您可以根据具体的需求进一步学习和使用Selenium。希望这个简单示例能对您有所帮助！如果您有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值