测试是否用茉莉花和业力改变了班级

Question

我正在尝试测试是否通过以下方式单击了按钮：

[单击按钮时，某些元素类从wrapper-container更改为wrapper-container-expanded（我不想检查单击按钮时是否调用了该函数-这不是我的目的）。

我正在尝试通过以下方式进行检查：

it('should class be changed', ()=>{ 
   fixture.detectChanges()
   clickedElement.nativeElement.click() // click the button that causes the class change
   elementToBeExpanded = fixture.debugElement.nativeElement.querySelector('wrapper-container-expanded')
   expext(elementToBeExpanded).toBeTruthy() // check if the element with the new class exists in the DOM -the elementToBeExpanded is null
})

尽管我可以看到调用了函数并且更改了类，但是找不到具有新类的元素并且旧的wrapper-container似乎存在。

Answer 1

单击事件后，您需要呼叫fixture.detectChanges()。

it('should class be changed', ()=>{ 
   // ...
   clickedElement.nativeElement.click() // click the button that causes the class change
   fixture.detectChanges() // detect changes!!
   // ...
})