Использование NgbModule.forRoot() в компоненте, вызывающем сбой тестов

Я использую всплывающие подсказки и модальные окна во вложенном компоненте, а в моем файле спецификаций я импортирую NgbModule.forRoot() в модуль тестирования.

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

TypeError: this._unregisterListenersFn is not a function
        at NgbTooltip.ngOnDestroy

Я использую Angular CLI для комплектации/тестирования.

Это единственный компонент, который не прошел мои тесты.

Я также пытался импортировать модули Tooltip/Modal отдельно и их соответствующих поставщиков отдельно, и я продолжаю получать указанную выше ошибку. Если я попробую это без forRoot(), я получу ошибки DI.

Я понятия не имею, в чем проблема.

Вот файл спецификации:

/* tslint:disable:no-unused-variable */
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { DebugElement } from '@angular/core';
import { APP_BASE_HREF } from '@angular/common';
import { RouterTestingModule } from '@angular/router/testing';
import { NgbModule, NgbTooltipModule, NgbTooltipConfig, NgbModalModule } from '@ng-bootstrap/ng-bootstrap';
import { NgbModalStack } from '@ng-bootstrap/ng-bootstrap/modal/modal-stack';

import { ListItemComponent } from './list-item.component';
import { VideoPlayerService } from '../../../video-player';
import { CalendarRoutingService } from '../../calendar-routing.service';

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

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        ListItemComponent
      ],
      imports: [RouterTestingModule, NgbModule.forRoot()],
      providers: [
        VideoPlayerService,
        CalendarRoutingService,
        // NgbModalStack,
        // NgbTooltipConfig
      ]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(ListItemComponent);
    component = fixture.componentInstance;
    component.item = { records: [] };
    fixture.detectChanges();
  });

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

typescript angular angular-cli jasmine ng-bootstrap
person spongessuck    schedule 15.02.2017    source источник

Ответы (2)


arrow_upward
1
arrow_downward

У меня есть обходной путь, но я думаю, что это проблема с NgbTooltip при запуске в тестовом приспособлении. Добавьте следующее глобально, чтобы переопределить метод ngOnDestroy NgbTooltip:

NgbTooltip.prototype.ngOnDestroy = function () {
    this.close();
    //this._unregisterListenersFn();
    this._zoneSubscription.unsubscribe();
};

Третья закомментированная строка останавливает появление ошибки в моих модульных тестах. Немного взлома, но в модульных тестах все должно быть в порядке. Я думаю, что эта функция неправильно инициализируется в ngOnInit() при запуске в тестовом приспособлении.

Я попытался переопределить директиву NgbTooltip с помощью overrideDirective(), но оригинал всегда вызывался независимо.

Чтобы найти фактическую ошибку, я добавил следующее в свою спецификацию модульного теста:

afterEach(() => {
  fixture.destroy();
});

Затем это отобразило фактическое исключение, которое, казалось, происходило:

TypeError: this._unregisterListenersFn is not a function
at NgbTooltip.webpackJsonp.../../../../@ng-bootstrap/ng-bootstrap/tooltip/tooltip.js.NgbTooltip.ngOnDestroy (http://localhost:9876/_karma_webpack_/vendor.bundle.js:4522:14)
at callProviderLifecycles (http://localhost:9876/_karma_webpack_/vendor.bundle.js:103669:18)
at callElementProvidersLifecycles (http://localhost:9876/_karma_webpack_/vendor.bundle.js:103638:13)
at callLifecycleHooksChildrenFirst (http://localhost:9876/_karma_webpack_/vendor.bundle.js:103622:17)
at destroyView (http://localhost:9876/_karma_webpack_/vendor.bundle.js:104948:5)
at callViewAction (http://localhost:9876/_karma_webpack_/vendor.bundle.js:105094:13)
at execComponentViewsAction (http://localhost:9876/_karma_webpack_/vendor.bundle.js:105006:13)
at destroyView (http://localhost:9876/_karma_webpack_/vendor.bundle.js:104947:5)
at callViewAction (http://localhost:9876/_karma_webpack_/vendor.bundle.js:105094:13)
at execComponentViewsAction (http://localhost:9876/_karma_webpack_/vendor.bundle.js:105006:13)
person Glenn    schedule 14.06.2017

arrow_upward
1
arrow_downward

Я бы предложил просто вставить его перед каждым:

// fix 'Error during cleanup of component'
NgbTooltip.prototype.ngOnDestroy = jasmine.createSpy('ngOnDestroy');
(NgbTooltip.prototype.ngOnDestroy as jasmine.Spy).and.stub();
person St.Zelenin    schedule 18.08.2017