Карма-Жасмин, кажется, загружает файлы дважды - PullRequest
Новая
       43

Карма-Жасмин, кажется, загружает файлы дважды

0 голосов
/ 11 сентября 2018

Я работаю над проектом, использующим AngularJS 1.7 в TypeScript. Для тестов мы используем Jasmine от Karma. Однако, кажется, когда я пытаюсь загрузить файлы библиотеки, Карма загружает их дважды, что, конечно, вызывает ряд проблем. Я довольно новичок в Карме, поэтому вполне возможно, что я что-то неправильно настроил. Вот файл конфигурации Кармы, о котором идет речь: 

module.exports = function(config) { 
    config.set({
        port: 9877,

        files: [
            'node_modules/angular/angular.js',
            'node_modules/angular-animate/angular-animate.js',
            'node_modules/angular-mocks/angular-mocks.js',
            'node_modules/angular-ui-bootstrap/dist/ui-bootstrap.js',
            'node_modules/core-js/client/shim.min.js',
            'node_modules/d3/d3.js',
            'node_modules/jquery/dist/jquery.js',
            'node_modules/nvd3/build/nv.d3.js',

            './app/**/*.js',
            './app/**/*.ts'
        ],

        frameworks: ['jasmine', 'karma-typescript'],

        preprocessors: {
            './app/**/*.test.ts': ['karma-typescript'],
            './app/**/!(*.test).ts': ['karma-typescript', 'coverage']
        },

        reporters: ['progress', 'karma-typescript', 'coverage'],

        coverageReporter: {
            type: 'text-summary'
        },

        karmaTypescriptConfig: {
            tsconfig: "./tsconfig.json"
        },

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

        browsers: ['ChromeHeadless'],
        //https://github.com/karma-runner/karma-chrome-launcher/issues/73
        //https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai
        customLaunchers: {
            ChromeNoSandbox: {
                base: 'Chrome',
                flags: ['--headless', '--disable-translate', '--remote-debugging-port=9222', '--no-sandbox']
            }
        },

        plugins: [
            'karma-chrome-launcher',
            'karma-coverage',
            'karma-jasmine',
            'karma-typescript'
        ],

        // If browser does not capture in given timeout [ms], kill it
        captureTimeout: 60000,
        browserNoActivityTimeout: 30000
    });
};

Если я достану файлы, перечисленные в node_modules, Карма пожалуется, что некоторые вещи AngularJS не определены, поэтому я почти уверен, что они необходимы. Но когда я пытаюсь запустить свои тесты, я получаю следующие ошибки: 

HeadlessChrome 68.0.3440 (Windows 7.0.0) LOG: 'WARNING: Tried to load AngularJS more than once.'


Error: [$injector:modulerr] Failed to instantiate module ng due to:
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:1:1)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at Function.angular.injector.$$annotate (node_modules/angular-mocks/angular-mocks.js:2921:36)
    at <Jasmine>
    at <Jasmine>
    at node_modules/angular/angular.js:138:12
    at node_modules/angular/angular.js:5027:15
    at forEach (node_modules/angular/angular.js:387:20)
    at loadModules (node_modules/angular/angular.js:4987:5)
    at Object.createInjector [as injector] (node_modules/angular/angular.js:4904:19)
    at UserContext.WorkFn (C:/Users/cdawson/AppData/Local/Temp/karma-typescript-bundle-17920e0YyaRMZnBnq.js:38954:52)
    at window.inject.angular.mock.inject (C:/Users/cdawson/AppData/Local/Temp/karma-typescript-bundle-17920e0YyaRMZnBnq.js:38934:42)
    at UserContext.<anonymous> (app/Alarm/alarm_alarmHub.service.test.ts:93:12 <- app/Alarm/alarm_alarmHub.service.test.js:77:13)
    at <Jasmine>

Я подозреваю, что Карма загружает файлы дважды из-за поиска, который привел меня сюда . Тем не менее, я не добавляю в свою конфигурацию какие-либо объединенные библиотечные файлы или что-либо еще, так что это конкретное решение не относится ко мне. Чего мне не хватает?

1 Ответ

0 голосов
/ 11 сентября 2018

Это то, как я использую в моей конфигурации кармы, пожалуйста, попробуйте сопоставить с этим. модули узла должны быть скомпилированы в самом vendor.js 

files: [
  // vendor files must be built as mock mode. ie, using "--api mock" (see commands below)
  // 1. gulp build --api mock
  'public/js/vendor.js',

  // src & http-backend files
  'src/app/**/app.!(spec).js',
  'src/app/**/!(*.spec).js',

  // complied templates
  'public/js/app.templates.js',

  // spec files
  'src/app/**/*.spec.js',

  // fixtures
  {pattern: 'src/mocks/**/*.json', included: false}
]
...