本文主要内容包括以下几个功能的实现:
·文章发布
·删除单条文章用例
·删除所有文章用例
·添加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),拷贝代码:
版权声明:本文出自《51测试天地》第六十一期。51Testing软件测试网及相关内容提供者拥有51testing.com内容的全部版权,未经明确的书面许可,任何人或单位不得对本网站内容复制、转载或进行镜像,否则将追究法律责任