Я хочу проверить работоспособность кнопки, но этот элемент не отображается на странице, поскольку он находится под *ngIf
. Я хотел бы установить переменную из *ngIf
, чтобы быть правдивым, чтобы иметь возможность отображать данные. Я попытался сделать это с:
beforeEach(() => {
fixture = TestBed.createComponent(HeaderComponent);
component = fixture.componentInstance;
component.currentUser = {firstName: 'xxx'} as User; // Changing currentUser so it won't be undefined anymore
fixture.detectChanges();
});
, но все равно не работает. Вот мой компонент:
<div class="menu-button-container">
<div class="menu-button" [ngClass]="{'menu-open': isMenuOpen}" (click)="toggleMenu()" *ngIf="currentUser">
<div class="line-menu-button line-menu-button__top"></div>
<div class="line-menu-button line-menu-button__middle"></div>
<div class="line-menu-button line-menu-button__bottom"></div>
</div>
</div>
и тест, который я пытаюсь запустить:
it('should open the menu when the button menu is clicked', () => {
const fixture = TestBed.createComponent(HeaderComponent);
fixture.detectChanges();
const menuDebugElement = fixture.debugElement.query(By.css('.menu-button'));
expect(menuDebugElement).toBeTruthy();
});
, который всегда терпит неудачу. Если я определю правило *ngIf
как *ngIf="currentUser"
, тест работает. Как я могу сделать это изменение переменной из теста? Пожалуйста, порекомендуйте! Спасибо!