Angular 2 — проблемы с запуском тестов компонентов

Я пытаюсь запустить компонентный тест для Angular 2 - rc5 и получаю следующую ошибку при запуске тестов:

Отсутствует обработчик ошибок на socket. TypeError: (msg || "").replace не является функцией в /project/node_modules/karma/lib/reporter.js:48:23

Я пришел к выводу, что когда я закомментирую строку setBaseProviders (и строки в тестах компонентов, которые могут использовать этих провайдеров), остальная часть набора тестов работает без проблем. К сожалению, похоже, мне нужны эти провайдеры для запуска тестов компонентов с помощью TestComponentBuilder.

// other import statements above
import {
  TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS,
  TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
} from '@angular/platform-browser-dynamic/testing';

setBaseTestProviders(TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
  TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);
// other code below that is currently commented out

Я записал сообщение об ошибке внутри node_modules/karma/lib/reporter.js:48 и получил следующее сообщение: «Была создана платформа с другой конфигурацией. Пожалуйста, уничтожь его первым.

Ниже мой файл package.json и файл karma-conf.js. Я также использовал angular2-CLI для настройки начального репозитория. Любые идеи о том, что может быть проблемой? Пожалуйста, дайте мне знать, если есть какая-либо другая информация, которую я мог бы предоставить для устранения неполадок.

karma.conf

module.exports = function (config) {
  config.set({
    basePath: '..',
    frameworks: ['jasmine'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher')
    ],
    customLaunchers: {
      // chrome setup for travis CI using chromium
      Chrome_travis_ci: {
        base: 'Chrome',
        flags: ['--no-sandbox']
      }
    },
    files: [
      { pattern: 'dist/vendor/es6-shim/es6-shim.js', included: true, watched: false },
      { pattern: 'dist/vendor/zone.js/dist/zone.js', included: true, watched: false },
      { pattern: 'dist/vendor/reflect-metadata/Reflect.js', included: true, watched: false },
      { pattern: 'dist/vendor/systemjs/dist/system-polyfills.js', included: true, watched: false },
      { pattern: 'dist/vendor/systemjs/dist/system.src.js', included: true, watched: false },
      { pattern: 'dist/vendor/zone.js/dist/async-test.js', included: true, watched: false },

      { pattern: 'config/karma-test-shim.js', included: true, watched: true },

      // Distribution folder.
      { pattern: 'dist/**/*', included: false, watched: true }
    ],
    exclude: [
      // Vendor packages might include spec files. We don't want to use those.
      'dist/vendor/**/*.spec.js'
    ],
    preprocessors: {},
    reporters: ['progress'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

package.json

{
  "name": "free-code-camp",
  "version": "0.0.0",
  "license": "MIT",
  "angular-cli": {},
  "scripts": {
    "start": "ng server",
    "postinstall": "typings install",
    "lint": "tslint \"src/**/*.ts\"",
    "format": "clang-format -i -style=file --glob=src/**/*.ts",
    "pree2e": "webdriver-manager update",
    "e2e": "protractor"
  },
  "private": true,
  "dependencies": {
    "@angular/common": "^2.0.0-rc.5",
    "@angular/compiler": "^2.0.0-rc.5",
    "@angular/core": "^2.0.0-rc.5",
    "@angular/http": "^2.0.0-rc.5",
    "@angular/platform-browser": "^2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "^2.0.0-rc.5",
    "d3": "^4.2.2",
    "es6-shim": "^0.35.0",
    "reflect-metadata": "0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.31",
    "zone.js": "^0.6.12"
  },
  "devDependencies": {
    "angular-cli": "0.0.*",
    "clang-format": "^1.0.35",
    "codelyzer": "0.0.14",
    "ember-cli-inject-live-reload": "^1.4.0",
    "jasmine-core": "^2.4.1",
    "jasmine-spec-reporter": "^2.4.0",
    "karma": "^0.13.15",
    "karma-chrome-launcher": "^0.2.3",
    "karma-jasmine": "^0.3.8",
    "protractor": "^3.3.0",
    "ts-node": "^0.5.5",
    "tslint": "^3.6.0",
    "typescript": "^1.8.10",
    "typings": "^0.8.1"
  }
}

angular karma-jasmine
person Kevin Mark    schedule 25.08.2016    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Итак, я новичок в жасмин и карме, но у меня была та же ошибка:

Создана платформа с другой конфигурацией. Пожалуйста, уничтожьте его первым.

Вероятно, это связано с тем, что вы установили базовых провайдеров в файле karma-test-shim.js.

Если это так, вам нужно удалить это из вашего модульного теста:

setBaseTestProviders(
  TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
  TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS);

Я предполагаю, что вы можете установить базовых поставщиков только один раз, поэтому ошибка может возникнуть из другого места в вашем модульном тесте.

karam-test-shim.js должен выглядеть так:

..
var testing = require('@angular/core/testing');
var browser = require('@angular/platform-browser-dynamic/testing');

testing.setBaseTestProviders(
  browser.TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
  browser.TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS
);
person Yodacheese    schedule 02.09.2016
comment
Действительно, в karma-test-shim.js уже была строка setBaseTestProviders. Удаление этого из моего теста компонентов помогло мне решить проблему. Спасибо вам за помощь! - person Kevin Mark; 04.09.2016

arrow_upward
1
arrow_downward

У меня было аналогичное сообщение об ошибке при обновлении до angular rc6, и мне пришлось заменить

testing.setBaseTestProviders(
  browser.TEST_BROWSER_DYNAMIC_PLATFORM_PROVIDERS,
  browser.TEST_BROWSER_DYNAMIC_APPLICATION_PROVIDERS
);

с

testing.TestBed.initTestEnvironment(
  browser.BrowserDynamicTestingModule,
  browser.platformBrowserDynamicTesting()
);

Это указано как критическое изменение в Журнал изменений RC.5.

person Simon Briggs    schedule 09.09.2016