【UI自动化测试】1_PO模式 _面向过程编码

文章目录

一、PO模式学习过程(版本迭代)

  • version_01:面向过程的编码形式
  • verison_02:pytest单元测试框架引入
  • version_03:引入python封装思维
  • version_04:Page Object页面封装PO
  • version_05:Page Object封装的优化(二次封装的引入,涉及继承)
  • version_06:引入数据驱动
yacas 复制代码
确认案例:登录案例--> 登录失败(账户不存在)、登录失败(密码错误)

二、面向过程编码

1、确认场景

2、面向过程脚本编写

3、发现问题

  • 测试用例文件不方便维护
  • 代码大量的冗余
  • 无断言、无测试报告
yacas 复制代码
version_01
- 不使用任何设计模式和单元测试框架。
- 每个文件里编写一个用例, 完全的面向过程的编程方式。  

version_01-存在的问题
- 无法批量运行:一条测试用例对应一个文件, 用例较多时不方便管理维护
- 代码高度冗余
- 没有断言
- 不能自动生成测试报告

version_01(包)
- __init__.py
- test_login_account_not_exist.py(账户不存在)
- test_login_password_error.py(密码错误)

2.1 test_login_account_not_exist.py

python 复制代码
# 1、导包
from time import sleep
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
# 2、打开浏览器 --创建浏览器驱动对象
driver = webdriver.Chrome()
# 最大化浏览器
driver.maximize_window()
# 隐式等待
driver.implicitly_wait(30)

# 3、打开测试网址url
driver.get("https://hmshop-test.itheima.net/")

# 4、暂停3s ->代替测试步骤
# a。使用Xpath 文本定位策略定位登录超链接,并点击
driver.find_element_by_xpath("//*[text()='登录']").click()
# b。使用Xpath 属性定位策略定位用户名输入框,并输入13600001111
driver.find_element_by_xpath("//*[@id='username']").send_keys("13611111111")
# c。使用Xpath  属性包含定位策略定位密码输入框,并输入123456
driver.find_element_by_xpath("//*[contains(@id,'pass')]").send_keys("123456")
# d。使用Xpath  属性与逻辑结合策略定位验证码输入框,并输入8888
driver.find_element_by_xpath('//*[@placeholder="验证码" and @id="verify_code"]').send_keys("8888")
# e。使用Xpath 层级与属性结合策略定位登录按钮,并点击;
driver.find_element_by_xpath("//*[@class='login_bnt']/a").click()
sleep(2)
# 获取错误提示信息
msg = driver.find_element(By.CSS_SELECTOR, ".layui-layer-content").text
print("msg:", msg)
# 断言
assert msg == "账号不存在!"
# 点击提示框确定按钮
driver.find_element_by_css_selector(".layui-layer-btn0").click()

# 关闭
sleep(3)
driver.quit()

2.2 test_login_password_error.py

python 复制代码
# 1、导包
from time import sleep
from selenium import webdriver
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
# 2、打开浏览器 --创建浏览器驱动对象
driver = webdriver.Chrome()
# 最大化浏览器
driver.maximize_window()
# 隐式等待
driver.implicitly_wait(30)

# 3、打开测试网址url
driver.get("https://hmshop-test.itheima.net/")

# 4、暂停3s ->代替测试步骤
# a。使用Xpath 文本定位策略定位登录超链接,并点击
driver.find_element_by_xpath("//*[text()='登录']").click()
# b。使用Xpath 属性定位策略定位用户名输入框,并输入13600001111
driver.find_element_by_xpath("//*[@id='username']").send_keys("13600001111")
# c。使用Xpath  属性包含定位策略定位密码输入框,并输入123456
driver.find_element_by_xpath("//*[contains(@id,'pass')]").send_keys("error")
# d。使用Xpath  属性与逻辑结合策略定位验证码输入框,并输入8888
driver.find_element_by_xpath('//*[@placeholder="验证码" and @id="verify_code"]').send_keys("8888")
# e。使用Xpath 层级与属性结合策略定位登录按钮,并点击;
driver.find_element_by_xpath("//*[@class='login_bnt']/a").click()
sleep(2)
# 获取错误提示信息
msg = driver.find_element(By.CSS_SELECTOR, ".layui-layer-content").text
print("msg:", msg)
# 断言
assert msg == "密码错误!"
# 点击提示框确定按钮
driver.find_element_by_css_selector(".layui-layer-btn0").click()

# 关闭
sleep(3)
driver.quit()
相关推荐
星夜泊客7 小时前
Unity 排行榜 UI 优化:从全量生成到滚动复用
ui·unity·性能优化·游戏引擎
迷糊小鬼9 小时前
Button matrix(矩阵按钮) (lv_buttonmatrix)
c语言·开发语言·前端·ui·矩阵
Irene199114 小时前
ElementPlus 与成熟后台框架对比:vue-element-plus-admin、vue-pure-admin等
前端·ui·框架·vue3
ZC跨境爬虫20 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
UI设计兰亭妙微1 天前
兰亭妙微UI色彩系统构建:四大属性平衡、6类色系区间与万能配色组合
ui·b端界面设计
Southern Wind1 天前
Vue 3 + Naive UI 企业级后台管理系统完整解析
前端·vue.js·ui·typescript
起个名字总是说已存在1 天前
github开源AI技能:UI UX Pro Max智能设计系统生成器
人工智能·ui·开源·github
匆忙拥挤repeat1 天前
Android Compose 渲染 UI 帧的三个阶段:组合、布局、绘制
android·ui
独断万古他化2 天前
Selenium 实战 —— 抽奖系统 UI 自动化测试框架搭建
java·selenium·测试工具·ui·自动化·测试
jf加菲猫2 天前
第10章 数据处理
xml·开发语言·数据库·c++·qt·ui