软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

本文主要内容包括以下几个功能的实现:

·文章发布

·删除单条文章用例

·删除所有文章用例

·添加ID标签实现元素定位

·登录功能验证码识别

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

添加文章

添加文章页面:

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

实现思路:

用例设计:包括添加成功和添加失败两条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弹窗消失很快,可以多次点击几下定位

删除单条文章用例

删除文章页面:

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

实现思路:

用例设计:删除成功。

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确认

删除所有文章用例

删除所有文章页面:

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

实现思路:

用例设计:删除成功。

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()

总结:

通过上面我们可以发现,自动化用例的实现及用例和功能测试用例基本上是一样的,相同的操作步骤,相同的验证方法。只不过是通过脚本的方式展现出来,通过下面的表格再次加深一下印象。

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

添加ID标签实现元素定位

问题情境:

在本地环境util工具类里有一个封装好的图片验证码类,实现识别图片中的验证码,需要传入参数id。

但前端页面没有id属性,需要添加一个id属性,如下图:

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

那么,怎么样才能向前端页面添加属性值呢?这里我们使用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')

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

2.返回element tab下,查看存在id属性如下图:

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

上面获取元素的方法除了标签名称还有其他方式如:

·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使用,我这里使用的是打码平台的,除此之外百度识别或者万维易源(缺点:调用繁琐、费用较高)。

场景:识别下图的验证码。

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

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()

运行查看结果返回为空,所以说这种方法对于简单的验证码还可以,复杂一点的可以直接放弃。

软件测试工程师必备:Web自动化实践全纪录,10分钟教你学自动化(自动化 软件测试)

第三方API接口

打码平台链接地址:

http://www.ttshitu.com/docs/index.html?spm=null

首先需要注册一个账号,其次充值,1块钱够用挺长时间,找到对应的语言(如python),拷贝代码:

……

※※因原作者要求,文章仅显示其中一部分,完整文章下载阅读,可以直接:关注 私信“文章”即可。

最后给软件测试员的一封信

IT工作是辛苦的,软件测试当然也不例外。每天执行用例、跟踪Bug,还要与开发、产品同学争吵PK,与人斗其乐无穷~

但正是因为这些默默的付出,你让一场本该在用户面前发生的灾难,提前在自己面前发生了,你是否有一种救世主的感觉?

你拯救了用户,也拯救了这一软件,避免了她被撇弃、卸载的命运。既然选择了测试这一行,何不一站到底~~

现在我邀请你进入我们的软件测试学习交流群,关注 私信我“测试”,即可拉你入群哟~~

大家可以一起探讨交流软件测试,共同学习软件测试技术、面试等软件测试方方面面,还会有免费直播课,收获更多测试技巧,我们一起进阶Python自动化测试/测试开发,走向高薪之路。

那我邀你进群吧!记得:关注 私信我“测试”,即可拉你入群哟~~

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2024年5月3日 上午9:26
下一篇 2024年5月3日 上午9:38

相关推荐