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￣)づ