Ошибка 'appendchild' в null во время выполнения теста ng в angular 6 - PullRequest
0 голосов
/ 07 декабря 2018

У меня есть проект angular 6 с машинописным текстом 2.8.0 и версией узла 11. У меня есть функциональное приложение dev, и я пытаюсь настроить среду модульного тестирования с помощью jasmine karma, из-за ограниченных знаний об этих платформах я не могу отладитьследующая ошибка.

ERROR: TypeError: Cannot read property 'appendChild' of null
TypeError: Cannot read property 'appendChild' of null
    at HtmlReporter.specDone (http://localhost:9876/base/node_modules/karma-jasmine-html-reporter/src/lib/html.jasmine.reporter.js?a380599bba71e79ed6dc82aa9a857815d894cfda:150:15)
    at dispatch (http://localhost:9876/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js?0b1eaf7a13cae32191eadea482cfc96ae41fc22b:4560:28)
    at ReportDispatcher.specDone (http://localhost:9876/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js?0b1eaf7a13cae32191eadea482cfc96ae41fc22b:4531:11)
    at Spec.specResultCallback [as resultCallback] (http://localhost:9876/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js?0b1eaf7a13cae32191eadea482cfc96ae41fc22b:1249:18)
    at complete (http://localhost:9876/base/node_modules/jasmine-core/lib/jasmine-core/jasmine.js?0b1eaf7a13cae32191eadea482cfc96ae41fc22b:567:12)
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:9876/_karma_webpack_/webpack:/node_modules/zone.js/dist/zone.js:421:1)
    at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:9876/_karma_webpack_/webpack:/node_modules/zone.js/dist/zone.js:188:1)
    at drainMicroTaskQueue (http://localhost:9876/_karma_webpack_/webpack:/node_modules/zone.js/dist/zone.js:595:1)

Я прокомментировал каждую спецификацию во всех файлах спецификаций, но все равно появилась следующая ошибка.Но я просто обеспокоен тем, что ошибка вызвана неправильной конфигурацией в файле karma.conf.ts

Ниже приведен мой файл karme.config.ts, пожалуйста, предложите мне исправление для среды, готовой.

// Файл конфигурации Karma, см. Ссылку для получения дополнительной информации // https://karma -runner.github.io / 1.0 / config / configuration-file.html

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      environment: 'dev'
    },
    reporters: ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

Редактировать: Ниже приведен один из моих файлов спецификаций, и он имеет только одну спецификацию, которая комментируется.Таким образом, не существует никаких специальных методов.

import {async, ComponentFixture, TestBed} из '@ angular / core / testing';

import {PassbackComponent} из './passback.component ';

describe('PassbackComponent', () => {
  let component: PassbackComponent;
  let fixture: ComponentFixture<PassbackComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ PassbackComponent ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(PassbackComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  // it('should create', () => {
  //   expect(component).toBeTruthy();
  // });
});

В StackOverflow много подобных вопросов, но ни один из них не решается, потому что другие имеют неправильные спецификации, но мои, если возможно по какой-то другой причине

Большое спасибозаранее.

Ответы [ 2 ]

0 голосов
/ 27 марта 2019

Настройка

  • Угловая 7. * (CLI)
  • Карма 4. *

Исправление

  • удалить"kjhtml" от репортеров

karma.config.js

...
reporters: ['progress'<strike>, 'kjhtml'</strike>]
...
0 голосов
/ 10 декабря 2018

У меня была такая же проблема, и я сравнил ее с рабочим проектом.Я исправил это, откатив мою версию кармы.В моем package.json я изменил

"karma": "^3.1.3",

на

"karma": "~3.0.0",

Я считаю, что было обновление Кармы, которое сломало что-то еще - если я смогу найти разговор вокруг него,Выложу для дополнительной информации.

...