web前端开发七武器—Jasmine入门教程(上)

使用难度:


页面前端逻辑复杂度与日俱增,前端工程师写出来的javascript变得庞大甚至臃肿,维护的难度不断加大,你需要一个javascript单元测试框架,用于降低维护javascript代码时的出错风险,保证重构后的代码的兼容性,最重要的是减少人肉测试的过程,降低js代码维护成本。jasmine无疑是目前最优秀的javascript单元测试框架之一,目前淘宝UED正在使用,在易用性和质量上都非常不错。
单元测试的核心任务是建议一套针对javascript代码的实例库(如果你愿意可以覆盖你写的javascript所有的类的方法!)。
你可以运行下SpecRunner.html(实例页)体验下jasmine的测试界面,如下图:
当测试用例的背景全部为绿色时,表示测试通过,红色出现时表示测试失败,代码有问题。
SpecRunner.html是非常标准的单元测试,可以作为你项目测试页面模板。
接下来我们以实例包为例,里面已经包含了jasmine的源码了。实例包的目录如下:
打开实例包的SpecRunner.html。在测试页面中引入jasmine库
错误很明确的指向Convert变量未定义!!!好的,我们接下来打开src/convert.js,你就会发现变量错了!将xConvert改成Convert,你就会发现测试通过了!
当然这个错误其实是人为制造的错误,而且代码偏简单。代码越复杂,越有必要进行单元测试,才能保证你日后维护时,整个类逻辑的正确性。



