Невозможно запустить блок модульного теста для сообщения тостов в угловых - PullRequest
Новая
       19

Невозможно запустить блок модульного теста для сообщения тостов в угловых

0 голосов
/ 23 октября 2018

Привет, я разрабатываю веб-приложение на angular 5. Я использую тост-сообщения для отображения сообщений.Я использую тост сообщения от https://www.npmjs.com/package/angular2-toaster. Реализация правильная и работает нормально.Я столкнулся с проблемой при написании модульных тестов.Ниже моя реализация в компоненте.Я добавил ниже строку кода в компоненте.

import { ToasterModule, ToasterService } from 'angular2-toaster';

Я добавил ниже код в конструкторе. 

private toasterService: ToasterService

Я показываю тостовое сообщение, как показано ниже. 

this.toasterService.pop('success', 'Args Title', 'Args Body');

Я добавил ниже код в HTMLфайл. 

<toaster-container></toaster-container>

Эта реализация работает отлично.Я пишу тестовый блок, как показано ниже. 

describe('Component: TenantEditorComponent', () => {

  beforeEach(async(() => {
        TestBed.configureTestingModule({
            imports: [
                HttpClientModule,
                RouterTestingModule,
                TranslateModule.forRoot({
                    loader: {
                        provide: TranslateLoader,
                        useClass: TranslateLanguageLoader
                    }
                }),
                NgxDatatableModule,
                FormsModule,
                UiSwitchModule,
                TooltipModule.forRoot(),
                ModalModule.forRoot(),
                ToasterModule
            ],
  providers: [   ToasterService ]
        }).compileComponents();
fixture = TestBed.createComponent(TenantEditorComponent);
        component = fixture.componentInstance;
        submitEl = fixture.debugElement;
        fixture.detectChanges();
    }));

Это дает мне ошибку

Нет контейнеров тостера, которые были инициализированы для приема тостов.

Я добавил скриншот ниже.

enter image description here

Может ли кто-нибудь помочь мне разобраться в проблеме?Любая помощь будет оценена.Спасибо

1 Ответ

0 голосов
/ 30 января 2019

создать шпиона для проверки тостер-сервиса. 

     describe('Component: TenantEditorComponent', () => {
      let toasterServiceSpy: jasmine.Spy;

 const toasterSetvices = jasmine.createSpyObj('toasterSetvices', ['pop']);
     toasterServiceSpy = toasterSetvices.pop.and.returnValue(of(''));

      beforeEach(async(() => {
            TestBed.configureTestingModule({
                imports: [
                    HttpClientModule,
                    RouterTestingModule,
                    TranslateModule.forRoot({
                        loader: {
                            provide: TranslateLoader,
                            useClass: TranslateLanguageLoader
                        }
                    }),
                    NgxDatatableModule,
                    FormsModule,
                    UiSwitchModule,
                    TooltipModule.forRoot(),
                    ModalModule.forRoot(),
                    ToasterModule
                ],
      providers: [    {provide: ToasterService, useValue: toasterSetvices } ]
            }).compileComponents();

    fixture = TestBed.createComponent(TenantEditorComponent);
            component = fixture.componentInstance;
            submitEl = fixture.debugElement;
            fixture.detectChanges();
        }));

   it('Hit the Login Button', () => {
    const fixtureInstance = TestBed.createComponent<LoginComponent> 
     (LoginComponent);
    const toasterServiceInstance = 
    fixtureInstance.componentInstance.toasterService;
    fixtureInstance.detectChanges();
    component.submit();
    expect(toasterServiceSpy.calls.any()).toBe(true);

  });
...