在使用selenium做web UI自动化测试时，遇到过下面两种场景：
一：有些页面不能仅通过某个字段或者元素来断言页面没有问题，比如图表类页面，操作按钮基本就没有
二：元素无法定位，比如canvas画布（图一），画布内的元素无法被定位，需要判断页面有没有报错就很头疼
图一.png
受上述场景的困扰，鄙人打算研究下这个问题。尝试引入browsermob-proxy+selenium3做UI自动化测试
效果如图二，可以看到selenium在模拟手动登录后，浏览器一共请求了很多的资源。也就是浏览器中Network的数据。对此我们可以根据selenium做的操作，来对应获取的浏览器请求的资源，再根据接口返回的响应码来判断，页面是否有报错。
图二.png
下面谈下实现方法
一、前提
- 下载browsermob-proxy到本地
链接：https://github.com/lightbody/browsermob-proxy/releases/tag/browsermob-proxy-2.1.4 - 配置selenium执行环境
网上教程很多，就不复述了 - pip install 安装browsermobproxy包
二、实现
部分代码
from browsermobproxy import Server
from selenium import webdriver
server = Server(r"/Users/hewenshuang/Desktop/browsermob-proxy-2.1.4/bin/browsermob-proxy")
server.start()
proxy = server.create_proxy()
chrome_options = Options()
chrome_options.add_argument('--proxy-server={0}'.format(proxy.proxy))
# https需要加上，要不然回报安全连接问题
chrome_options.add_argument('--ignore-certificate-errors')
# 配置了驱动的环境变量，否则需要写入驱动地址driver_path
# driver = webdriver.Chrome(driver_path,options=chrome_options)
driver = webdriver.Chrome(options=chrome_options)
proxy.new_har(options={'captureHeaders': True, 'captureContent': True})
#驱动控制浏览器打开百度网址
driver.get('https://www.baidu.com/')
#增加手动睡眠，等待整个页面的请求加载完成
time.sleep(5)
result = proxy.har
#新建har文件类型的对象
for entry in result['log']['entries']:
#提取请求
_url = entry['request']['url']
#判断是否存在响应状态码
if entry['response']['status']:
_response = entry['response']
code = _response['status']
if code == 200:
print('链接：{0}\t响应码:{1}'.format(_url, code))
else:
print('报错链接：{0}\n状态码:{1}'.format(_url, code))
proxy.close()
server.stop()
完整代码
#!/usr/bin/env python
# -*- coding: utf-8 -*-
# @Time : 2021/8/12 11:22 上午
# @Author : 文双
# @File : browsermob_page.py
# @Software: mac python3.7.3
import os, yaml, time
from browsermobproxy import Server
from selenium import webdriver
from selenium.webdriver.chrome.options import Options
from Common.Baseui import BrowerMob
from Common.Baseui import baseUI
driver_path = os.path.join(os.path.dirname(os.path.dirname(__file__)), "chromedriver/chromedriver")
server = Server(r"/Users/hewenshuang/Desktop/browsermob-proxy-2.1.4/bin/browsermob-proxy")
server.start()
proxy = server.create_proxy()
chrome_options = Options()
chrome_options.add_argument('--proxy-server={0}'.format(proxy.proxy))
# https需要加上，要不然回报安全连接问题
chrome_options.add_argument('--ignore-certificate-errors')
# 配置了驱动的环境变量，否则需要写入驱动地址driver_path
driver = webdriver.Chrome(options=chrome_options)
# driver = webdriver.Chrome(driver_path)
stream = open(r'../element_yaml/vcz.yaml', mode='r', encoding='utf-8')
text = yaml.load(stream, Loader=yaml.FullLoader)
dr = baseUI(driver)
# brower = BrowerMob(driver=driver, server=server, proxy=proxy)
# def login():
proxy.new_har(options={'captureHeaders': True, 'captureContent': True})
driver.get('http://cdp.voltmao.com/#/user/login')
time.sleep(5)
result = proxy.har
for entry in result['log']['entries']:
_url = entry['request']['url']
if entry['response']['status']:
_response = entry['response']
code = _response['status']
if code == 200:
print('链接：{0}\t响应码:{1}'.format(_url, code))
else:
# log.log_error('报错页面：{0}\n链接：{1}\n响应码:{2}\n响应内容:{3}'.format(url,_url, code, _response))
print('报错链接：{0}\n状态码:{1}'.format(_url, code))
# brower.browsermobproxy_geturl('登录',url='http://cdp.voltmao.com/#/user/login')
dr.send_keys('输入用户名', text["username"], 'xxxx')
dr.send_keys('输入密码', text['password'], 'xxxxx')
# brower.browsermobproxy_click('点击登录',text['login'])
dr.click('点击登录', text['login'])
time.sleep(5)
result2 = proxy.har
for entry in result2['log']['entries']:
_url = entry['request']['url']
if entry['response']['status']:
_response = entry['response']
code = _response['status']
if code == 200:
print("*" * 20, '点击登录')
print('链接：{0}\t响应码:{1}'.format(_url, code))
else:
# log.log_error('报错页面：{0}\n链接：{1}\n响应码:{2}\n响应内容:{3}'.format(url,_url, code, _response))
print('报错链接：{0}\n状态码:{1}'.format(_url, code))
proxy.close()
server.stop()
if __name__ == '__main__':
# login()
pass
