Question

我在angularJS项目中为我的服务编写测试时遇到了一些麻烦。我正在使用Karma和Jasmine进行单元测试。首先，我选择了一个没有依赖关系的服务，但我从未通过测试。

这是我的服务（用coffeeScript编写）

angular.module('app').factory 'rankFactory', [ ->
  rankFactory = {}
  ranks = [
    {
      id: 0
      label: 'RANK0'
    }
    {
      id: 1
      label: 'RANK1'
    }
  ]

  rankFactory.getRanks = ->
    ranks

  rankFactory.getRanks = (id) ->
    ranks[id]

  rankFactory
 ]

该服务运作正常。因此，测试没有。这是我的测试：

describe('rank Factory unit tests', function(){
    describe  ('when I call myService rankFactory.getRanks ()', function() {

        beforeEach(module('app'));

            it('returns ranks', inject(function(rankFactory){
                expect(rankFactory.getRanks()).not.to.equal(null);
            }))
        }
    )
});

我一直在尝试多个小时，并阅读了很多问题和文档，但仍然无法找出它为什么不起作用。你能帮帮我吗？

----------------------------------------------- - - - - - - - - -编辑 - - - - - - - - - - - - - - - - ---------------------------

我发现我的问题与coffeeScript有关。我的控制器，服务是用coffeeScript编写的，当我启动测试时，我得到了与我的服务相关的语法错误。

这是我的配置文件：

module.exports = function(config) {
  config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: ['jasmine'],


    // list of files / patterns to load in the browser
    files: [
        '../bower_components/angular/angular.js',
        '../bower_components/angular-ui-router/release/angular-ui-router.js',
        '../bower_components/angular-mocks/angular-mocks.js',
        '../src/scripts/**/*.coffee',
        '../src/scripts/Services/rankService.coffee',
        'unit-tests/**/*.js'
    ],


    // list of files to exclude
    exclude: [
    ],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
        '**/*.coffee': ['coffee']
    },

    coffeePreprocessor: {
      // options passed to the coffee compiler
      options: {
        bare: true,
        sourceMap: false
      },
      // transforming the filenames
      transformPath: function(path) {
        return path.replace(/\.coffee$/, '.js')
      }
    },


    // test results reporter to use
    // possible values: 'dots', 'progress'
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: ['progress'],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_DEBUG,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: ['PhantomJS'],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: false,

    // Concurrency level
    // how many browser should be started simultaneous
    concurrency: Infinity
  })
}

我正在用javaScript编写我的测试，我很困惑我需要做些什么来使它覆盖CoffeeScript。

Ps：我已经安装了karma-coffee-preprocessor

Answer 1

给出this tutorial中的以下示例：

describe('Chats Unit Tests', function() {
    var Chats;
    beforeEach(module('starter.services'));

    beforeEach(inject(function(_Chats_) {
        Chats = _Chats_;
    }));

    it('can get an instance of my factory', inject(function(Chats) {
        expect(Chats).toBeDefined();
    }));

    it('has 5 chats', inject(function(Chats) {
        expect(Chats.all().length).toEqual(5);
    }));
});

我会推断你需要做类似的事情：

describe('rank Factory unit tests', function(){
    var factory;
    beforeEach(module('app'));

    beforeEach(inject(function(_rankFactory_) {
        factory = _rankFactory_;
    }));

    it('returns ranks', inject(function(factory) {
        expect(factory.getRanks()).not.to.equal(null);
    }));
});

希望这有帮助。

服务/工厂的单元测试 - AngularJS - Jasmine

1 个答案: