使用 Jasmine 和 PhantomJS 进行 Angular JS 测试，0 错误

Question

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: [
            '../scripts/bower_components/angularjs/angular.js',
            '../scripts/bower_components/angular-mocks/angular-mocks.js',
            '../scripts/app.js',
            '../scripts/11.js',
         
            '../scripts/controllers/*.js',
            '../scripts/directives/*.js',
            '../scripts/services/*.js',
            'controllers/controllersTests.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: {
    },


    // 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_INFO,


    // 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', 'PhantomJS_custom'],

    customLaunchers: {
      'PhantomJS_custom': {
        base: 'PhantomJS',
        options: {
          windowName: 'my-window',
          settings: {
            webSecurityEnabled: false
          },
        },
        flags: ['--load-images=true'],
        debug: false
      }
    },

    phantomjsLauncher: {
      // Have phantomjs exit if a ResourceError is encountered (useful if karma exits without killing phantom)
      exitOnResourceError: true
    },
    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: false
  })
}

我需要测试控制器的代码，但我看不到正确的结果，代码如下： “幻灯片”数组长度 = 4；但在测试中我写了“toBe(2)”，我看到了：

PhantomJS 1.9.8 (Linux 0.0.0)：执行 0 of 0 错误（0.035 秒 / 0 秒）

为什么我看到 0 个错误，如果我期望 2，但数组长度是 4 ???

app.controller('mainCtrl',['$scope', function($scope){
  $scope.slide = [1, 2, 3, 4];
}]);

describe('Tests Controllers', function() {
  beforeEach(module('app'));

  var $controller;

  beforeEach(inject(function(_$controller_, $rootScope){
    $controller = _$controller_;

    it('check slides length, it should be 4', function() {
      var $scope = {};
      var controller = $controller('mainCtrl', { $scope: $scope });
      expect($scope.slide.length).toBe(2);
    });
  }));
});

Answer 1

当 Karma 找不到您的测试并显示 Executed 0 of 0 ERROR 时，导致此行为的最常见原因是：

• karma.conf.js 中 files:[] 选项中的测试文件/文件夹的路径错误
• 测试文件/文件夹中缺少规范（it 块），因此 Karma 没有什么可执行的。如果规范在测试文件中放置不当，也可能发生这种情况，例如在您的情况下，您已将 it 放入 beforeEach，但 Jasmine 不支持它。我们的想法是将它们放在同一水平上。 it 规范可以单独存在于全局范围内，也可以直接存在于 describe 套件块内。