首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2013-03-22 
web前端开发七武器—Jasmine入门教程(上)使用难度:页面前端逻辑复杂度与日俱增,前端工程师写出来的javascri

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

web前端开发七武器—Jasmine入门教程(下)web前端开发七武器—Jasmine入门教程(下)使用难度:web前端开发七武器—Jasmine入门教程(下)web前端开发七武器—Jasmine入门教程(下)web前端开发七武器—Jasmine入门教程(下)

页面前端逻辑复杂度与日俱增,前端工程师写出来的javascript变得庞大甚至臃肿,维护的难度不断加大,你需要一个javascript单元测试框架,用于降低维护javascript代码时的出错风险,保证重构后的代码的兼容性,最重要的是减少人肉测试的过程,降低js代码维护成本。jasmine无疑是目前最优秀的javascript单元测试框架之一,目前淘宝UED正在使用,在易用性和质量上都非常不错。
单元测试的核心任务是建议一套针对javascript代码的实例库(如果你愿意可以覆盖你写的javascript所有的类的方法!)。


  • 你可以运行下SpecRunner.html(实例页)体验下jasmine的测试界面,如下图:
    web前端开发七武器—Jasmine入门教程(下)
    当测试用例的背景全部为绿色时,表示测试通过,红色出现时表示测试失败,代码有问题。
    SpecRunner.html是非常标准的单元测试,可以作为你项目测试页面模板。
    接下来我们以实例包为例,里面已经包含了jasmine的源码了。实例包的目录如下:
    web前端开发七武器—Jasmine入门教程(下)
    打开实例包的SpecRunner.html。

    在测试页面中引入jasmine库

  • 错误很明确的指向Convert变量未定义!!!好的,我们接下来打开src/convert.js,你就会发现变量错了!将xConvert改成Convert,你就会发现测试通过了!
    web前端开发七武器—Jasmine入门教程(下)
    当然这个错误其实是人为制造的错误,而且代码偏简单。代码越复杂,越有必要进行单元测试,才能保证你日后维护时,整个类逻辑的正确性。

热点排行