Seleniumweb自动化测试01
1、selenium简介
selenium是python的一个web第三方包，主要使用来做web自动化测试的
环境要求：
①、要有谷歌浏览器
②、下载谷歌浏览器的驱动chromedriver（驱动我们操作网页的）：
首先需要找到谷歌浏览器的版本号（三个点--->帮助--->关于Google chrome）
再下载对应版本号的驱动文件，网址：http://npm.taobao.org/mirrors/chromedriver/
③、安装selenium，以管理员身份打开cmd，输入以下命令：pip3 install selenium -i https://pypi.tuna.tsinghua.edu.cn/simple
2、步骤
2.1、新建文件夹seleniumtest，并且将刚才解压的驱动文件copy进去
注意，这里取名字的时候，不能取和第三方包名字相同的文件夹，不然导入的时候会出问题
2.2、导入第三方包及驱动：
from selenium import webdriver
2.3、代码实现操作浏览器
2.3.1、打开浏览器：实例化浏览器句柄（把柄）
web自动化其实就相当于是用代码实现操作整个网页的过程，要想操作一个网页，首先肯定是要打开这个网站#1、打开浏览器：实例化浏览器句柄（把柄） driver = webdriver.Chrome(executable_path="chromedriver.exe")
注意，这里有坑：Chrome，是大写的C
driver：浏览器操作对象（句柄/把柄）
executable_path：浏览器驱动文件路径：右键-复制相对路径
句柄（把柄）：有了这个浏览器的把柄，让它干嘛就干嘛了，神奇运行代码之后会自动打开浏览器，但是还什么都没有，只是打开浏览器这么一个操作，而且浏览器窗口不会自己关闭，需要手动关闭
2.2.3、访问网站：用把柄去访问网站
这里使用get类型接口，去访问百度网站
#2、访问网站：用把柄去访问网站，get类型接口 driver.get("https://www.baidu.com")
注意先前运行打开的网页是不会自动关的，必须要手动关
2.2.3、模拟执行测试用例过程
打开了百度之后，肯定会想着在百度搜索框里输入内容再进行搜索，所以这里分为了两步，第一步输入文字，第二步点击搜索按钮
这里还需要补充点前置知识：
什么是网页元素：网站上的所有东西都是网页元素，通常情况下有以下内容
-
输入框：input
-
按钮：button/input
-
图片：img
-
超链接：a
-
样式：div
怎样去查看网页元素：用谷歌浏览器自带的开发者工具查看（element）
常用方法：
-
输入内容：元素对象.send_keys("内容")
-
点击：元素对象.click()
-
关闭测试，退出浏览器：driver.quit()（测试的时候浏览器是不会自动关闭的，调用这个方法就可以实现用完之后自动关闭，写在代码最后边就行）
-
打开浏览器时全屏显示：driver.maximize_window()（将这段代码加在打开浏览器代码后边，就可以实现打开浏览器时显示全屏）
-
获取元素的文本值：元素.text
2.3.3.1、输入文字
如果需要用selenium去操作元素的话，首先就要去定位元素，这里就涉及到了八大定位方式
还是一样的，在谷歌浏览器里打开开发者工具，然后点击左上角小箭头，在页面上选择，会自动定位到代码上
copy——copy element：这样就可以得到源码。例如选择了百度的输入框，复制源码：
<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">
①、通过id值定位：
driver.find_element_by_id('kw').send_keys("hello 明天")
find_element_by_id（）是selenium提供的方法
send_keys（）是在输入内容
这段代码运行之后就会去打开百度网站并且定位到输入框这个元素，发送输入的内容，但是在这块是没有结果的，因为还没有点击百度一下这个按钮嘛
Ctrl+Shift +C：快速打开开发者工具定位元素
②、通过xpath定位
找到源码，右键copy——copy xpath
从网页上copy到的xpath：//*[@id="kw"]
driver.find_element_by_xpath('//*[@id="kw"]').send_keys("hello，明天")
这里注意引号不相同原则，源码上的xpath有双引号，在方法里边就用单引号
③、通过name定位
首先还是要先复制网页的源码：
<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">
driver.find_element_by_name('wd').send_keys("hello 明天")
注意：这里VScode代码提醒有个坑，是find_element_by_name而不是elements，之后的定位元素也是一样的道理
④、通过calssname定位
首先还是要先复制网页的源码：
<input id="kw" name="wd" class="s_ipt" value="" maxlength="255" autocomplete="off">
driver.find_element_by_class_name('s_ipt').send_keys("hello 明天")
⑤、通过css selector定位
找到输入框的源码，右键copy——copy selector
从源码上复制的selector：#kw
driver.find_element_by_css_selector('#kw').send_keys("hello 明天")
⑥、通过超链接定位
网页上源码以a开头的就是超链接，找到源码，copy——copy element
<a href="http://news.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">地图a>
driver.find_element_by_link_text('地图').click()
⑦、一部分文字定位超链接
首先还是要先拿到源码的，copy——copy element
<a href="http://map.baidu.com" target="_blank" class="mnav c-font-normal c-color-t">地图a>
driver.find_element_by_partial_link_text('地').click()
⑧、通过tag name定位：即标签做左边的那个元素，比如这里就是input
driver.find_element_by_tag_name('input')
这个方法有很多坑，非常不推荐使用
注意：以上定位之所以能跳转页面，是因为还执行了下边的.click（）方法
2.3.3.2、点击搜索按钮
首先还是要先定位到搜索按钮才能进行点击，按钮源码为（右键copy——copy element）：
<input type="submit" id="su" value="百度一下" class="bg s_btn">
这里也是用的通过id值定位
driver.find_element_by_id('su').click()
可以发现百度网站输入了指定的内容并且跳转成功搜索出结果了
注意：定位元素能用id就用id，不能用id就尽量用xpath
在开发者工具中双击并复制也可以将id值等元素复制下来，这样就可以不用每次都先把源码给复制下来了
3、元素查找机制
3.1、当找不到一个元素的时候
比如说现在通过id查找一个不存在的东西
driver.find_elements_by_id('cdhsvibvjdln.vlNV')
点击运行，会发现报异常
注意这里怎么去看报错的原因：哪一个代码是你写的，肯定就是那句代码报错嘛，比如此处的第十四行代码报错
3.2、当找到元素的时候，会返回网页元素的类型
用一个变量把找到的元素接收起来，再把它打印出来
终端打印出了网页元素的类型
4、练习：
流程：在shopx商城输入框中输入包包，点击搜索按钮，跳转页面
from selenium import webdriver #1、打开浏览器：实例化浏览器句柄（把柄） #注意，这里有坑：Chrome，是大写的C #driver：浏览器操作对象（句柄/把柄） #executable_path：浏览器驱动文件路径：右键-复制相对路径 driver = webdriver.Chrome(executable_path="chromedriver.exe") #浏览器全屏显示 driver.maximize_window() #2、访问网站：用把柄去访问网站，get类型接口 driver.get("http://118.24.255.132:9090/shopxo/") # 3、模拟测试用例的执行过程 #3.1、输入文字 # driver.find_element_by_id('search-input').send_keys('包包') #3.2、点击搜索按钮 # driver.find_element_by_id('ai-topsearch').click()
5、断言
就如上边，找出了包包之后，这里又引申出一个问题，怎样判断测试用例的结果，即判断这个结果是否存在，自动化中用断言实现这样的过程
两种方式，第一种通过文本值断言，第二种通过元素是否存在断言
5.1、通过文本值断言
先把正确的结果查找元素（有id值就用id值，没有id值就用xpath）
这里搜索出来的场景是一个包包，查找元素的时候注意找的是这个商品名字，不要找成商品图片啥的
断言即判断搜索出来的结果是否等于正确的商品名即可
# xpath:/html/body/div[4]/div/ul/li/div/a/p res = driver.find_element_by_xpath('/html/body/div[4]/div/ul/li/div/a/p') assert res.text == '纽芝兰包包女士2018新款潮百搭韩版时尚单肩斜挎包少女小挎包链条'
由此可见，页面正常打开
如果有多个商品，即是个列表的话，那就找多次，在断言里边加and即可
5.2、通过元素是否存在断言
断言判断的第二种方式：判断元素是否存在即可（可以判断多个元素）
这会用到一个方法：driver.find_elements_by_id/xpath（八大定位方式均可）（注意这里是elements了）
这个方法的返回值是列表格式，有多少个元素就返回多少个：[元素1，元素2....]
e = driver.find_elements_by_id('search-input') print(e)
如果使用这种方法，直接用len()方法就可以断言判断
e = driver.find_elements_by_id('search-input') # print(e) assert len(e) != 0
如果没有元素，那就返回空列表
6、复习
用jmeter跑，模拟网站变卡
线程数设置为50之后，此时网站开始明显卡顿
7、设置等待
以网站的登录为例：
打开登录页面之后，Ctrl+Shif+C开始定位元素
怎样断言登录成功：定位首页这个元素
from selenium import webdriver #1、打开浏览器：实例化浏览器句柄（把柄） driver = webdriver.Chrome(executable_path="chromedriver.exe") #浏览器全屏显示 driver.maximize_window() #2、访问网站：用把柄去访问网站，get类型接口 driver.get("http://118.24.255.132:9090/shopxo/admin.php") #3、模拟测试用例的执行过程 driver.find_element_by_name('username').send_keys('admin') driver.find_element_by_name('login_pwd').send_keys('shopxo') driver.find_element_by_xpath('/html/body/div[1]/div/div[2]/div/form/div/div[3]/button').click() res = driver.find_element_by_xpath('//*[@id="admin-offcanvas"]/div/ul/li[1]/a/span[2]') assert res.text == '首页'
右上角点击运行之后发现报错了
明明运行的时候网页都是正常的，但是在终端发现报错，报错的原因显示如下：
原因就是，因为网站在登录的时候本身服务器也不好，网速也不行，在登录的时候存在着装券和停留的时刻，但是代码在运行的时候是不会停留的，代码上一句没有报错就紧接着会执行下一句代码，代码运行是非常快的，它不会顾及网页是什么情况。
所以代码在找 “首页” 这个元素的时候，很可能网页还正在登录页面没有进去首页，这就出现了时间差（代码执行得过快，网页很慢）
这就涉及到一个等待的问题，一般而言，有网页跳转和元素动态加载的时候需要等待
处理方式主要有三种
7.1、固定（静态）等待：time.sleep()，使用时需要先导入，是python自带的包：import time
方法括号中间给一个int或者float类型的数
python自带的库（包）：https://www.runoob.com/python3/python3-stdlib.html
7.2、隐式等待：会智能判断网页是否加载完成：driver.implicitly_wait()
括号中间也是int或者float类型的数字
比如：driver.implicitly_wait(5)，在前三秒的时候网页加载好了，那剩下的2秒就不会再继续等待了，但是若超过5秒还没好，那也管不了了
7.3、显式等待：这个是在做自动化的时候最经常用到的