Angular 角度2(RC)测试系统JS“;“要求”未定义;

Angular 角度2(RC)测试系统JS“;“要求”未定义;,angular,requirejs,karma-jasmine,Angular,Requirejs,Karma Jasmine,我正在尝试在我正在开发的应用程序上进行单元测试,覆盖率也在提高。我已经按照各种指南解释了如何设置它,但是我遇到了一个控制台错误,上面写着“uncaughtreferenceerror:require未定义” 我做了一些研究,听起来require应该由systemjs定义,我包括了systemjs,所以我不确定为什么require仍然没有定义。我猜除了RC1的system.src.js之外,require已经被移到了其他文件中。除了beta版之外,没有任何文档可以帮助您完成此操作:( 我在网上的文

我正在尝试在我正在开发的应用程序上进行单元测试,覆盖率也在提高。我已经按照各种指南解释了如何设置它,但是我遇到了一个控制台错误,上面写着“uncaughtreferenceerror:require未定义”

我做了一些研究,听起来require应该由systemjs定义,我包括了systemjs,所以我不确定为什么require仍然没有定义。我猜除了RC1的system.src.js之外,require已经被移到了其他文件中。除了beta版之外,没有任何文档可以帮助您完成此操作:(

我在网上的文档中看到了两个文件,它们存在于beta版中,但在RC版中丢失了。它们是angular2.dev.js和testing.dev.js。我还没有找到任何替代angular2.dev.js的文件,所以我只希望它位于zone或reflectMetadata中……就testing.dev.js而言,我能找到的最接近的是@angular/core/testing/testing。但是我真的不知道这是不是正确的文件

这是我的karma.confif.js文件:

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

        basePath: '.',

        frameworks: ['jasmine'],

        files: [
            // paths loaded by Karma
            {
              pattern: 'node_modules/systemjs/dist/system.src.js',
              included: true,
              watched: true
            }, {
              pattern: 'node_modules/reflect-metadata/Reflect.js',
              included: true,
              watched: true
            }, {
              pattern: 'node_modules/zone.js/dist/zone.js',
              included: true,
              watched: true
            }, {
              pattern: 'node_modules/rxjs/bundles/Rx.js',
              included: true,
              watched: true
            }, {
              pattern: 'node_modules/@angular/core/testing/testing.js',
              included: true,
              watched: true
            }, {
              pattern: 'karma-test-shim.js',
              included: true,
              watched: true
            },

            // paths loaded via module imports
            {
              pattern: 'dist/**/*.js',
              included: false,
              watched: true
            },

            // paths to support debugging with source maps in dev tools
            {
              pattern: 'src/**/*.ts',
              included: false,
              watched: false
            }, {
              pattern: 'dist/**/*.js.map',
              included: false,
              watched: false
            }
        ],

        // proxied base paths
        proxies: {
            // required for component assests fetched by Angular's compiler
            '/src/': '/base/src/'
        },

        port: 9876,

        logLevel: config.LOG_INFO,

        colors: true,

        autoWatch: true,

        browsers: ['Chrome'],

        // Karma plugins loaded
        plugins: [
            'karma-jasmine',
            'karma-coverage',
            'karma-chrome-launcher'
        ],

        // Coverage reporter generates the coverage
        reporters: ['progress', 'dots', 'coverage'],

        // Source files that you wanna generate coverage for.
        // Do not include tests or libraries (these files will be instrumented by Istanbul)
        preprocessors: {
            'dist/**/!(*spec).js': ['coverage']
        },

        coverageReporter: {
            reporters:[
                {type: 'json', subdir: '.', file: 'coverage-final.json'}
            ]
        },

        singleRun: true
    })
};
这是我的karam-test-shim.js文件:

// Tun on full stack traces in errors to help debugging
Error.stackTraceLimit = Infinity;

jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000;

// // Cancel Karma's synchronous start,
// // we will call `__karma__.start()` later, once all the specs are loaded.
__karma__.loaded = function() {};

System.config({
    packages: {
        'base/dist': {
            defaultExtension: false,
            format: 'cjs',
            map: Object.keys(window.__karma__.files).filter(onlyAppFiles).reduce(createPathRecords, {})
        }
    }
});

System.import('angular2/src/platform/browser/browser_adapter')
    .then(function(browser_adapter) { browser_adapter.BrowserDomAdapter.makeCurrent(); })
    .then(function() { return Promise.all(resolveTestFiles()); })
    .then(function() { __karma__.start(); }, function(error) { __karma__.error(error.stack || error); });

function createPathRecords(pathsMapping, appPath) {
    // creates local module name mapping to global path with karma's fingerprint in path, e.g.:
    // './vg-player/vg-player':
    // '/base/dist/vg-player/vg-player.js?f4523daf879cfb7310ef6242682ccf10b2041b3e'
    var pathParts = appPath.split('/');
    var moduleName = './' + pathParts.slice(Math.max(pathParts.length - 2, 1)).join('/');
    moduleName = moduleName.replace(/\.js$/, '');
    pathsMapping[moduleName] = appPath + '?' + window.__karma__.files[appPath];
    return pathsMapping;
}

function onlyAppFiles(filePath) {
    return /\/base\/dist\/(?!.*\.spec\.js$).*\.js$/.test(filePath);
}

function onlySpecFiles(path) {
    return /\.spec\.js$/.test(path);
}

function resolveTestFiles() {
    return Object.keys(window.__karma__.files)  // All files served by Karma.
        .filter(onlySpecFiles)
        .map(function(moduleName) {
            // loads all spec files via their global module names (e.g.
            // 'base/dist/vg-player/vg-player.spec')
            return System.import(moduleName);
        });
}