用户端web自动化测试3

学习笔记
, , , ,
1

Web自动化测试之复用浏览器

复用已有浏览器-配置步骤

  1. 需要退出当前所有的谷歌浏览器（特别注意）
  2. 输入启动命令，通过命令启动谷歌浏览器
  3. 找到 chrome 的启动路径（下一页 ppt）
  4. 配置环境变量（下一页 ppt）
  5. 验证是否启动成功
  • windows：chrome –remote-debugging-port=9222
  • mac：Google Chrome –remote-debugging-port=9222

复用已有浏览器-代码设置（Python）

from selenium.webdriver.chrome.options import Options
option = Options()
option.debugger_address = "localhost:9222"
self._driver = webdriver.Chrome(options=option)
self._driver.get("https://work.weixin.qq.com/wework_admin/frame")

Web自动化测试之Cookie登录

cookie 是什么

  • Cookie 是一些认证数据信息,存储在电脑的浏览器上
  • 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息

为什么要使用Cookie自动化登录

  • 复用浏览器仍然在每次用例开始都需要人为介入
  • 若用例需要经常执行，复用浏览器则不是一个好的选择
  • 大部分cookie的时效性都很长，扫一次可以使用多次
获取 cookie driver.get_cookies()
添加 cookie driver.add_cookie(cookie)

page object 设计模式
优势

  • 降低 UI 变化导致的测试用例脆弱性问题
  • 让用例清晰明朗，与具体实现无关

POM 建模原则

  • 字段意义
    • 不要暴露页面内部的元素给外部
    • 不需要建模 UI 内的所有元素
  • 方法意义
    • 用公共方法代表 UI 所提供的功能
    • 方法应该返回其他的 PageObject 或者返回用于断言的数据
    • 同样的行为不同的结果可以建模为不同的方法
    • 不要在方法内加断言

POM 使用方法

  • 把元素信息和操作细节封装到 PageObject 类中
  • 根据业务逻辑，在测试用例中链式调用

异常自动截图

# 装饰器逻辑
def ui_exception_record(func):
    def run(*args, **kwargs):
        self = args[0]
        try:
            return func(*args, **kwargs)
        except Exception as e:
            # 这里添加所有的异常情况处理
            # 日志
            logger.warning("执行过程中发生异常")
            # 截图
            timestamp = int(time.time())
            image_path = f"./images/image_{timestamp}.PNG"
            page_source_path = f"./page_source/{timestamp}_page_source.html"
            # page_source
            with open(f"./page_source/{timestamp}_page_source.html", "w", encoding="u8") as f:
                f.write(self.driver.page_source)
            self.driver.save_screenshot(image_path)
            allure.attach.file(image_path, name="image", attachment_type=allure.attachment_type.PNG)
            # allure.attach.file(page_source_path, name="page_source", attachment_type=allure.attachment_type.HTML)
            allure.attach.file(page_source_path, name="page_source", attachment_type=allure.attachment_type.TEXT)
            raise e
    return run

测试用例流程设计
前置：
对应框架：setup_class/BeforeAll 作用：准备测试数据 实例的初始化
setup/BeforeEach 恢复用例初始状态 数据清理（也可以在用例级别完成）

后置：teardown_class/AfterAll driver进程退出
teardown/AfterEach 恢复用例初始状态
数据清理（也可以在用例级别完成）

恢复用例初始状态

  1. 用例1 执行过程经过A->B->C 三个页面
  2. 用例2 执行过程经过A->B->C 三个页面
  3. 用例1 执行完成之后执行用例2
title 恢复初始状态
participant 页面A as p1
participant 页面B as p2
participant 页面C as p3

p1 -> p2: [用例1]步骤1
p2 -> p3: [用例1]步骤2
p3 -> p1: 前置或后置步骤恢复到初始页面
p1 -> p2: [用例2]步骤1
p2 -> p3: [用例2]步骤2

数据清理

  • 清理策略
    • 在前置处理中执行
    • 在后置处理中执行
  • 清理方式
    • 调用业务接口
    • 通过UI自动化方式操作
    • 连接数据库执行SQL（不推荐）

selenium 多浏览器处理
概述：

  • 是跨不同浏览器组合验证网站或 web 应用程序功能的过程
  • 是兼容性测试的一个分支，用于保持功能和质量的一致性
  • 适用于面向客户的网站和组织内部使用的站点

pytest hook 函数

  • pytest_addoption 添加命令行参数组/命令行参数
  • pytest_configure 解析命令行选项，每个插件都会用到这个hook函数

pytest_addoption 与 pytest_configure

  • pytest_addoption：
    1. parser.getgroup 创建/获取组名
    2. addoption 添加一个命令行选项
  • pytest_configure:
    1. 通过config 对象的getoption()方法获取命令行参数
    2. 将命令行获取到的内容赋值给变量

命令行参数处理

  1. 通过 pytest_addoption hook 函数，配置命令行参数
  2. 通过 pytest_configure 函数，接收命令行参数信息
  3. 将参数保存到变量中

执行JavaScript脚本

JS 脚本-元素操作

  • 通过 css 查找元素
    • 点击元素（对应click）
    • input标签对应的值(对应send_keys)
    • 元素的类属性
    • 元素的文本属性

JS脚本滚动操作

  • 页面滚动到底部
  • 指定到滚动的位置
document.documentElement.scrollTop=10000 
document.querySelector('css表达式').scrollIntoView();

Selenium执行js

  • Selenium执行js
    • 调用执行js方法
    • 在 js 语句中添加 return：代码可以获取js的执行结果
    • 结合 find_element 方法

selenium option 常用操作

添加启动配置(arguments)-Python版本

  • 无头模式： --headless
  • 窗体最大化 start-maximized
  • 指定浏览器分辨率 window-size=1920x3000 
from selenium import webdriver
from selenium.webdriver.common.by import By
def test_chrome_pref():
    options = webdriver.ChromeOptions()
    # 无头模式
    options.add_argument('--headless')
    # 窗体最大化
    options.add_argument('start-maximized')
    # 指定浏览器分辨率
    options.add_argument('window-size=1920x3000')
    driver = webdriver.Chrome(chrome_options=options)
    # 打开测试人页面
    driver.get("https://ceshiren.com/")
    # 点击登录
    login_button_text = driver.find_element(By.CSS_SELECTOR, ".login-button").text
    print(login_button_text)
    driver.quit()

capability 配置参数解析与分布式运行

概述：

  • Capabilities是WebDriver支持的标准命令之外的扩展命令(配置信息)
  • 配置web驱动的属性，如浏览器名称、浏览器平台等。
  • 结合Selenium Grid完成分布式、兼容性等测试

Selenium Grid

  • Selenium Grid 允许我们在多台机器上并行运行测试，并集中管理不同的浏览器版本和浏览器配置（而不是在每个单独的测试中）。

Cypress基础使用

简介：

  • 基于 JavaScript 的前端测试工具
  • 可以对浏览器中运行的任何内容进行快速、简单、可靠的测试
  • 对每一步操作都支持回看
  • 覆盖了测试金字塔模型的所有测试类型【界面测试，集成测试，单元测试】
  • 底层协议不采用 WebDriver

环境部署：

  • 安装node.js 官网地址：Node.js
  • 安装cypress
    • 初始化项目：npm init
    • 配置淘宝镜像：npm config set registry http://registry.npm.taobao.org
    • 安装cypress：npm install cypress –save-dev
  • 打开cypress
    • npx cypress open

基本用法：

  • describe 声明一个测试用例集合
  • beforeEach 测试用例前置操作，相当于setup
  • it 声明一个测试用例
  • cy.get 定位元素，用css定位
  • type 输入文本
  • click 点击操作
  • should 断言

Playwright 自动化测试框架

简介：

  • Web 自动化测试框架。
  • 跨平台多语言支持。
  • 支持 Chromium、Firefox、WebKit 等主流浏览器自动化操作。

优点：

  • 支持所有流行的浏览器。
  • 速度更快，更可靠的执行。
  • 更强大的自动化测试配置。
  • 强大的工具库：Codegen、Playwright inspector、Trace Viewer。

核心工具：

  • Codegen：通过记录你的操作来生成测试。 将它们保存为任何语言。
  • Playwright inspector： 检查页面、生成选择器、逐步执行测试、查看点击点、探索执行日志。
  • Trace Viewer：捕获所有信息以调查测试失败。 Playwright 跟踪包含测试执行截屏、实时 DOM 快照、动作资源管理器、测试源等等。

环境安装：

  • 安装 playwright 插件
    • pip install pytest-playwright
  • 安装所需的浏览器
    • playwright install