使用 Jasmine 进行 Angular JS 单元测试

Question

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**

describe('测试 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 时，它会显示

错误：没有模块：应用程序

TypeError：无法获取属性“returnTrue”的值：对象为空或未定义

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

Answer 1

在 FamilyService.js 中

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

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

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

在您的情况下，只需创建一个 新文件，在其中创建 angular 模块

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

更新

只需在 html 中包含模块的依赖项

 <script src="lib/angular-sanititze/angular-sanitize.js"></script>

如果你想模拟这些模块，你可以做类似的事情

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

但是如果你使用第三方库的一些方法，你也需要mock这些方法。