Angular 2(RC)测试系统js“需求未定义”

时间:2016-06-13 22:03:16

标签: angular requirejs karma-jasmine

我正在尝试使用我正在处理的应用程序进行单元测试。我已经按照各种指南解释了如何设置它,但我遇到了一个控制台错误,上面写着“Uncaught ReferenceError:require is not defined”

我做了一些研究,听起来需要应该由我所包含的systemjs定义,所以我不确定为什么仍然未定义。我猜测除了system.src.js之外,还需要移动到RC1的其他文件。除了测试版之外,没有任何文档可以帮助实现这一目标:(

我在网上的文档中看到有两个文件在测试版中存在并且在RC中缺失。这些是angular2.dev.js和testing.dev.js。我没有找到angular2.dev.js的任何替代品,所以我只是希望它在zone或reflectMetadata中...就test.dev.js而言,我能找到的最接近的是@ angular / core / testing / testing。 js但我真的不知道这是不是正确的文件。

这是我的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);
        });
}

0 个答案:

没有答案