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那样被加载。我不知道该怎么做。我也不确定如何获得角度＆＃39; （在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);
  });
});

使用Jasmine单元测试测试角度模块

1 个答案: