基金会-应用程序与业力的角度站点集成-茉莉花单元测试

Question

我相信在运行业力茉莉花单元测试时，使用角度模拟和基础应用是有问题的。也可能是我错过了什么。由于有那么多代码需要查看，我已经在github上发布了一个示例项目供审查。

基本上，站点运行良好，业力运行测试，但是当您调试到angular.mocks.module函数时，您会发现应用程序中的模块没有被加载。

如果你把基础应用程序从这种情况中拿出来，它会很好的工作。

这是否是一个版本冲突，因为基础应用有一个更老的依赖角-模拟？

fatest on github

Answer 1

我遇到了同样的问题，我的解决方案是向业力配置中添加生成的css文件(app.css -生成的sass任务)。没有这份文件我得到了：

TypeError: 'null' is not an object (evaluating 'mediaQueries[key].replace')

下面是我的gulp配置：

var karma = require('karma').server;
//...........//
// Compiles Sass
gulp.task('sass', function () {
  return gulp.src('client/assets/scss/app.scss')
    .pipe(plugins.sass({
      includePaths: paths.sass,
      outputStyle: (isProduction ? 'compressed' : 'nested'),
      errLogToConsole: true
    }))
    .pipe(plugins.autoprefixer({browsers: ['last 2 versions', 'ie 10']}))
    .pipe(gulp.dest('./build/assets/css/'))
    .pipe(plugins.livereload());
  });
/// ..... some other things here ......///
gulp.task('unit-test', function (done) {
  var testFiles = [          
          {pattern:'./build/assets/js/foundation.js',watched:false},
          {pattern:'./build/assets/js/routes.js',watched:false},
          {pattern:'./build/assets/css/app.css',watched:false},
          {pattern:'./build/assets/js/templates.js',watched:false},
          {pattern:'./bower_components/angular-mocks/angular-mocks.js', watched:false},
          {pattern:'./client/assets/js/*.js'},
          {pattern:'./client/templates/**/*.js'}                  
    ];

    karma.start({
            configFile:__dirname + '/karma.conf.js',
            singleRun: true,
            files: testFiles
        }, done);   
});

假设您的应用程序已经构建，只需运行gulp unit-test即可。