本文主要内容包括以下几个功能的实现:
·文章发布
·删除单条文章用例
·删除所有文章用例
·添加ID标签实现元素定位
·登录功能验证码识别
添加文章
添加文章页面:
实现思路:
用例设计:包括添加成功和添加失败两条case。
1.元素定位
2.写标题->内容->点击发布
3.验证:toast弹窗文本内容正确
脚本实现:
from selenium.webdriver import ActionChains
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from time import sleep
from basic.admin_login import Test_admin_login
class TestArticle(object):
def __init__(self, login):
self.login = login
# 测试添加文章
def test_add_ok(self):
title = '我的文章'
content = '我的文章内容'
expected = '文章保存成功。'
#定位左侧文章列表
#文章
self.login.driver.find_element_by_xpath('//*[@id="sidebar-menu"]/li[4]/a/span[1]').click()
sleep(1)
#文章管理
self.login.driver.find_element_by_xpath('//*[@id="sidebar-menu"]/li[4]/ul/li[1]/a').click()
sleep(1)
#新建
self.login.driver.find_element_by_xpath('/html/body/div/div/section[3]/div/div/div/div[1]/div/div/a').click()
sleep(1)
#定位文章区域
#标题
self.login.driver.find_element_by_id('article-title').send_keys(title)
sleep(1)
#进入iframe
frame1=self.login.driver.find_element_by_xpath('//*[@id="cke_1_contents"]/iframe')
self.login.driver.switch_to.frame(frame1)
sleep(1)
#文章内容
self.login.driver.find_element_by_xpath('/html/body').send_keys(content)
#退出frame
self.login.driver.switch_to.default_content()
#发布按钮
self.login.driver.find_element_by_class_name('btn-primary').click()
#toast定位
loc=(By.CLASS_NAME,"toast-message")
#等待toast出现
WebDriverWait(self.login.driver,5).until(EC.visibility_of_element_located(loc))
#toast文本
message=self.login.driver.find_element(*loc).text
#断言判断toast文本和期望值相等
assert message==expected
注意点:
1.frame弹窗的切入切出
2.文章内容定位页面检查时到/html,需要自己手动添加到body下'/html/body'
3.发送失败toast弹窗消失很快,可以多次点击几下定位
删除单条文章用例
删除文章页面:
实现思路:
用例设计:删除成功。
1.鼠标悬停在文章标题
2.点击垃圾箱
3.验证:验证删除后文章数=删除前文章数-1
脚本实现:
article.py
# 测试删除单篇文章
def test_delete_one_article_ok(self):
# 文章管理
self.login.driver.find_element_by_xpath('//*[@id="sidebar-menu"]/li[4]/ul/li[1]/a').click()
sleep(1)
#删除前文章数
beforenumber=len(self.login.driver.find_elements_by_class_name('jp-actiontr'))
#鼠标悬停文章内容
a=self.login.driver.find_element_by_xpath('/html/body/div/div/section[3]/div/div/div/div[2]/table/tbody/tr[2]/td[2]/strong/a')
ActionChains(self.login.driver).move_to_element(a).perform()
#删除
self.login.driver.find_element_by_xpath('/html/body/div/div/section[3]/div/div/div/div[2]/table/tbody/tr[2]/td[2]/div/div/a[3]').click()
sleep(1)
#删除后文章数
afternumber=len(self.login.driver.find_elements_by_class_name('jp-actiontr'))
#验证删除后文章数=删除前文章数-1
assert beforenumber==afternumber 1
技术难点:
1.鼠标悬停操作:
ActionChains(self.login.driver).movetoelement(a).perform()
2.文章数目使用len()函数确认
3.所有文章数目确认通过self.login.driver.findelementsbyclassname定位一组elements确认
删除所有文章用例
删除所有文章页面:
实现思路:
用例设计:删除成功。
1.点击全选复选框
2.点击批量删除
3.验证:验证文章数目=0
实现脚本:
# 测试删除所有文章
def test_delete_all_article_ok(self):
#文章管理
self.login.driver.find_element_by_xpath('//*[@id="sidebar-menu"]/li[4]/ul/li[1]/a').click()
#点击全部复选框
self.login.driver.find_element_by_xpath('/html/body/div/div/section[3]/div/div/div/div[2]/table/tbody/tr[1]/th[1]/input').click()
sleep(1)
self.login.driver.find_element_by_id('batchDel').click()
sleep(1)
WebDriverWait(self.login.driver,5).until(EC.alert_is_present())
alert = self.login.driver.switch_to.alert
alert.accept()
sleep(1)
#文章数目=0
afternumber = len(self.login.driver.find_elements_by_class_name('jp-actiontr'))
sleep(1)
assert afternumber==0
if __name__ == '__main__':
login = Test_admin_login()
login.login_success()
testArticle = TestArticle(login)
testArticle.test_add_ok()
#testArticle.test_delete_one_article_ok()
testArticle.test_delete_all_article_ok()
总结:
通过上面我们可以发现,自动化用例的实现及用例和功能测试用例基本上是一样的,相同的操作步骤,相同的验证方法。只不过是通过脚本的方式展现出来,通过下面的表格再次加深一下印象。
添加ID标签实现元素定位
问题情境:
在本地环境util工具类里有一个封装好的图片验证码类,实现识别图片中的验证码,需要传入参数id。
但前端页面没有id属性,需要添加一个id属性,如下图:
那么,怎么样才能向前端页面添加属性值呢?这里我们使用JS语法。
添加id的思路如下:
首先,通过上图的img标签找到要处理的HTML元素;
然后,操作这个元素,通过setAttribute添加属性及属性值;
注意:js脚本需要放到一个变量中,然后通过self.driver.execute_script(js)执行脚本。
实现脚本:
js="document.getElementsByTagName('img')[0].setAttribute('id','captchaimg')"
self.driver.execute_script(js)
验证是否添加成功:
1.Chrome浏览器F12,找到console,输入脚本:
document.getElementsByTagName('img')[0].setAttribute('id','captchaimg')
2.返回element tab下,查看存在id属性如下图:
上面获取元素的方法除了标签名称还有其他方式如:
·getElementById()
·getElementByName()
·getElementByTagName()
·getElementByClassName()
至于何种方法可以根据源码查看,源码有什么用什么方法。
报错信息
javascript error: Cannot read property 'setAttribute' of undefined
数组越界
源代码:
js="document.getElementsByTagName('img')[1].setAttribute('id','captchaimg')"
文档中一共有一个img标签,下标从0开始,所以将1改为0。
修改后:
js="document.getElementsByTagName('img')[0].setAttribute('id','captchaimg')"
上面提供一种处理问题的思路,当我们需要某种元素标签时,并且这种标签不存在的情况下我们可以自己利用js语法添加标签并实现调用。
同时,在遇到selenium本身语法无法解决的问题,可以借助js脚本完成,比如页面上下滑动、处理时间空间等等。
登录功能验证码识别
一般web网站登录页面都会有验证码识别功能 ,如果是公司内部测试,可以让开发人员通过屏蔽验证码或者留后门方式轻松跳过,大可不必把时间浪费在验证码识别上。
但是,大部分小伙伴一般刚开始接触自动化时都是自己找的项目,基本上述两种方法不适用。
下面推荐两种常用的验证码识别方式:
第一种OCR自动识别方式,缺点较复杂的验证码识别不出来。
第二种,第三方API使用,我这里使用的是打码平台的,除此之外百度识别或者万维易源(缺点:调用繁琐、费用较高)。
场景:识别下图的验证码。
OCR自动识别的原理
在这里我们需要使用pytesseract,它是一款用于光学字符识别(OCR)的python工具,即从图片中识别出其中嵌入的文字。
整个过程分为截取登录页面->获取验证码的位置坐标->打开截图->从截图中截取验证码的区域->使用pytesseract工具识别验证码,这里直接使用pytesseract转换介绍。
1.安装Pillow
pip install Pillow
2.安装pytesseract
pip install pytesseract
3.实现代码
from PIL import Image 导入Image函数
import pytesseract 导入pytesseract
def get_file_content(filePath):
# 3.验证码处理-使用OCR自动识别
qq = Image.open("D://software//project//jpress//testcases//basic//test.png") # 打开jpg验证码图片
text = pytesseract.image_to_string(qq).strip()
运行查看结果返回为空,所以说这种方法对于简单的验证码还可以,复杂一点的可以直接放弃。
第三方API接口
打码平台链接地址:
http://www.ttshitu.com/docs/index.html?spm=null
首先需要注册一个账号,其次充值,1块钱够用挺长时间,找到对应的语言(如python),拷贝代码:
……
※※因原作者要求,文章仅显示其中一部分,完整文章下载阅读,可以直接:关注 私信“文章”即可。
最后给软件测试员的一封信
IT工作是辛苦的,软件测试当然也不例外。每天执行用例、跟踪Bug,还要与开发、产品同学争吵PK,与人斗其乐无穷~
但正是因为这些默默的付出,你让一场本该在用户面前发生的灾难,提前在自己面前发生了,你是否有一种救世主的感觉?
你拯救了用户,也拯救了这一软件,避免了她被撇弃、卸载的命运。既然选择了测试这一行,何不一站到底~~
现在我邀请你进入我们的软件测试学习交流群,关注 私信我“测试”,即可拉你入群哟~~
大家可以一起探讨交流软件测试,共同学习软件测试技术、面试等软件测试方方面面,还会有免费直播课,收获更多测试技巧,我们一起进阶Python自动化测试/测试开发,走向高薪之路。
那我邀你进群吧!记得:关注 私信我“测试”,即可拉你入群哟~~
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。