视频链接

视频链接

操作

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分支，如下例：

例二：在右上角输入１２３; 　　　　　　　　　　　　　　　　　　控制台中调用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，并且右上角搜索栏中为＂空格＂

９.实际单元测试时的测试数据

根据"测试UNIT"（大概是这样发音的）的一些数据写入第一条语句的引号内，
然后调用被测函数，就完成了单元测试

总结

在实际工作中，相关赋值操作，通过代码方式赋值（如6）更合理一些，
对搜索的关键词做赋值，之后调用被测函数，来看我们的结果，是否正确，
这就是一个简单的单元测试，这个过程中要调用被测函数，被测代码