空间管理您的位置: 51Testing软件测试网 » Mr.南柯 » 日志

单元测试普及（二）：更高效地检查bug

上一篇 / 下一篇 2012-10-08 09:10:35 / 个人分类：单元测试

查看( 831 ) / 评论( 0 ) / 评分( 0 / 0 )

　　如果你没有阅读过前一篇文章，请移步

zBse"jS"NK0　　●单元测试普及（一）：以前的测试方式

　　单元测试是一种查找bug和验证程序正确性的测试方式，并且不需要纠结于调试工具和console.log/alert。单元测试还带来很多其他优点，我会在本文中讲述。

OFj'B,iE$]N)IZ0　　什么是单元测试

　　单元测试代码通常伴随着一个期望值运行在你的产品代码中。举个例子，我们假设之前jQuery.fn.differenceInWords例子中的两个bug还没有修复，然后试着用单元测试来查找Bug：

　　上面的测试用例用已知的日期属性值对元素进行处理，然后如果结果和期望值有出入，则抛出一个错误。这些测试代码可以放置在另外的文件中，在使用这个插件的页面中将这个文件也一起载入进去。在浏览器中运行这个页面，我们就可以看到提示“All tests Ok!”，或者一个注明错误位置的消息。51Testing软件测试网4wa9X2LUf

iwUN&Ox)s0　　这样的测试方式看起来可能会有些麻烦。我们不仅仅需要写log语句来检查代码，而且我们还需要创建元素，然后通过运行这个插件来检查生成的文本。这个测试方法的优点在于：

(B\IM[ ?-b0　　● 这个测试可以在任何时候任何浏览器中运行。51Testing软件测试网)Ph SGHu4b

　　● 只要我们记得在修改代码之后运行这个测试用例，那么这个bug基本上不可能再次出现。

　　● 如果能正确地清理代码，这些测试可以作为代码的文档。

　　● 测试可以自动进行。无论我们增加了多少测试，我们依然只需要一个页面来检查是否存在问题。

F&g'T:c'U0　　● 测试不会干涉到产品代码，因此不需要冒着像alert或者console.log方式可能带来的风险。

　　使用单元测试框架51Testing软件测试网 wz0Dui

　　我们所写的测试包含了比较多的代码。幸运地是，现阶段存在很多测试框架让我们从大量测试代码中解脱出来。使用一个测试框架可以让我们减少测试本身包含的逻辑，从而减少测试本身出现bug的概率。一个框架可以提供更多自动测试和展示结果的选择。51Testing软件测试网*B8J:sX:g5p

B5w5i5d ^6a(rH0　　Assertions

　　assertion就是一种特殊的检查参数的方式，并且可以做到错误的标记（通常采用抛出一个Assertions或者类似的方式）。最简单的assertion就是判断参数是否正确。assertions通常接收一个message，用于在出错时展示：51Testing软件测试网MR/{{f5d&{

assert("Small date difference expected\n '3 days, 2 hours, 16 minutes and " +
"10 seconds ago' got\n'" + element.text() + "'",
element.text() == "3 days, 2 hours, 16 minutes and 10 seconds ago");

]o2Gm3k4~0　　assert方法调用message作为第一个参数。message的意义在于测试需要预先设置好期望值，然后assertion就像是一个伴随message的规范来界定结果是否和期望值一致。

'ioak#d.N0　　一个简单的assert，就像上面的例子一样，通常就可以满足你的需要了，大部分测试框架都提供了一个可定制的assertion。我们真正需要做的是检查一些计算结果是否和期望值一致。大部分测试框架都含有一些类似assertEquals的方法，例子如下：

assertEquals("3 days, 2 hours, 16 minutes and 10 seconds ago", element.text());

　　注意，我们不需要再说明判断形式。assertEquals知道我们期望第二个值和第一个值对等，那么它会自己生成一个合适的message。51Testing软件测试网dAC!Y1P5@j

yt @7FF3Nj1OH0　　测试用例，setUp和tearDown51Testing软件测试网 y)qs5M{s

　　我们手工编写的单元测试包含两个独立的测试。当使用一个测试框架的时候，我们通常在测试用例将其指定为一个独立的函数。一个测试用例就是一个测试的集合，用于测试相关的函数。为了让测试报告更方便查看，测试用例一般都会有一个名字。下面就是一个结构化之后的手工单元测试例子。51Testing软件测试网1~U/wr|He l

var second = 1000;
var minute = 60 * second;
var hour = 60 * minute;
var day = 24 * hour;
TestCase("TimeDifferenceInWordsTest", {
"test 8 day difference should result in '1 week ago'": function () {
var dateStr = new Date(new Date() - 8 * day).toString();
var element = jQuery('Replace me');
element.differenceInWords();
assertEquals("1 week ago", element.text());
},
"test should display difference with days, hours, minutes and seconds": function () {
var diff = 3 * day + 2 * hour + 16 * minute + 10 * second;
dateStr = new Date(new Date() - diff).toString();
var element = jQuery('Replace me');
element.differenceInWords();
assertEquals("3 days, 2 hours, 16 minutes and 10 seconds ago", element.text());
}
});

　　每个测试之前的注释都换成了测试函数的名字，比较处也换成了assertion。我们甚至可以让每一个测试更加清晰，通过将date对象的创建放到一个指定的方法setUp上，这个方法在测试函数执行前会被调用：

-rnH(e#ZJ&DO051Testing软件测试网"tz{!U!E.H

TestCase("TimeDifferenceInWordsTest", {
setUp: function () {
this.date8DaysAgo = new Date(new Date() - 8 * day);
var diff = 3 * day + 2 * hour + 16 * minute + 10 * second;
this.date3DaysAgo = new Date(new Date() - diff);
},
"test 8 day difference should result in '1 week ago'": function () {
var element = jQuery('Replace me');
element.differenceInWords();
assertEquals("1 week ago", element.text());
},
"test should display difference with days, hours, minutes and seconds": function () {
var element = jQuery('Replace me');
element.differenceInWords();
assertEquals("3 days, 2 hours, 16 minutes and 10 seconds ago", element.text());
}
});

j!W(GD E5b6he0　　setUp方法也可以包含一个附带的tearDown方法，在每个测试之后执行。这个例子不需要tearDown方法，但是你可以在需要在每次测试完成之后需要做清理的时候增加这个方法。假设你要测试一些实现本地存储中数据缓存的代码。为了避免测试之间的相互影响，你可能会想要对测试产生的数据进行清除。

m`\Uiu|2D#N0　　除了代码和测试之外，你需要指定一些方式来执行测试。大部分JavaScript单元测试框架都要求有一个简单的HTML文件以正确的顺序加载正确的文件（包括测试框架本身）。这个HTML文件可以在浏览器中加载。通常所有通过的测试都用绿色标记，然后不通过的测试会用红色标记。51Testing软件测试网"F8DU'A,yVd

收藏举报

TAG:

查看全部评论

bob123654

不要让那些真正对你好的人，慢慢的从你的生活中消失，无论爱情还是友情，都需要用心经营。

单元测试普及（二）：更高效地检查bug

用户菜单

我的栏目

标题搜索

日历

我的存档

数据统计

RSS订阅