WEB自动化测试笔记完整整理

直接等待

强制等待，线程休眠一段时间

from  time  import  sleeptime.sleep(3)

隐式等待

设置一个等待时间，轮询查找元素是否出现，如果没有出现抛出异常

self.driver.implicitly_wait(3)

显式等待

在代码中定义等待条件，当条件发生时才继续执行代码。

WebDriverWait配合until()或until_not(),根据判断条件进行等待。

程序每隔一段时间（默认为0.5秒）进行条件判断，如果条件成立，执行下一步，如果条件不成立，一直等待至超时。

'''
等待方式练习
'''
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWaitclass PractWait:def setup(self):self.driver = webdriver.Chrome()    #初始化浏览器self.driver.implicitly_wait(3)      #隐式等待三秒def teardown(self):self.driver.quit()                 #关闭浏览器def test_wait(self):self.driver.get("https://www.baidu.com/")            self.driver.find_element(By.ID,"kw").click()           #定位元素self.driver.find_element(By.ID,"kw").send_keys("测试")     #输入查询文字# def wait(x):                                        这里可以通过定义函数的方式来确定一个显式等待的条件#     return len(self.driver.find_element(By.ID,))>1#添加显式等待的条件，后面是条件：期望条件，xxx元素被点击WebDriverWait(self.driver,0.5).until(expected_conditions.element_to_be_clickable(By.CSS_SELECTOR,''))

控件定位，元素查找

xpath定位方式

需要注意的是：/bookstore//book[2]后面有两个/，指的是bookstore下的子孙元素。

页面元素查找方式

使用xpath方式定位

使用CSS方式定位元素

这里css定位方式采用直接输入id=kw方式或者是使用简写的方式都是可以正常查找到元素的

注意：前面写好id的定位属性后，需要用空格后添加子孙元素a的定位，其中nth-child(2)指的是：子孙元素的第二个

多窗口处理方式

获取当前窗口的句柄：driver.current_window_handle获取所有窗口的句柄：driver.window.handles

演示代码：

'''
窗口切换方式
'''
from selenium import webdriver
from selenium.webdriver.common.by import By
from time import sleepclass PractWait:def setup(self):self.driver = webdriver.Chrome()self.driver.implicitly_wait(3)def teardown(self):self.driver.quit()def test_wait(self):self.driver.get("https://www.baidu.com/")self.driver.find_element(By.LINK_TEXT,'登录').click()#打印当前窗口句柄print(self.driver.current_window_handle)# 打印全部存在的句柄print(self.driver.window_handles)self.driver.find_element(By.LINK_TEXT, '立即注册').click()# 定义全部的句柄windows = self.driver.window_handles# 切换窗口句柄到最后一个self.driver.switch_to_window(windows[-1])self.driver.find_element(By.ID,'TANGRAM__PSP_4__userName').send_keys('username')self.driver.find_element(By.ID,'TANGRAM__PSP_4__phone').send_keys('13800000000')sleep(2)#切换窗口句柄到第一个self.driver.switch_to_window(windows[0])self.driver.find_element(By.ID, 'TANGRAM__PSP_11__userName').click()self.driver.find_element(By.ID, 'TANGRAM__PSP_11__userName').send_keys('13800000000')self.driver.find_element(By.ID, 'TANGRAM__PSP_11__password').click()self.driver.find_element(By.ID, 'TANGRAM__PSP_11__password').send_keys('123456')sleep(3)

页面框架frame介绍

多frame之间切换

frame框架存在两种：一种是嵌套式的，一种是非嵌套式的

self.driver.switch_to_frame()                   #根据id，或者是index切换frame
self.driver.switch_to.default_content()         #切换到默认frame
self.driver.switch_to.parent_frame()            #切换到父级frame

演示代码：

def test_frame(self):self.driver.get("https://www.runoob.com/try/try.php?filename=jqueryui-api-dropable")#切换框架到iframeResultself.driver.switch_to_frame("iframeResult")print(self.driver.find_element(By.ID,'draggable').text)#切换回默认框架self.driver.switch_to_default_content()print(self.driver.find_element(By.ID,'submitBTN').text)

多浏览器切换

先创建一个base.py的文件进行基础类的创建

'''
窗口切换
'''
from selenium import webdriver
import osclass Base():def setup(self):browser = os.getenv("browser")if browser == "Firefox":self.driver = webdriver.Firefox()elif browser =="headless":self.driver = webdriver.PhantomJS()else:self.driver = webdriver.Chrome()self.driver.implicitly_wait(3)def teardown(self):self.driver.quit()

然后进行类继承

class Pract(Base):def test_frame(self):self.driver.get("https://www.runoob.com/try/try.php?filename=jqueryui-api-dropable")#切换框架到iframeResultself.driver.switch_to_frame("iframeResult")print(self.driver.find_element(By.ID,'draggable').text)#切换回默认框架self.driver.switch_to_default_content()print(self.driver.find_element(By.ID,'submitBTN').text)

然后可以在pycharm的控制台输入：browser = chrome pytest test_frame.py进行运行代码

执行JavaScript脚本

这里进行继承base类中定义的方法

from selenium.webdriver.common.by import By
from base.base import Base
from time import sleep
class JsExecute(Base):def test_js(self):self.driver.get("https://www.baidu.com/")self.driver.find_element(By.ID,'kw').click()self.driver.find_element(By.ID,'kw').send_keys("selenium测试")#执行百度一下按钮的js脚本element = self.driver.execute_script("return document.getElementById('su')")element.click()#执行滑动页面的脚本self.driver.execute_script("document.documentElement.scrollTop=10000")sleep(2)def test_datatime(self):self.driver.get("https://www.12306.cn/index/")#查找到时间控件的js，以及属性time_element = self.driver.execute_script("a=document.getElementById('train_date');a.removeAttribute('readonly')")# 执行去除readonly属性self.driver.execute_script(time_element)#修改时间为2020-12-30self.driver.execute_script("document.getElementById('train_date').value='2020-12-30'")sleep(3)#打印执行脚本返回的value值print(self.driver.execute_script("return document.getElementById('train_date').value"))

文件上传

input标签可以直接进行send_keys(文件地址)上传文件

class FileUpload(Base):def test_fileupload(self):self.driver.get("https://www.baidu.com/")self.driver.find_element(By.XPATH,'//*[@id="sttb"]/img[1]').click()self.driver.find_element(By.ID,'stfile').send_keys("文件上传的路径")sleep(3)

弹窗处理

class TestAlert(Base):def test_alert(self):self.driver.get("https://www.runoob.com/try/try.php?filename=jqueryui-api-dropable")# 切换框架到iframeResultself.driver.switch_to_frame("iframeResult")drag = self.driver.find_element(By.ID,'araggable')drop = self.driver.find_element(By.ID,'droppable')#定义鼠标属性action = ActionChains(self.driver)#鼠标拖动执行action.drag_and_drop(drag,drop).perform()sleep(2)print("点击 alert 确认")#切换到alert弹窗self.driver.switch_to.alert.accept()#切换到默认框架self.driver.switch_to_default_content()self.driver.find_element(By.ID,'submitBIN').click()sleep(3)

复用浏览器

将Chrome的地址配置到环境变量

浏览器
1. 需要退出当前所有的谷歌浏览器（特别注意）
1. 找到chrome的启动路径（下一页ppt）
1. 配置环境变量（下一页ppt）
1. 启动命令windows：chrome --remote-debugging-port=9222
启动命令mac：Google\ Chrome --remote-debugging-port=9222
1. 访问http://localhost:9222/

企业微信登录实战 (PO模式)

实现通讯录成员添加

PO思想：将页面和操作进行分开定义，运用面向对象的编程思想，然后就是将页面操作和测试用例分开，将断言添加到测试用例中，而不是添加到页面操作中。

注意的是：使用类来定义页面，使用类下的方法定义页面操作。

具体创建文件的方式如下图方式

先创建base页，用于封装浏览器的复用，以及将find_element代码的简化封装，使用了python的解元组的思想

from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from selenium.webdriver.remote.webdriver import WebDriverclass BasePage:_url = ""      #使用私有变量进行定义地址def __init__(self, driver_base = None):if driver_base is None:                            #复用浏览器的代码option = Options()option.debugger_address = "localhost:9222"self.driver = webdriver.Chrome(options=option)else:self.driver:WebDriver = driver_baseif self._url != "":self.driver.get(self._url)# 隐式等待self.driver.implicitly_wait(3)def find(self, by , value):                              #使用find方法进行封装find_elementreturn self.driver.find_element(by=by, value=value)def finds(self, by, value):return self.driver.find_elements(by=by, value= value)def base_quit(self):return self.driver.quit()

企业微信的主页面，将主页面定义类，然后采用类继承的方式继承base页的代码操作

from selenium.webdriver.common.by import Byfrom test_selenium.test_project.page.add_member_page import AddMember
from test_selenium.test_project.page.base_page import BasePage
from test_selenium.test_project.page.contact_page import ContactPage
from selenium import webdriverclass MainPage(BasePage):_url = "https://work.weixin.qq.com/wework_admin/frame#index"       #采用私有变量的方式定义def go_to_contact(self):return ContactPage(self.driver)          #从主页面切换到通讯录页面def go_to_add_member(self):self.driver.find_element(By.CSS_SELECTOR, "[node-type='addmember']").click()return AddMember(self.driver)

通讯录页面

from selenium.webdriver.common.by import Byfrom test_selenium.test_project.page.base_page import BasePageclass ContactPage(BasePage):def go_to_add_member(self):from test_selenium.test_project.page.add_member_page import AddMember   #这里需要注意避免导包出现循环，将                                                                                    这个包放到通讯录页面下return AddMember(self.driver)def get_member_list(self):name_list = self.finds(By.CSS_SELECTOR, ".member_colRight_memberTable_td:nth-child(2)")list1 = []for name in name_list:list1.append(name.text)return list1

添加成员页面

from selenium import webdriver
from selenium.webdriver.common.by import Byfrom test_selenium.test_project.page.base_page import BasePage
from test_selenium.test_project.page.contact_page import ContactPageclass AddMember(BasePage):_username = (By.ID, "username")def add_member(self, phone):         # self.find(By.ID, "username")self.find(*self._username).send_keys("皮城女警")      #这里使用的就是将find_element的代码进行封装运用解元                                                                组思想，调用了base页定义的find方法self.driver.find_element(By.ID, "memberAdd_acctid").send_keys("1111")self.driver.find_element(By.ID, "memberAdd_phone").send_keys(phone)self.driver.find_element(By.CSS_SELECTOR, ".js_btn_save").click()return ContactPage(self.driver)def get_phone_error_message(self):return self.driver.find_element(By.CSS_SELECTOR, ".ww_inputWithTips_WithErr .ww_inputWithTips_tips").text

测试用例页面

from test_selenium.test_project.page.add_member_page import AddMember
from test_selenium.test_project.page.main_page import MainPageclass TestAddMember:def setup_class(self):self.main = MainPage()def test_add_member(self):            #注意的是这里实现的操作，链式调用是与实际操作一致的#       1. 跳转到添加成员 2. 添加成员result = self.main.go_to_add_member().add_member("13199991111").get_member_list()assert "皮城女警" in resultdef test_add_member_fail(self):self.main.go_to_add_member().add_member("1@@@@@@@")result = AddMember(self.main.driver).get_phone_error_message()assert "请填写正确的手机号码" == resultdef test_contact_add_member(self):                   #在主页面点击添加通讯录的方式#       1. 跳转到通讯录页面 2. 跳转到添加成员 3. 添加成员self.main.go_to_contact().go_to_add_member().add_member()def teardown(self):self.main.base_quit()

def test_add_member_fail(self):self.main.go_to_add_member().add_member("1@@@@@@@")result = AddMember(self.main.driver).get_phone_error_message()assert "请填写正确的手机号码" == resultdef test_contact_add_member(self):                  #在主页面点击添加通讯录的方式#       1. 跳转到通讯录页面 2. 跳转到添加成员 3. 添加成员self.main.go_to_contact().go_to_add_member().add_member()def teardown(self):self.main.base_quit()