有朋友反映最近我写的东西太难了,太高级了。比如说我今天分享的主题是
javascript在自动化测试中的应用
有些朋友说我之前讲的自动化测试的东西,需要消化很久,有一定的难度,意思就是说我动不动就讲测试框架,测试开发
是不是会有这样的感觉?
比如今天分享的javascript,大家做软件测试有没有用过?或者在自动化测试中应用过
可能很多朋友javascript都是在Html中应用。
我们做测试就是会应用在自动化测试当中
不管学什么技术,都要活学活用。
基础比较差的朋友,如果你觉得前方高能,可以先去把基础巩固一下,我始终认为一个点
如果你在互联网行业,做测试工程师。我们的目光一定要长远一些,格局要高一些,任何一个行业如果做到极致,就是艺术家。
闲言少叙,我们直接进入今天的主题,我们从这三方面来讲解javascript在自动化测试中的应用
javascript简介
JavaScript是Web的编程语言,是目前最流行的脚本语言,这门语言可用于HTML和web开发
JavaScript可以让静态HTML页面上添加—些动态效果
JavaScript是可插入HTML页面的编程代码。
JavaScript插入HTML页面后,可由所有的现代浏览器执行。
web网页的组成
HTML定义了网页的内容
cSs描述了网页的布局
JavaScript实现了网页的行为
HTML中的脚本必须位于<script>与</script>标签之间。脚本可被放置在HTML页面的<body>和<head>部分中。
有很多朋友可能觉得JavaScript是开发使用在Html中
JavaScript第一点
我们现在做自动化测试有一个什么样的特点?
很多Web,比如说我们的Web自动化测试框架一个原理,就是通过JS来实现对Web元素的操作,所以我们为什么要了解学习JavaScript,你做自动化可能很多朋友在网上看到一些简单的DEMO代码,用来简单的实现自动化,那你真正的了解过这个自动化到底是怎么实现的?
比如说我们很经典的,一个selenium框架,那么它是怎么将我们的自动化做起来的呢?
它将我们需要操作的业务逻辑,点击内嵌到自己的一个网页中,那再通过一些脚本语言来实现这个伪元素的操作,这是它的一个底层核心原理。
所以说如果你真正的去面试的时候,面试官问你Web自动化框架底层用什么来做的。就是说它通过JS获取浏览器很多对象,去进行操作,去执行,其实我们的selenium框架也提供了操作JS的方法。
JavaScript第二点
如果你做接口测试,JavaScript可以执行接口测试。
我拿之前的一个项目给大家看一下
用Postman做一个完整的自动化测试流程,再用Python加一些框架来实现。
那么在用Postman的时候,比如说一个论坛的项目
那么他在这么多接口之间,相互关联的时候,它中间会用到一些javascript代码
比如这个就是定义一个变量,就是JS的语法,所以说它可以执行接口测试。JS在Postman里面进行一些参数关联,环境变量的设置,结果的校验,其实都是JS语法,所以说不管做接口测试,功能UI测试都会去用到这个JS,大家有没有用过呢。
JavaScript第三点
JS其实可以提高自动化测试的效率和稳定性,如果你做UI自动化,你通过一些JS语句它可以提高这个效率,我们做自动化测试最怕的就是效率太低了,然后脚本不稳定,那其实我们最怕的两个点,如果很多用例你用这个JS来替代,是不是可以提高我们自动化测试的效率,刚好是我们想要的东西。
当然还有很多东西,我们不得不来了解这个js,就是说大家在工作过程中,你去看这个控制台里面,有时候非常多的信息,就是JS,比如说下图报错,然后一些什么类型的消息,调试,这个里面都是一个JS。
那么说了这么多的JS,为什么要来学JS,javascript和Java有什么关系?
了解一下他的历史、渊源。
其实,它和Java没有任何的关系。、
它只是借着Java的名声,一个非常火爆的程度,然后取了这样的一个名字,当时刚开发的时候,趁(蹭)热!
其实JS也是一个行业大牛,花了不到一个月的时间,开发出来的,一般的我们学习一门语言,大家可能都是第一句代码
比如说大家学Python学Java,第一行代码。都是
print("hello world")
那么我们js在哪里些代码呢?
比如Python是不是用PyCharm来写?
一般最简单的就是在控制台里面打印,比如我们来学习JS了,我们第一行代码。
这就是在浏览器开发者工具,在这个控制台里面。
其实用得最多的还是在Html里面,像很多年之前,没有这个js之前网页都是静态的,那么现在的网页是不是都会有很多酷炫的效果,很美观,那么动态是怎么来实现的呢?
比如这个12306网站,联系客服,我鼠标一移上去,它会变一个颜色对吧,这个不算酷炫的效果,一个简单的动态效果,那它肯定是通过JS来实现的,我们一起来写一个简单一点的效果。
比如说,现在所有的Web页面,它是怎么来的,它是由哪些东西组成的,像你随便看到一个网页,为什么会在网页上显示这些东西,那么它首先是一个Html定义了网页的内容,就是你在网页点击右键检查(快捷键F12)
这个里面都是Html代码
Html里面它有一个定义了网页内容,那么css描述了网页的布局,什么叫网页的布局?
那么这个排版,整整齐齐,颜色搭配,字体大小,等等,都是css。
像我们鼠标移上去显示一个什么动态效果,就是我们今天将的javascript,它实现了网页的行为。
如果我们想来做一个简单的网页,比如说你做一个表白网页,气球,一个心形的效果
你在PyCharm编辑器里面新建一个,写这个网页看不懂没关系,毕竟我们主要还是做测试。
后面它在自动化测试中如何应用的才是重点。
比如这是0721_js,
你新建一个Html文件就好了,这个时候它就会出现一些初始化的代码。
这是一个网页,由Html组成,现在其实我们就可以去打开这个网页了,但是什么内容都没有,一片空白。
对这个感兴趣的微信公众号程序员一凡,主页点击领取资料,有录制的视频教程讲解。
这篇文章做一个入门的讲解,javascript在自动化测试中的应用视频详解教程免费领取。
愿你我相遇,皆有所获!
愿你我相遇,皆有所获! 欢迎关注微信公众号:程序员一凡
1.免费领取一份216页软件测试工程师面试宝典文档资料。
2.软件测试学习路线以及相对应的视频学习教程免费分享!