AngularJS 单元测试 - 未定义不是函数

Question

我正在尝试学习如何在 angular 中进行单元测试。从我的服务开始对我的控制器进行单元测试。

我已经开始了基础测试。

控制器代码：

angular.module('app')
  .controller('TestCtrl', function ($rootScope,$scope,fileLoader,ngProgress) {
 $scope.test= [];
    $scope.init = function(){
      fileLoader.getFile("test")
        .then(function(res){
          //Success
          console.log(res);
          $scope.test= res;
        }, function(err){
          //Error
        });

      ngProgress.complete();
    }

    $scope.init();
$scope.title = "Test";
  });

测试代码：

describe('Controller: TestCtrl', function () {

  // load the controller's module
  beforeEach(module('app'));

  var TestCtrl,
    scope,test;
  test = {};
  test.getFile = function(name) {
    return [
      {
        "id": 0,
        "name": "Test",
        "imgName": "Test.png"
      },
      {
        "id": 1,
        "name": "Test1",
        "imgName": "Test1.png"
      }];
  };


  // Initialize the controller and a mock scope
  beforeEach(inject(function ($controller, $rootScope) {
    scope = $rootScope.$new();
    TestCtrl= $controller('TestCtrl', {
      $scope: scope,
      fileLoader : test
    });
  }));

  it('should have the correct title', function () {
    expect(scope.title).toBe("Test");
  });
});

我不明白为什么会出现以下错误：

TypeError: 'undefined' is not a function (evaluating 'fileLoader.getFile("test") .then') undefined

一旦这个问题得到解决，有什么办法可以将我所有的模拟放在一个单独的文件中，例如我的 fileLoader 模拟并以这种方式注入它？

我不明白我是如何注入它的，但它是未定义的。

谢谢

Answer 1

And I can't understand why I am getting the following error:

你定义了

fileLoader.getFile("test")
   .then(function(res){

所以 getFile() 应该 return 一个可以解决的承诺，但是你 return 一个包含两个对象的简单数组

 test.getFile = function(name) {
   return [
   {
    "id": 0,
    "name": "Test",
    "imgName": "Test.png"
   },
   {
    "id": 1,
    "name": "Test1",
    "imgName": "Test1.png"
   }]

重构一侧。使用延迟或处理数组结果。

AngularJS 单元测试 - 未定义不是函数

AngluarJS Unit Test - Undefined is not a function

javascript

unit-testing

jasmine

angularjs

karma-runner