为了账号安全,请及时绑定邮箱和手机立即绑定

无法使用 ngif 读取 null 的属性“nativeElement”

无法使用 ngif 读取 null 的属性“nativeElement”

www说 2023-08-24 18:16:55
我正在做一些单元测试。所以我有这个功能:selectCluster(event: MouseEvent, feature: any) {    event.stopPropagation();     this.selectedCluster = {geometry: feature.geometry, properties: feature.properties};  }和模板: <mgl-popup *ngIf="selectedCluster" [feature]="selectedCluster">          </mgl-popup>我有这样的测试:  fit('Should set selectedCluster when clicked', async(() => {        spyOn(component, 'selectCluster').and.callThrough();    fixture.detectChanges();    fixture.debugElement.query(By.css('.marker-cluster')).nativeElement.click();    tick();    fixture.whenStable().then(() => {      expect(component.selectCluster).toHaveBeenCalled();    });  }));但我仍然收到此错误:Cannot read property 'nativeElement' of null那么我必须改变什么?谢谢这也使用了以下函数: <ng-template mglClusterPoint let-feature>        <div class="marker-cluster" (click)="selectCluster($event, feature)">          <fa-icon [icon]="faVideo" [styles]="{'stroke': 'black', 'color': 'black'}" size="lg" class="pr-2"></fa-icon>          <fa-icon [icon]="faWifi" [styles]="{'stroke': 'black', 'color': 'black'}" size="lg" class="pr-2"></fa-icon>        </div>      </ng-template>
查看完整描述

1 回答

?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

.marker-cluster当您尝试单击它时,它不在页面上,我没有看到您的完整 html,但我会假设它与*ngIf="selectedCluster"真实相关。


 fit('Should set selectedCluster when clicked', async(() => {    

    // spy on and calling through doesn't actually call the function

    // it makes it so we can determine if the function was called

    // and everytime the function was called, call the actual function

    // and not a null function

    spyOn(component, 'selectCluster').and.callThrough();

    // calling the function will should make selectedCluster true

    component.selectCluster({ stopPropagation: () => null } as MouseEvent, {}); // send your own inputs

    fixture.detectChanges();

    fixture.debugElement.query(By.css('.marker-cluster')).nativeElement.click();


    fixture.whenStable().then(() => {

      expect(component.selectCluster).toHaveBeenCalled();

    });

  }));


查看完整回答
反对 回复 2023-08-24
  • 1 回答
  • 0 关注
  • 124 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信