script.aculo.us单元测试,久违的绿色快感

这里的绿色快感就是单元测试中的“祖国山河一片绿”的快感。

试着使用jsunit,什么反应都没有(对不起,我喜欢直接打开)。.翻阅<ajax design="" patterns="">中的test一章,才发现script.aculo.us中的单元测试支持相当简单好用。

这里直接把这本书里面的单元测试代码拿出来吧,其实就是script.aculo.us中的测试代码。
</ajax>
xml 代码
 
  1. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">    
  2. <head>       
  3. <title>Queue Test<!--</span-->>       
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />       
  5. <script src="/run/Lib/js/util.js" type="text/javascript"></script> //util库,非必需      
  6. <script src="prototype.js" type="text/javascript"></script> //是否需要不知,反正基本上都会用prototye       
  7. <script src="unittest.js" type="text/javascript"></script>  //单元测试的库      
  8. <script src="queue.js" type="text/javascript"></script> //需要测试的代码        
  9. <link rel="stylesheet" href="test.css" type="text/css" /> //绿色的来源        
  10. </head>       
  11. <body>       
  12.    ...       
  13.   <!-- Log output -->       
  14.    <div id="testlog"></div> //看的懂英文吧,单元测试的输出在这里      
  15.    <!-- Tests follow --> //下面就是测试使用的代码了      
  16.   <script type="text/javascript" language="javascript" charset="utf-8">       
  17.      new Test.Unit.Runner({  //好像就是TestRunner      
  18.        q: null, //你写TestCase也要定义field的      
  19.        setup: function( ) { with(this) { //相当于setUp()      
  20.          q = new Queue( );       
  21.        }},       
  22.        testEmptyQueue: function( ) { with(this) { //相当于testXXX()      
  23.          assertEqual(0, q.size);       
  24.         var items = q.items( );       
  25.         assertEqual(0, items.length);       
  26.  }},       
  27.    ...       
  28.  });       
  29. </script>    
  30. <!-- 下面可以有内容,模拟真实网页中的内容 -->        
  31. </body>       
  32. </html>      


最终效果见 ajaxify.com/run/reader/queueTest.html


7 tests, 34 assertions, 0 failures, 0 errors
Status Test Message
passed testEmptyQueue 2 assertions, 0 failures, 0 errors
passed testAdmit 2 assertions, 0 failures, 0 errors
passed testServe 3 assertions, 0 failures, 0 errors
passed testSeveral 10 assertions, 0 failures, 0 errors
passed testSequence 12 assertions, 0 failures, 0 errors
passed testServeEmptyQueueReturnsNull 2 assertions, 0 failures, 0 errors
passed testListener 3 assertions, 0 failures, 0 errors

久违的绿色快感又回来了!

你可能感兴趣的:(JavaScript,Ajax,xml,css,单元测试)