UI自动化测试01

应用场景

前端简介

三大技术：HTML，超文本标记语言，编写页面元素。了解常用的标签，掌握元素的核心属性（id、name、class）：绿叶学习网

CSS，层叠样式表，负责页面的表示美化，掌握常用的选择器。

JS，JavaScript，负责页面行为，掌握如何获取元素。

selenium：安装selenium    pip install selenium

webdriver原理

基本使用：

webdriver api

浏览器操作：

打开

关闭：quit（）关闭整个浏览器，close（）关闭当前窗口。

窗口尺寸：driver.maximize_window，浏览器最大化

                  driver.minimize_window，浏览器最小化

                  set_window_size(w，h)，自定义大小

刷新：refresh（）

前进：forward（）

后退：back（）

获取页面标题：title

获取页面URL：current_url

获取页面源码：page_source

元素定位

第一种.模块：By

from selenium.webdriver.common.by import By

方法：

find_element(By.mode,value)，返回一个元素，如果未找到则报异常

find_elements(By.mode,value)，以列表返回一组元素，如果未找到则返回空列表

mode，指定定位元素的方式：

ID，通过元素的id属性值定位

NAME，通过元素的name属性值定位

CLASS_NAME，通过元素的class属性值定位

LINK_TEXT，通过元素的文本值定位

PATRIAL_LINK_TEXT，通过元素的部分文本值定位

TAG_NAME，通过元素的标签名定位

CSS_SELECTOR，通过元素在HTML页面中的位置定位，使用CSS定位

XPATH，通过元素在HTML页面中的位置定位，使用xpath定位

第二种

方法：

find_element_by_mode(value)，返回一个元素，如果未找到则报异常

find_elements_by_mode(value)，以列表返回一组元素，如果未找到则返回空列表

mode，指定定位元素的方式：

id，通过元素的id属性值定位

name，通过元素的name属性值定位

class_name，通过元素的class属性值定位

link_text，通过元素的文本值定位

patrial_link_text，通过元素的部分文本值定位

tag_name，通过元素的标签名定位

css-selector，通过元素在HTML页面中的位置定位，使用CSS定位

xpath，通过元素在HTML页面中的位置定位，使用xpath定位

        高级用法：

 

元素操作

click（）,鼠标单击

send-keys(value)，输入

clear()，清空

text，获取元素文本

get_attribute(obj)，获取元素指定属性的值

find_element()，定位子元素

如：获取所有类名为nbg的标签

res = driver.find_element(By.CLASS_NAME,'nbg')

等待

强制等待：time下的sleep（）方法

隐式等待：implicitly_wait(t)：在指定的时间t内等待页面加载完成，如果加载完成的时间小于t，剩余时间（t-加载时间）就不再等待；如果在时间t内未加载完成则报错。

作用范围：全局

显示等待：WebDriverWait（）

导入：from selenium.webdriver.support.ui import WebDriverWait

可以看作是特殊的隐式等待：在指定的时间t内等待指定元素加载完成，如果加载完成的时间小于t，剩余时间（t-加载时间）就不再等待；如果在时间t内未加载完成则报错。

方法：WebDriverWait（driver，timeout，poll_frequency）

driver：浏览器对象

timeout：超时时间

poll_frequency：扫描间隔时间，一般是0.5s

后面接一个.until（element）：用于指定加载的元素

截图

save_screenshot(file)

file:路径和文件名（./截图_1.png）

get_screenshot_as_file(file)

浏览器多窗口管理

原理：在浏览器中，每一个打开的窗口都有一个唯一的标识，叫做句柄。通过句柄可以实现在不同窗口间的切换。

方法：

current_window_handle,获取当前窗口的句柄

window_handles,获取已经打开的所有窗口的句柄

switch_to.window(handle),通过指定句柄，切换窗口

多框架处理

原理：在HTML中，由于iframe标签可以实现一个内嵌框架。内嵌框架，说白了就是在当前页面再嵌入另外一个页面。通过webdriver打开页面后，默认指向最外层框架，如果需要要操作的元素在内层框架，则需要定位内层框架，并能切换到内层框架后操作。

方法：

switch_to.frame(f),切换到指定框架，f为定位到的iframe标签

switch_to.default_content(),切换到最外层框架

switch_to.parent_frame(),切换到上层框架

调用JS代码

方法：execute_script(js)

 给只读属性的元素赋值

通过JS代码获取：

js=‘document.getElementById（“childdate”）.value="2009-10-10",’

driver.execute_script(js)

警告框管理

类型：

alert：只有确定按钮

confirm：有确定和取消按钮

prompt：可以输入内容

方法：

switch_to.alert.text,获取警告框中的文本信息

switch_to.alert.accept(),在警告框中点击确定

switch_to.alert.dismiss(),在警告框中点击取消

switch_to.alert.send_keys(value),在警告框中输入内容

下拉框处理

模块：Select

from selenium.webdriver.support.select import Select

使用：

1.定义下拉框，假设为s

2.选择下拉框中的选项：Select（s）.方法

方法：

options，返回下拉框中的所有选项

select_by_index(),通过索引选择

select_by_value(),通过value属性值选择

select_by_visible_text(),通过选项的文本值选择

POM：实现页面与测试用例分离，从而提高代码的可读性，可维护性

页面基类：封装页面上元素操作的相应方法（实现对webdriver api的二次封装），是所有页面类的父类。

页面类：继承页面基类，主要封装与业务流程相关元素的操作方法

基于协议的接口测试

HTTP连接 ：get请求

HTTP连接：post请求