既然选择远方,便只顾风雨兼程……

对于Draw A Line函数的单元测试的几点想法和实践

上一篇 / 下一篇  2009-05-05 09:52:21 / 个人分类:软件开发相关

h5g4vx6q(re,dW%H0      这篇文章起源于有位园友在笔者的博客上提问(怎样对于一个Drawing类做单元测试),因为没有像其它的很多类或者方法,我们可以通过几句Asser.AreEqual(expectedValue, actualValue);来设置断言。这一类的单元测试笔者的经验或者说经历是一片空白,所以很遗憾不能及时帮助那位园友解决问题,而只是按照传统的单元测试的想法提供了点点建议。

5f2WZKL)\uv0

iO:B8fU]&n0一般的单元测试51Testing软件测试网6Gt)V{}3c:v

B }[ dn$d0     有返回值的

)RZ4RFg`.x:Y051Testing软件测试网)yn}q-x

      一般而言,我们所要应对的单元测试是是来应付类似于public ObjectA SampleFunc(ObjectB param1, ObjectC param2){...},对于这类,应用Xunit系列工具就可以很轻松的摆平了。

y"CIgi.f(w0

hY ^R dr-SxM0      首先我们准备一批测试数据,包括输入和输出两块数据,然后一组输入数据inputs[]和一组期望中的输出数据expectedoutput对应,最后用上面提到的Assert就搞定了:51Testing软件测试网p7H:da9DH1}W

51Testing软件测试网z"vV(iK+R1B

      Assert.AreEqual(expectedoutput, new SampleFunc(inputs[0],inputs[1]))

\!i)L{,f&l N i(q0

L9g*Q.^b.e,s0然后泡上一壶茶,运行一下XUnit,绿了也就Ok了。51Testing软件测试网*M0h/qh\zb6o

51Testing软件测试网XE$aw;i

    改变了某些变量的51Testing软件测试网c6X S"x4rES|%}

})l"vR.[)oq6ROy0    这一类的单元测试的对象——改变了某些变量的方法,一般它们没有返回值,但是它们会有一无意的流下了蛛丝马迹,比如改变了某个全局变量的值,或者给某个文件记录插上了一刀子留下了一道记录等等。例如某个方法啥也没干,除了向数据库添加了一条数据,自己还掩耳盗铃返回个void,跟没事的人似的。这类方法,XUnit系列也支持的很好,大不了咱去找受害者查证——查一查数据库看刚才添加的数据,然后来一个Assert一样完事。51Testing软件测试网f&cxm\|O

51Testing软件测试网9N"C8rY},_

 

N}x'a8y4J rO'D*W051Testing软件测试网1To"za~0K

今天要说的单元测试51Testing软件测试网 x:f\!jv&b+\:BZ-w%c*]

Y!C(b;rMO0       几天要说的单元测试其实在开篇就已经泄露了天机——对Drawing相关的方法进行单元测试,也有人称之为对于GUI单元测试。笔者觉得这个名字怪怪的,因为之前经历的GUI测试大多是在功能自动化测试中才会遇到,但是要让我适应GUI单元测试这种说法,还是有点困难。为了更贴切的来说明这个问题,我取了个名字“Draw a line”单元测试。我们会写一个简单的方法,什么坏事都不干,就在墙壁上涂涂鸦——在WinForm窗口上画一条线,然后我们要对这个(类)方法进行单元测试。听起来很有意思,好像也不难,我开始也是这么想的,但是直到现在也没能找出一个让自己百分百满意的解决方案,不禁开始严重怀疑自己的水准~~

yw L#v7go0

G*V-mD |?9v5|1O(O0      对于这类单元测试怎么做呢?我当时的第一直觉就是——还真不晓得……于是,只好请教Google老师了,或许是自己搜商确实不高,只找到了几篇相关联的,然后其中几篇看不大明白,剩下几篇自认为看明白了的我整理了一下,然后加上一些自己傻瓜式的天真想法。51Testing软件测试网 TD2Qz1AR}^ r#T

q5]0jT%iQ0     检查LOG法51Testing软件测试网\Qo J_

51Testing软件测试网:n+`"RQ?"M.q

     把这种方法首先列出来并不是因为这种方法好,相反是因为我习惯先苦后甜,这么不靠谱的方法拿出来先让大家扔砖头考验自己的砖头承受力。这种方法在于把很难检查的画图过程文本化,然后检查文本来验证我们是怎样画的这个图。

q%`6lu0cTb051Testing软件测试网GE|&P2f(J

    例如:我们有这样一段代码:51Testing软件测试网:@~8RI9feX

Fp6_G Ek4vfa0     protected void DrawALine(PaintEventArgs e)51Testing软件测试网 D:d v{L }
        {51Testing软件测试网O.Dops\
            Graphics g = e.Graphics;
zH*\3fpXu8z2xN$N0            myPen.Width = 5;
U8^^ c.Qs*Qa:o zH0            g.DrawLine(myPen, 16, 27, 38, 49);
whm r)x3}0        }
51Testing软件测试网aG3g,E!H _

,_-o"[:z'm.k5C0      这个方法做的事情是画了一条宽度为5的线,起点是(16,27)而终点是(38,49),对于这个方法,我们可以在末尾加上一段代码:51Testing软件测试网@c Ph$k7WZ{(x

d9q(` VF2OIr0     protected void DrawALine(PaintEventArgs e)51Testing软件测试网{_h v8A&mBB*d
        {51Testing软件测试网 f Z#Xk&M2T
            Graphics g = e.Graphics;
1_1D,]iq0            myPen.Width = 5;51Testing软件测试网"Pct5t5?2}3t KX
            g.DrawLine(myPen, 16, 27, 38, 49);
51Testing软件测试网 N`~P W

51Testing软件测试网@ YA"V)RzK]&q)?

             ActionLog("Line(5)(16,27,38,49)");//在log中记录下来我们画了一条线,宽度是5,坐标值是(16,27,38,49)
5wt9n9Jm0        }
51Testing软件测试网;HZM[nL(S

*J.o:{ F?0      后面的事情就简单了,在测试方法中运行相应的方法,然后再读取Log看一下Log中是不是做了我们期望做的事。

O9B`*z/^y_6\Vei0

6L,U u$`e6X A;JGpf]0      额,看到这里一定有人在开始骂“不知者无畏”了,其实也是,这种方法不仅傻,而且没有一点点实际用处,也说明不了任何问题。我绞尽脑汁凑了这么个应用场景:51Testing软件测试网?.J_6R~

51Testing软件测试网X5|r!k:Qm jqUW

     //画一个三角形

u6f5Q/s(ELw:d0

M*nR bv0      protected void DrawATri(PaintEventArgs e)51Testing软件测试网 F#o2S4TFS7G
        {51Testing软件测试网0}j_+g&b,z$S
            Graphics g = e.Graphics;51Testing软件测试网hwOe.a3s:G+E$ur
            myPen.Width = 5;
m1@%} H!g0            g.DrawLine(myPen, 16, 27, 38, 49);

Yv k&t-j4zy*@0

)B"m` a.mn;bj7f!@.g0             ActionLog("Line(5)(16,27,38,49)");//在log中记录下来我们画了第1条边,宽度是5,坐标值是(16,27,38,49)

D/l4@;hl!]0

0^C*Wq E0            g.DrawLine(myPen, 38, 49, 54, 49);51Testing软件测试网e6`W!IH(tF

51Testing软件测试网V)}&C7MJ${K;_

             ActionLog("Line(5)(38, 49, 54, 49)");//在log中记录下来我们画了第2条边,宽度是5,坐标值是(16,27,38,49)51Testing软件测试网)M'k] w6k%zv

51Testing软件测试网'YPf8j ~P_D&p

            g.DrawLine(myPen, 54, 49, 16, 27);51Testing软件测试网cG#YH*kB:Iw

51Testing软件测试网;c.bI%G y[

             ActionLog("Line(5)(54, 49, 16, 27)");//在log中记录下来我们画了第3条边,宽度是5,坐标值是(54, 49, 16, 27)51Testing软件测试网 _~9p[f{j`
        }

.Sf7kr%q(I0

0cvq*?7RUv0     这样我们在测试代码中先读出log中的内容,然后逐步检查我们干了什么—画三条边的先后顺序,甚至我们还可以检查这三条边是不是一样宽,这三条边是不是连接到了一起(检查任一边的两端点与另两边中的一个端点相同)。总之,我们是将我们在代码中做的不可见测试的代码用文本的形式表现了出来,然后我们就可以利用XUnit工具来Assert了,绿了,然后完事了。51Testing软件测试网l(V/S xM

51Testing软件测试网.b:^c4OS,j3y

      可是……不得不面对的是,这种方法确实局限性太大,而且也太明显——这种方法有N大缺点:51Testing软件测试网N P9P3k OrI

51Testing软件测试网A w+ln;p4P{2A4n }&LtJ

     1) 太不保险  我们甚至不能保证我们的代码是不是真的按照Log中写的那样做了,很可能并没有画出线却在Log中一本正经报告给我们已经画了第2条边,宽度是5,坐标值是(16,27,38,49)之类的东西,这种虚假情报很可能会害死人的。51Testing软件测试网9]?W&~2U'v1` T

51Testing软件测试网3p'gql~4jh

     2) 也太复杂  Assert的时候实在复杂,光是检查三条边是不是一样粗就需要两个Assert,检查三条边是不是连到了一起又需要两个Assert。。。

"mtJE!S E0

#D(?$nth)~SQ9pc1i0     3)代码依赖性  乍一看无非是加上一点点log,可是我们善后的时候可能还要加上条件编译,以防止太多的垃圾信息占用了资源,这些都要修改源代码,相信没有多少人愿意去做这件事情;另外当源代码的数量增多的时候,复杂度也就相应地增加了。

Hl;Wn E T ]051Testing软件测试网 d)R^V LF

     刚才已经绞尽了的脑汁再拿来绞一次,想2条这种方法的好处:

s'Gm${{#L$f~051Testing软件测试网R j[2g4z

     1) 告诉我们我们的代码是怎样做的,而不是做了什么(也就是How而不是What)

K|Sdb2ce051Testing软件测试网#_ d:F{ S2G#M

     2) 给我们一点点自欺欺人的自我安慰(我们这些代码是做了测试的。。。你看测试覆盖率摆在那里的)51Testing软件测试网$c0Z @,c,{X`!c

o&`` D8WH"y Z,B4\6Ds0    改进版Log法

k$a,or,O:V3bG5HL,p0

9S&S5X,K}W8iU0    这种方法之所以称之为改进版主要是因为我们采用了让代码自己记录行为的方法——我们需要写一个新的Graphics的子类,就叫做CustomGraphics吧,然后重写其中的一些方法,比如在DrawLine方法,我们需要可能需要这样干:51Testing软件测试网_u,l$~)r oc

51Testing软件测试网QhZz[z

     public override void DrawLIne(int x1, int y1, int x2, int y2)

`?k(poIz1Qk E l0

,K(N1qBP'Kma9f.N0     {51Testing软件测试网3Q3j;mTw6b

51Testing软件测试网b?sv-y;jG\M

           base.DrawLine(int x1, int y1, int x2, int y2);51Testing软件测试网4T JI$d0~H P%I:u\

tMPOrYe0           ActionLog("DrawLIne(int " + x1

0A4E:p4ZtoMq051Testing软件测试网 YW'K0?H

                                       +", int " + y151Testing软件测试网7s[s]*F]{

51Testing软件测试网0U0t^'N/s*S? { AC2|$z

                                       +", int " + x251Testing软件测试网l*m-T2M7F P5`q:R+R

51Testing软件测试网a9A-Vz!f!C%V0g#w

                                       +", int " + y2

0LpIm|'{n0

)h#{^-}Jbo:]](l0                                        +")");

C"Ou$g;^?rI0

i3h}N%c'X7J0     }

8[\4s7kL*S/[051Testing软件测试网^!K"V/ul_VX

     或许这个样子会更好:51Testing软件测试网U0?/b#lb0| S

*\'CGz~{Y8i2I0    public string ActionSaveAsText = "Do nothing";51Testing软件测试网%f6KZzI+ld"[i

51Testing软件测试网!cad:q,iq5e/L

     public override void DrawLIne(int x1, int y1, int x2, int y2)51Testing软件测试网\S(G*N Nk

AR0m9qZ5| BG-L0     {51Testing软件测试网{^Gf:t MM}B

51Testing软件测试网+ls3L&A`,d[~

           base.DrawLine(int x1, int y1, int x2, int y2);

Q+NsZm'A"D X S G051Testing软件测试网N d7EB1l%X$w"G4R1B

           ActionSaveAsText ="DrawLIne(int " + x1

w yb:L4k#Mr_0

[*}-w Rd0                                       +", int " + y151Testing软件测试网0C Oz6l:n:a8`z

qZ5Z Dk&v%?0                                       +", int " + x2

iMeFr P)M.r#Z0

2bJFQsje0                                       +", int " + y251Testing软件测试网}/H%QzL

(aT#z*A!O&t-OR0                                        +")";51Testing软件测试网,[`3{:ro"}6D

51Testing软件测试网WBucQA\"Z%{}

     }51Testing软件测试网 V O\Lq

51Testing软件测试网B/O|rF{5tM3|

     之后其他的事情跟Log法中一样,这样做显然会极大程度上减少我们在源代码中的ActionLog的数量,但是我们同样需要修改代码:我们要使用CustomGraphics而不是以前的Graphics类,我们还要保证我们使用过的方法中都增加了相应的 ActionSaveAsText  = "...";方法,这样看来,我们同样轻松不了多少。

9z Sx2},[6v/b"?0

NC0Rl]5Lk$K0     Notes:额,可能前面我给大家传递了错误的信息吧,其实我的测试对象是自己写的一个函数DrawALine,那个函数可以接收各种参数,然后画出一条线,而不是说我去测试.net中已有的DrawLine方法,这个方法当然是不需要我们去测试的。或许我应该改成DrawTwoLines来测试,这样就不会引起误会了~~

9Z CT6p4UA$M(f9E0

r4u ?3QM J0 51Testing软件测试网8j J+`Z,L%r(h(j

L&`-_ZY}"q$M0     截图法

$hZ!oa/v051Testing软件测试网/G(H\US9oC

     好吧,上面的话已经讲完了,想扔砖头的使劲扔过来吧,我正好没钱买房子,说不定可以凑点砖头自己垒起来一层~~接下来介绍的,看起来是另外一个麻烦的东西。从名字上看,你可能会想说:是不是就是画完图之后把图片接下来然后比较图片啊。如果你这么想的话,那么恭喜你,我确实是这样想的——刚才脑汁已经绞尽了两次了,所以也想不出什么更好的办法了,只能拿这个方法来凑一凑数。51Testing软件测试网^5wtah

51Testing软件测试网 Y Xl^pbc

     大体思路是这样的:

!N g N}h i0

)YFi7@u@}G.@n0    步骤1:运行待测方法DrawALine,在Winform窗口上画条线51Testing软件测试网J ~p*v!IEDsx

51Testing软件测试网9]+R]*J? Z

    步骤2:检查画的线是否正确

W*a zr+@+t ~m#zW9p0

&J:dx/Y)fl/G:t:f0    步骤3:保存刚才画的线为图片形式

-H k {e8A.Lr,y5jH:G051Testing软件测试网/?(^3K3SsI

    步骤4:在测试代码中重复上述操作,并将测试代码中得到的图片跟手工运行(调试运行)得到的图片进行比较

8^Gq%W5i#[ dNj$LK051Testing软件测试网r s3L? CU#`e b

    上述步骤其实跟我们常见的单元测试过程很接近(当然这里不包括TDD中的测试,而是传统的流程中先代码后测试的顺序)。难道我们找到银弹了,难道事情就这样被解决了?显然不会这么简单。。。不过为了安慰一下我和大家受伤的心灵,我们先来展望这种方法好处:51Testing软件测试网MpR)N,Y;H+\h7U

51Testing软件测试网X0WBA*`(L8O ]0T

     1) 准确性提高   如果是两个一模一样的图片,自然我们画的图就是对的了,而且我们还可以拿截下来的图好好瞅瞅,随机抽查一下我们的DrawALine上不上镜,是不是照的艺术照给照得面目全非了——毕竟我们需要的是Draw出来的是A 真是的Line。51Testing软件测试网$S*wL4~ U|xnS

I'Q%{'Hh0     2) 源代码的修改少  这是另外一个很大的优势。试想我们只是运行一下DrawALine方法,DrawALine方法帮我们把线画出来,然后我们拍个照带走跟之前的标准像比较就成,不需要在源代码中作额外的事情。51Testing软件测试网W!?Dro Fe

I#Hy:o'@{9J0     看到上面的展望,心情有点激动,似乎真的是银弹,不费吹灰之力就摆平了,很好很强大。。。Ok,在YY过后我们应该清醒过来了,我们还要事先预估一下可能遇到的问题以及这种方法的缺陷:

z.X9s-]}051Testing软件测试网BHDVK

     1)  截出想要的图   我们能不能在运行了DrawALine方法之后顺利的截出我们想要的图,而且要跟标准像大小位置一致,这个需要再想一想。

Pqww_*\&Yn0

;[(x3R*h `/F@0     2) 图片比较   要比较两张图是不是完全一样51Testing软件测试网Od u"I7@*t)qvKY5]

51Testing软件测试网4Tez4}k*@w!\"v/I1L

     3) 图片保存   标准像怎么保存,不同的方法不同的用例的标准像要怎么保存?而测试运行过程中的图片是否要保存下来以供抽查,这个又怎么保存?

/E3Tb`d~u^/a3wF(Q]1h0

4{[7ElSv8S'f#rQ0     4) 运行速度   对于单元测试来讲,我们希望很快运行完毕,而我们的这种办法是不是存在效率地下的毛病?51Testing软件测试网aG#y@e/M

9I/ob!GN&y+RAi0   Mock法51Testing软件测试网,?OQ9@ XYb

EC{l?0     对于很多人来讲,Mock也许是解决此类问题的不二法宝了吧:)就连很多介绍mock的文章中提到mcok的最佳应用环境时候,都不忘提到UI相关的单元测试是它的强项。关于Mock法,自然也有一些它的劣势,比如过于死板的一条道儿走到黑——对原代码的实现方式依赖性较大,而且Moss也不能满足某些人的需要,让他们亲眼看到这个程序真实的运行效果。51Testing软件测试网X7i!S K5\;c1j\

vTa&X xv0     总的来讲,正如楼下兄弟说的那样,Mock应该是最佳解决方案了,至于上面的截图法可能略显得臃肿,也显得更像是功能测试而非轻便的单元测试了。

:` S@8p&x2n9}1_4nR0

xRj8PVb5`0总结51Testing软件测试网$N5K c/PJG

51Testing软件测试网+Jq/J$t FM@

     断断续续整了好几天,终于整了一点点眉目,对于第三种截图法,笔者也已经有了一些初步的代码,相信在下一篇文章中可以拿出来跟大家一起分享。不过稍显遗憾的是,笔者没能找出其他的更方便的方法,比如是不是存在这样一种方法,把DrawALine的结果也可以描述成对象,然后直接比较对象的属性;亦或者其他的笔者想都没有想到的地方和方法?对于上述介绍的方法,欢迎大家扔砖~~51Testing软件测试网@_w |2q|!]u$x9N

51Testing软件测试网'F+G!jbh0?!j.B

后记

$C(py$G\*W@051Testing软件测试网9\{_;UC{%j

      由于本本上面的开发环境崩溃的原因,本文中的代码并未在IDE中调试,代码中可能有一些因疏忽导致的纰漏甚至弱弱的语法错误,而代码的颜色也不如VS中那么容易辨认,给大家阅读造成的困难敬请原谅~~51Testing软件测试网,`u9Q NeMz_


TAG: GUI 单元测试

 

评分:0

我来说两句

Open Toolbar