JavaScript重构深入剖析(1)(2)

时间:2013-03-06 14:58来源:未知作者:admin 点击: 次

分享到：

JavaScript的测试进行JavaScript重构时，我希望引入易于使用的测试框架来保证重构的顺利进行，未来能持续通过测试代码对JavaScript逻辑的正确性做保障。

JavaScript的测试

进行JavaScript重构时，我希望引入易于使用的测试框架来保证重构的顺利进行，未来能持续通过测试代码对JavaScript逻辑的正确性做保障。

JsUnit （http://sourceforge.net/projects/jsunit/，http://www.jsunit.net/）

JsUnit是一个独立的JavaScript单元测试框架，和JUnit差不多，没有上手难度，包括传统的setUp和tearDown，提供的assert方法也和JUnit类似，多了assertNaN和assertUndefined等等JavaScript特有的方法。测试页面必须在<head>里面引入jsUnitCore.js这个js文件。

测试套件的支持：提供了addTestPage和addTestSuite；

测试日志的支持：包括warn、info和debug三种日志级别，前端编码不似后台代码，正式代码中不宜使用过多log，再说log也只有FF下才支持，现在好了，在测试代码里尽情打吧。

千言万语不及一个例子：

<script language="javascript" src="jsUnitCore.js"></script>   
<script language="javascript" src="play.js"></script> //模块JS  
 
    function testWithMainProcess() {   
        assertEquals("Web play url", "##http://...##", webOnlinePlay());   
    }

项目的代码里到处是Ajax调用，要做单元测试，看来打桩是不可避免了。Mock类的工具有许多，比如适合JQuery的QMock：

var mockJquery = new Mock();   
   mockJquery   
      .expects(1)   
      .method('ajax')   
      .withArguments({   
         url: 'http://xxx,   
         success: Function,   
         dataType: "jsonp"   
      })   
      .callFunctionWith({ feed : { entry : "data response" }});