时间戳

首页 > 解决方案 > TestCafe 不使用 Angular asyncPipe 渲染元素

angular - TestCafe 不使用 Angular asyncPipe 渲染元素

问题描述

使用 Angular asyncPipe 的 TestCafe 指令不会在浏览器中呈现或单击以进行测试：

示例元素 -

  <a mat-tab-link
    *ngIf="capabilitiesFacade.hasPermissionCapability(VIEW_CALL_DETAILS) | async"
    [disabled]="!(permissionsFacade.hasPermission(VIEW_CALL_DETAILS) | async)" (click)="changeTab('details')"
    [ngClass]="{'tab-focus': currTab === 'details'}">
    DETAILS
  </a>

在TestCafe -

Selector('.mat-tab-link').withText(' DETAILS '); //Element is not rendered

如果我删除| async- 元素将被渲染。

标签： angulartestingautomated-testse2e-testingtestcafe

解决方案

推荐阅读