Блог

Я пишу модульный тест, чтобы проверить, открыл ли вызов функции элемент диалогового окна материала. Я получаю False, тогда как ожидаемый результат равен True. Функция компонента:

x.component.ts

 openCartDialog(): void {
        this.dialog.open(CartComponent);
        this.isCartDialogOpen = true;
}
  

И мой файл x.component.spec.ts содержит следующий код и тест:

 export class DialogMock {
    open(): void {
        return;
    }
}

beforeEach(async(() => {

    TestBed.configureTestingModule({
        declarations: [MainPageComponent, CartComponent, ConfirmButtonComponent],
        imports: [RouterTestingModule, HttpClientModule, MatTabsModule, MatDialogModule],
        providers: [
            { provider: MatDialog, useClass: DialogMock },
        ],
    }).compileComponents();
}));

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


it('should open the cart dialog', () => {
       component.openCartDialog();
       expect(component.isCartDialogOpen).toBeTrue();
});
  

Я думаю, что проблема заключается в моем beforeEach(), где CartComponent не создан должным образом. Компонент Cart также использует другие компоненты в своем шаблоне…Я включил только ConfirmButtonComponent в этот код, но есть и другие.

Спасибо за вашу помощь!