zoukankan      html  css  js  c++  java
  • 使用karma+jasmine进行单元测试

      这是我的第一篇博客,想想还有一点点的小激动~~~

       下面就介绍一下怎么使用karma+jasmine进行单元测试。

       1.创建项目

              

        用webStorm打开此项目,可以看到已经创建了一个package.json文件。

         

      2.安装必要的包

         npm install karma --save

         npm install karma-jasmine --save

       npm intall karma-chrome-launcher --save

         npm intall jasmine-core --save

         npm install karma-cli -g

      3.创建被测试文件

         在unitTest项目下面创建子文件夹js,创建index.js,index2.js,index3.js,jasmineTest.js文件。

       

           在index.js中创建测试函数

        

        在index2.js中创建一个测试函数

        

           在index3.js中创建一个函数

           

          在jasmineTest.js中创建测试用例

        

       4.创建测试文件

       在unitTest文件夹下面创建子文件夹test,使用命令行karma init初始化karma的配置文件。

         

         创建之后,在test文件夹下面会生成一个karma.conf.js文件。

         

         在这个文件里面修改部分设置:

         

       5.开始测试

         在命令行中键入karma start;会自动启动谷歌浏览器:

         

         点击按钮,按下F12,点击console:

       

         可以看到所有的函数测试成功。

        6.出错的情况

          如果说我们期待index.js文件中的test函数输出结果是‘abcd’,可是test函数输出的结果是‘abc’,这样测试就不通过,就会报错。

          

          同时,控制台也会打印出错的log:

          

          到此处,单元测试就结束了。

       7.单元测试覆盖率

          当我们在控制台键入karma start的时候会生成一个coverage文件夹;

        

         点击index.html文件,在浏览器中打开,可以查看到测试报表:

         

         点击下面的index.js.html,index2.js.html,index3.js.html,jasmineTest.js.html打开之后,可以看到单个文件测试的函数,下面是index.js.html的生成报表:

         

         其中,粉色背景的是没有测试的函数。

  • 相关阅读:
    HTTP协议
    JavaScript学习(一)
    Cookie&Session
    注解初学
    反射初学
    XML
    Web概念
    Response对象
    Servlet
    LeetCode Notes_#617 Merge Two Binary Trees
  • 原文地址:https://www.cnblogs.com/juanjuanBlog/p/5163218.html
Copyright © 2011-2022 走看看