Jasmin Angular：选中复选框，取消选择后无法正常工作

Question

    it('Reset filter works properly', () => {
     fixture.detectChanges();
     fixture.whenStable().then(() => {
        const hostElement = fixture.nativeElement;
        const checkBox: HTMLInputElement = hostElement.querySelector('#filter ion-item:first-child ion-checkbox');
        console.log('checkBox', checkBox);
        expect(checkBox.checked).toBe(false);
        checkBox.click();
        fixture.detectChanges();
        expect(checkBox.checked).toBe(true);

尝试在角度9，Jasim框架中测试基本的复选框功能

最初将取消选中此复选框，然后单击以选中它，但未按预期工作。

console.log打印复选框元素

<ion-checkbox _ngcontent-a-c154="" color="selection" mode="md" slot="start" class="ion-margin-start"></ion-checkbox>

错误消息错误：预期为undefined为假。

Answer 1

您应该使用debugElement访问该复选框。它包含与调查元素或组件有关的各种参考资料和方法。 DebugElement vs NativeElement