web自动化测试selenium的基本使用

news2024/11/25 20:46:42

初始化浏览器并打开网页

定位网页元素

定位的方法

模拟键盘操作

模拟鼠标操作

xpath方法

xpath结点

路径表达式

轴

selenium是一个很流行的自动化测试的库，主要用于模拟浏览器的运行，是web应用测试的工具。

在使用selenium时，需要具备以下软件：

python3，pycharm（可有可无），浏览器驱动（取决于你要模拟哪个浏览器），selenium库

具体如何安装及配置，这不是我要写的重点，网上有很多全面且详细的教程，可以参考

具备以上这些条件以后，我们打开pycharm，New一个新项目，在.venu文件夹下创建一个文件test.py

首先导入selenium库

from selenium import  webdriver

注：可能有一部分用户安装好selenium库后，导入后运行时，会出现selenium库无法找到的情况，这个时候，依次点击File->Settings->Project:*->python interpreter,点击右上角的Add interpreter，进去后选择system interpreter，选择New，Location选择你安装的的python.exe的位置，点击OK即可

初始化浏览器并打开网页

此时我们可以创建初始化浏览器了，我这里以Edge浏览器为例

driver = webdriver.Edge();

此时我们运行代码，为了方便，我加了5秒的停留，不然刚运行就结束了

运行后，自动帮我打开了网页，也可以看到提示edge正由自动测试软件控制

我们如果想访问某个网址，此时需要向网址发送请求，请求方法有很多，我们这里使用get进行请求百度官网

driver.get("http://baidu.com")

运行后，它会自动帮我打开百度网页，注意，webdriver会等待页面完全加载，才会把控制权交给测试或脚本

定位网页元素

那我们想在百度搜索框中搜索想要的内容，该如何做呢？

这时候需要进行定位了，我们首先需要定位到搜索框，然后向搜索框中发送消息，输入好后，点击发送。这是流程

既然需要定位，那我们必须要知道，我们目标位置的属性，比如搜索框，我们需要知道它的id，class或name才可以进行定位，而这些需要我们按f12打开开发者工具进行查找

找到以后我们发现，搜索框的id是kw，因此我们可以根据id进行定位，当然也可以根据类或其他的进行定位，这里有一些方法：

定位的方法

既然使用id定位，那我们直接使用第一行的函数：

属性	函数
ID	find_element(By.ID,"")
CLASS	find_element(By.CLASS,"")
CSS	find_element(By.CSS,"")
XPATH	find_element(By.XPATH,"")
LINK_TEXT	find_element(By.LINK_TEXT,"")
PARTIAL_LINK_TEXT	find_element(By.PARTIAL_LINK_TEXT,"")
TAG	find_element(By.TAG,"")

#需要导入
from selenium.webdriver.common.by import By

input = driver.find_element(By.ID,"kw")

或者通过class定位也可以

input = driver.find_element(By.CLASS,"s_ipt")

模拟键盘操作

然后定位好以后，我们需要模拟键盘向搜索框input中写入数据，假设我想搜索“python”

这里我们需要使用send_keys进行发送：

input.send_keys("python")

此时我们只是输入了，但并没有搜索，所以我们可以模拟键盘输入回车键

//需要导入包
from selenium.webdriver.common.keys import Keys

input.send_keys(Keys.RETURN)

同样键盘可以其他快捷键，如下：

这样便成功控制浏览器自动打开百度，并搜索Python了

模拟鼠标操作

同样的，对于搜索这一步，我们也可以使用模拟鼠标的方式来进行。先定位到搜索按钮，然后再使用click 方法进行点击，效果是一样的

driver.find_element(By.ID,"su").click()

对于网页元素的操作，可以有如下几种：

但是selenium为我们提供了一个强大的类ActionChains，它允许用户以编程方式执行复杂的鼠标和键盘操作

from selenium.webdriver.common.keys import Keys

#perform() 方法是必须的。它的作用是执行之前链式操作中定义的所有动作。
#click这些事件只有在执行到perform时才会被执行

search = driver.find_element(By.ID,"su")
ActionChains(driver).click(search).perform()

除了单击操作，还有下面的操作

至此我们已经完成了一个打开百度，并搜索python的自动化代码了

代码如下：

import time
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.common.keys import Keys
from selenium.webdriver import ActionChains


#初始化浏览器
driver = webdriver.Edge()

#get请求访问百度网址
driver.get("http://baidu.com")

#定位搜索框
input = driver.find_element(By.ID,"kw")
#driver.find_element(By.CLASS,"s_ipt")

#向搜索框中输入数据
input.send_keys("python")
#input.send_keys(Keys.ENTER)

#点击搜索按钮
#perform() 方法是必须的。它的作用是执行之前链式操作中定义的所有动作。
#click这些事件只有在执行到perform时才会被执行
search = driver.find_element(By.ID,"su")
ActionChains(driver).click(search).perform()

time.sleep(5)

driver.close();

xpath方法

XPath 是一种 XML 路径，用于浏览页面的 HTML 结构。它是一种语法或者语言用来查找使用 XML 路径表达的网页中的任意元素

而html就是一种特殊的xml，所以可以利用xpath来查找html中元素

XPath 使用路径表达式来选取 XML 文档中的节点或者节点集。如：

/html/body/div[1]/div[2]/div[1]/input

和我们平时看到的文件路径相似

C:/Users/h/AppData

xpath结点

在 XPath 中，有七种类型的节点：元素、属性、文本、命名空间、处理指令、注释以及根节点

为了解释，我拿一段代码作为示例

<html xmlns:namespace="http://www.example.com">
<head>
<meta charset="utf-8">
<title>xpath教程</title>
</head>
<body>
 
<!-- 测试 HTML -->
<h1 name="header">我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

对于上面的代码：

<html> 就是根节点
每个标签都是一个元素，比如：<h1>我的第一个标题</h1>
<h1 name="header">中的name=“header”就是一个属性
<p>我的第一个段落。</p> 中的“我的第一个段落。”就是文本
<html xmlns:namespace="http://www.example.com">中的namespace就是命名空间
就是一个注释

节点之间的关系有，父子，同胞等

路径表达式

（图片来源网络，侵删）

和我们平时看到的路径类似，只不过一个是结点，一个是文件夹

问题：//div/span 和 //div//span 有什么区别？

//div/span：选择div元素的子节点中的span
//div//span：选择div元素中的所有span的结点
比如对于下面的html，使用“//div/span”只能选中一个span，但是使用"//div//span"可以选中两个span

<div>
  <span>Hello<span>
  <ul>
     <span>World</span>
  </ul>
<div>

节点和元素的区别

以 * 和 node()为例：

//*：选中了5个元素：(5) [html, head, title, body, div.box]
//node()：选中了8个节点：(8) [<!DOCTYPE html>, html, head, title, text, body, div.box, text]

<!DOCTYPE html>
<html>
	<head>
		<title>题目</title>
	</head>
	<body>
		<div class="box">Hello</div>
	</body>
</html>

轴

轴相当于是利用节点之间的关系定位节点

语法规则：轴名称::节点测试[谓语]

看完下面的例子就对这个轴的使用理解深刻了

注：图片来源博主：兰亭序咖啡

总结的规律：

所有的child::XXX 都可以直接写XXX

比如：//a//child::text() --> //a//text()

//div//child::input --> //div//input

到这里关于自动化测试简单的示例就结束了，如果有任何疑问的，欢迎私信或评论区留言~

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1930243.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！