使用Jasmine单元测试测试Angular模块

Question

我在我的应用程序中使用AngularJS服务。 我了解到我创建的服务不可靠。 因此，我想围绕它构建一些单元测试。 虽然该服务在我的AngularJS应用程序中可以正常工作，但在使其与Jasmine一起使用时遇到了问题。 就像我无法加载任何模块。 我已经将代码精简了。 我不明白我在做什么错。 我的代码如下所示：

myService.js

'use strict';
angular.module('customModule', [])
    .factory('$serviceName', [function () {    
        return {    
            isAvailable: function () {
                return true;
            }
        };
    }]
);

myService.spec.js

  describe('customModule', function() {
    beforeEach(function() {
        console.log('loading module...');
        module('customModule');
    });

    describe('$serviceName', function () {
        var myService = null;
        beforeEach(inject(function ($serviceName) {
            console.log('loading service...');
            myService = $serviceName;
        }));

        it('should work', function () {
            console.log('testing');
            var isAvailable = myService.isAvailable();
            console.log(isAvailable);
            expect(1 + 2).toEqual(3);
        });
    });
  })

gruntfile.js

'use strict';
module.exports = function (grunt) {
  grunt.initConfig({
    jasmine: {
      unitTests: {
        src: 'test/*.js',
      }
    }
  });

  require('load-grunt-tasks')(grunt);
  grunt.registerTask('default', ['jasmine:unitTests']);
};

我的茉莉花测试正在运行。 但是，未加载类似myService.js的文件。 我不确定该怎么做。 我也不确定如何在测试中获得“角度”（在myService.js中使用）。

谢谢您的帮助。

Answer 1

您是否在myService.spec.js中加载了Angular应用程序？ 否则，$ serviceName不可用于依赖项注入。

您应该在测试文件中添加以下内容：

beforeEach(module('angularApp'));

（当然，将angularApp替换为您使用的名称）

另外，最好使用另一个beforeEach块来处理依赖项注入，以便可以在myService.spec.js中的所有测试中使用它。 总的来说，您应该有以下内容：

describe('serviceName', function () {

  beforeEach(module('angularApp'));

  var iMyService

  // Initialize the service
  beforeEach(inject(function ($serviceName) {
      iMyService = $serviceName;
  }));

  it('should check if available', function () {
    var isAvailable = iMyService.isAvailable();
    console.log(isAvailable);
    expect(1 + 2).toEqual(3);
  });
});