1

我正在开发一个 AngularJS 应用程序。我们有一个庞大的现有代码库，我们正在迁移到 Webpack 2 以准备 ng-upgrade。但是我们不知道如何针对缩小的应用程序运行我们的 Jasmine 单元测试。

我们在这个预引导存储库之后对我们的应用程序进行了建模。

我们使用以下方法对应用程序进行丑化webpack.config.js：

config.plugins.push(
    new webpack.optimize.UglifyJsPlugin({sourceMap: false})
);

karma.conf.js基本上看起来像这样：

module.exports = function karmaConfig (config) {
  config.set({
    frameworks: ['jasmine'],
    files: ['src/tests.webpack.js'],
    preprocessors: {
       'src/tests.webpack.js': ['webpack', 'sourcemap']
    },
    webpack: require('./webpack.config'),
    ...
  });
};

src/tests.webpack.js看起来像这样：

import 'angular';
import 'angular-mocks/angular-mocks';

const context = require.context('..', true, /\.spec.js$/);
context.keys().forEach(context);

每个.spec.js文件都用于import加载实际的 Angular 应用程序，然后进行如下注入：

beforeEach(inject(function($rootScope){
    ...
}));

这是我们有问题的地方。我们的单元测试正在缩小。$rootScope被缩小为e，注射器无法找到。我们只想缩小应用程序，而不是测试文件。我们应该怎么做？

4

1 回答 1

0

每当您在测试中有此代码时：

beforeEach(inject(function($rootScope){
    ...
}));

缩小会更改变量名称，因此它们可能看起来像：

beforeEach(inject(function($a){
    ...
}));

问题是角度在运行时检查角度参数，不知道是什么a！！

解决方案：

beforeEach(inject(['$rootScope', function($rootScope){
    ...
}]));

这样，即使参数名称被破坏，字符串也会$rootScope给角度提示每个参数所指的内容

于 2020-02-07T22:14:51.620 回答