单元测试1----- 单元测试的引用(2019/1/24)
)
视频链接
操作
1.在浏览器输入http://172.16.200.128/ecsshop/
测ecsShop电子商务网站前台页面中所包含的一些javaScripe的一些脚本
2.右键–>查看网页源代码–>第58~73行是javaScripe的脚本语言,
通过58行scripe标志就可以知道哪一段是javaScripe的脚本,我们要测的是前台页面中各种javaScripe函数
3.找到function(函数):checkSourceForm()(61行)
是为了检查搜索框中有没有输入关键字
4.打开JavaScripe控制台
打开Google浏览器–>右上角点中“三个点”—>更多工具—>开发者工具—>最上层console
(这是为了让开发人员调试JavaScripe的一些代码,为了学习更直观,借助这么个JavaScripe的控制台来做一些操作,在实际操作中,如果真的要对前台页面中的一些JavaScripe脚本、函数做单元测试,并不是通过这里的JavaScripe控制台,而是使用JavaScripe工具来做)
5.在控制台输入
例一:>checkSourceForm();
JavaScripe控制台会自动匹配在这个页面中和我们输入相关的一些JavaScripe函数,
完成了函数的调用,一调用就知道函数的返回结果,这里返回false,并在页面上出现一个小框“请输入搜索关键词”
之前提过有关覆盖率问题,针对我们的代码进行测试,有语句覆盖,分支覆盖,条件覆盖,各种各样覆盖,
上例覆盖了一个else分支(67~71),if分支并没有被覆盖,
也可以覆盖if分支,如下例:
例二:在右上角输入123; 控制台中调用checkSourceForm();
或直接按"上键”再回车,回显true,他认为搜索的关键词是存在的
例三:document.getElementById(‘keyword’).value=“456”; checkSearchForm();
在console控制台输入:回显true,并且右上角搜索栏中为456.
代码是回到网页源代码中第63行,要判断界面元素“keyword”,
从document网页中找一个名为keyword的界面元素,给它附一个值,
8.以下测另外两个例子:
例一:document.getElementById(‘keyword’).value=""; checkSearchForm();
回显false,并且会出现一个框“请输入搜索关键词”
例二:document.getElementById(‘keyword’).value=" "; checkSearchForm();
回显true,并且右上角搜索栏中为"空格"
9.实际单元测试时的测试数据
根据"测试UNIT"(大概是这样发音的)的一些数据写入第一条语句的引号内,
然后调用被测函数,就完成了单元测试
总结
在实际工作中,相关赋值操作,通过代码方式赋值(如6)更合理一些,
对搜索的关键词做赋值,之后调用被测函数,来看我们的结果,是否正确,
这就是一个简单的单元测试,这个过程中要调用被测函数,被测代码