单元测试普及(二):更高效地检查bug
上一篇 / 下一篇 2012-10-08 09:10:35 / 个人分类:单元测试
8j o `3rg$jog)D0 如果你没有阅读过前一篇文章,请移步
(]1o5] yI^ a8ak0Q1]*^8}$o&m-P;SA0 ●单元测试普及(一):以前的测试方式51Testing软件测试网/y)uCiQcVZ3Y1` Hr
"n9Q)]o Q.?W0 单元测试是一种查找bug和验证程序正确性的测试方式,并且不需要纠结于调试工具和console.log/alert。单元测试还带来很多其他优点,我会在本文中讲述。51Testing软件测试网$d_4h fT.bi/^/D4Kp
51Testing软件测试网!?n7P1GU]|5|n什么是单元测试51Testing软件测试网7?@9BgfA$t)l
51Testing软件测试网a7d9G[S单元测试代码通常伴随着一个期望值运行在你的产品代码中。举个例子,我们假设之前jQuery.fn.differenceInWords例子中的两个bug还没有修复,然后试着用单元测试来查找Bug:51Testing软件测试网2CG$ii^#X8jfd
var second = 1000; 6c'~^#A5{is0var minute = 60 * second; 5u1[*Vu(w? J dID|-D0var hour = 60 * minute;51Testing软件测试网:^3Tnn;O^R var day = 24 * hour; V*_fU8H$rK$][0try { AEe7u5?0 // 测试8天的差值结果是否为 "1 week ago"51Testing软件测试网%R;MO"S?A*{/i9sT var dateStr = new Date(new Date() - 8 * day).toString(); Z?g&R)nNW0 var element = jQuery('Replace me'); p^@0C#]O U0 element.differenceInWords(); (LM'F PX&^l0 if (element.text() != "1 week ago") {51Testing软件测试网-zI*zI,qw\7\ throw new Error("8 day difference expected\n'1 week ago' got\n'"+51Testing软件测试网C5^7{gwyP[ element.text() + "'"); V]+e:iBb0 } )e R Oij,_0 // 测试一个更短的日期 %fa,aPu0 var diff = 3 * day + 2 * hour + 16 * minute + 10 * second;51Testing软件测试网7^:goe D%U dateStr = new Date(new Date() - diff).toString(); b[-x/F'j0 var element = jQuery('Replace me'); 7M@VZ(T X]/mfG0 element.differenceInWords();51Testing软件测试网^Ho'vv5RT g if (element.text() != "3 days, 2 hours, 16 minutes and 10 seconds ago") {51Testing软件测试网zM5Kk:f$dq/z throw new Error("Small date difference expected\n" +51Testing软件测试网*ZvmXp "'3 days, 2 hours, 16 minutes and 10 seconds ago' " +51Testing软件测试网"_Tsf_ "got\n'" + element.text() + "'"); MZ3M YH:F^n0 }51Testing软件测试网X"~{3R*e&[k%y alert("All tests OK!");51Testing软件测试网M\-uE'MdV } catch (e) {51Testing软件测试网5N @#_nx&vcu9K alert("Assertion failed: " + e.message);51Testing软件测试网ht5P!FRj8tPxY } |
上面的测试用例用 已知的日期属性值对元素进行处理,然后如果结果和期望值有出入,则抛出一个错误。这些测试代码可以放置在另外的文件中,在使用这个插件的页面中将这个文件 也一起载入进去。在浏览器中运行这个页面,我们就可以看到提示“All tests Ok!”,或者一个注明错误位置的消息。51Testing软件测试网pAZ AvX!O
51Testing软件测试网~4YC^2s}\这样的测试方式看起来可能会有些麻烦。我们不仅仅需要写log语句来检查代码,而且我们还需要创建元素,然后通过运行这个插件来检查生成的文本。这个测试方法的优点在于:51Testing软件测试网 scY:si2|"C
QsoM"v6P N{0 ● 这个测试可以在任何时候任何浏览器中运行。
[#P8HfW'Qv7[E0k[2Ci4U0 ● 只要我们记得在修改代码之后运行这个测试用例,那么这个bug基本上不可能再次出现。
.z#f0V6P;]@h%DH0a.m VfMCjj0 ● 如果能正确地清理代码,这些测试可以作为代码的文档。51Testing软件测试网Kk-O8Vl~.CBZP
*Nz.Sz6C\Z0 ● 测试可以自动进行。无论我们增加了多少测试,我们依然只需要一个页面来检查是否存在问题。
P;y+f4KOy,b:Q N0$HbYb(kqr0 ● 测试不会干涉到产品代码,因此不需要冒着像alert或者console.log方式可能带来的风险。51Testing软件测试网UPQ1}[8C
$y;?0`Bq0 使用单元测试框架51Testing软件测试网'P8q/rNC v
51Testing软件测试网9^^,Dl.Es5Sc我们所写的测试包含了比较多的代码。幸运地是,现阶段存在很多测试框架让我们从大量测试代码中解脱出来。使用一个测试框架可以让我们减少测试本身包含的逻辑,从而减少测试本身出现bug的概率。一个框架可以提供更多自动测试和展示结果的选择。51Testing软件测试网:tWE ]5|7u
51Testing软件测试网4~f;rT3e'D#y)UbAssertions
;S'D/a D%D051Testing软件测试网m;DYT Maassertion就是一种特殊的检查参数的方式,并且可以做到错误的标记(通常采用抛出一个Assertions或者类似的方式)。最简单的assertion就是判断参数是否正确。assertions通常接收一个message,用于在出错时展示:51Testing软件测试网Wk/z lqJ'K5@
u;w,Z [0y051Testing软件测试网\6a\ZYq8eR+s
assert("Small date difference expected\n '3 days, 2 hours, 16 minutes and " +51Testing软件测试网#n`Jh aZ "10 seconds ago' got\n'" + element.text() + "'",51Testing软件测试网n/iM YB9{!znO element.text() == "3 days, 2 hours, 16 minutes and 10 seconds ago"); |
)\2i%s9x3PT9j$@0 assert方法调用message作为第一个参数。message的意义在于测试需要预先设置好期望值,然后assertion就像是一个伴随message的规范来界定结果是否和期望值一致。
5qnb3CdpN!lBAULM0R/W%lsn9[ w4W?/K0 一个简单的assert,就像上面的例子一样,通常就可以满足你的需要了,大部分测试框架都提供了一个可定制的assertion。我们真正需要做的是检查一些计算结果是否和期望值一致。大部分测试框架都含有一些类似assertEquals的方法,例子如下:51Testing软件测试网*we _OLa
*|{H8Oe$~qyVS,u0
y{3c)Ju-D2`c:l&u^0assertEquals("3 days, 2 hours, 16 minutes and 10 seconds ago", element.text()); |