使用Jasmine进行角度JS单元测试

时间:2016-04-21 08:30:22

标签: angularjs jasmine

I have a factory service as below 

FamilyService.js

(函数(){     '使用严格的';

angular.module('app')
.factory('ABC', FamilyService);

FamilyService.$inject = ['DEF'];
function FamilyService(DEF) {


function returnTrue() {
    var a="true";

}       

}

}());

    I want to call returnTrue method in My test case

 **TestFamilyService.js**

描述('测试my_controller.my_function',function(){       var mockedFactory,$ rootScope,$ controller;

  beforeEach(module('app', function($provide) {
    mockedFactory = {
      save: jasmine.createSpy()
    };

    $provide.value('ABC', mockedFactory);
  }));




  it('should call the save function', function() {

    expect(mockedFactory.returnTrue()).toHaveBeenCalled();
  });
});



     **specrunner.html**


<!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>Jasmine Spec Runner v2.4.1</title>

      <link rel="shortcut icon" type="image/png" href="lib/jasmine-2.4.1/jasmine_favicon.png">
      <link rel="stylesheet" href="lib/jasmine-2.4.1/jasmine.css">

      <script src="lib/jasmine-2.4.1/jasmine.js"></script>
      <script src="lib/jasmine-2.4.1/jasmine-html.js"></script>
      <script src="lib/jasmine-2.4.1/boot.js"></script>
      <script src="lib/jasmine-2.4.1/angular.js"></script>
      <script src="lib/jasmine-2.4.1/angular-mocks.js"></script>


      <!-- include source files here... -->
      <script src="src/Player.js"></script>
      <script src="src/webapp/Mock.js"></script>
      <script src="src/webapp/FamilyService.js"></script>




      <!-- include spec files here... -->

      <script src="spec/TestFamilyService.js"></script>

    </head>

    <body>
    </body>
    </html>

当我在浏览器中运行specrunner.html时会显示

错误:没有模块:app

TypeError:无法获取属性的值&#39; returnTrue&#39;:object为null或undefined

请告诉我这里有什么问题?

1 个答案:

答案 0 :(得分:1)

在FamilyService.js

angular.module('app').factory('ABC', FamilyService);

您正在为现有模块 app创建工厂,但如果模块不存在则需要编写

angular.module('app',[]).factory('ABC', FamilyService);

在您的情况下,只需创建一个新文件,即可创建角度模块

angular.module('app',[]);

<强>更新

只需在html

中包含模块的依赖项
 <script src="lib/angular-sanititze/angular-sanitize.js"></script>

如果要模拟这些模块,可以执行类似

的操作
beforeEach(function() {
       angular.module('second',[]);
}

但是如果您使用的是第三方库的某些方法,则还需要模拟这些方法。