Karma+Jasmine搭建Angularjs单元测试环境

一.初始化根目录

新建一个文件夹ng-mock-test，打开终端进入根目录，输入: npm init （前提是你电脑上已安装node和npm）

初始化项目文件，在生成的package.json文件中的dependencies属性中添加项目依赖：

而后在终端输入：npm install   

npm为你把你设置的依赖项下载到你的node_modules目录中

二.配置karma和项目文件结构

在终端输入karma init 命令初始化Karma配置，咱们对其中的karma.conf.js文件中的files属性进行配置，增长以下内容：

上面的代码意思是，因为是对Angualrjs代码进行单元测试，因此Angular库文件和ngMock库文件是必不可少的，src目录下为须要测试的Angularjs代码，test目录下为咱们编写的测试用例的代码，整个项目结构以下：

到此为止，Angularjs的单元测试环境就搭建完成了，接下来，咱们来编写几个简单的测试用例测试一下。

三.编写测试用例

     1.控制器单元测试

       在src目录下新建一个main.html文件，其内容以下：

            

        再新建一个controllers.js文件，内容为：

          

        再在test目录下，新建一个controllers-spec.js文件，内容为：

           

         这样，咱们的第一个控制器测试用例就完成了，而后在终端输入：karma start，运行测试用例，执行成功的终端显示以下：

                 

     2.指令单元测试

        在src目录下新建directives.js，在test目录下新建directives-spec.js,其内容分别为：

          

          而后仍是一样，输入karma start执行，终端执行成功为：

               

    3.服务单元测试

      在src目录下新建services.js，在test目录下新建services-spec.js,其内容分别为：

        

       而后执行karma start，终端显示为：

             

 

          至此，咱们的Angualrjs的三个简单测试就作完了，其余更高阶的内容请读者参阅官方文档。

 

感谢阅读，么么哒(づ￣ 3￣)づ