时间戳

首页 > 解决方案 > 无法使用 nightwatchjs 单击材料选项卡下一个选项卡

angular6 - 无法使用 nightwatchjs 单击材料选项卡下一个选项卡

问题描述

我的应用程序中有一个材料选项卡。我正在尝试使用 nightwatch.js 自动化测试用例。但我无法使用 nightwatch.js 单击应用程序的下一个选项卡。我需要切换到下一个标签。促进任何帮助我的材料选项卡如下所示：

<mat-tab-group
  id="detailsTab"
  [selectedIndex]="tabIndex"
  (selectedTabChange)="tabSelectionChange($event.index)"
>
  <mat-tab id="sample" [label]="card">
    <app-details *ngIf="tabIndex === 0"></app-details>
  </mat-tab>
  <mat-tab [label]="Report">
    <app-report *ngIf="tabIndex === 1"></app-report>
  </mat-tab>
  <mat-tab [label]="perf">
    <app-perf *ngIf="tabIndex === 2"></app-perf>
  </mat-tab>
</mat-tab-group>

Nightwatch 代码如下所示：

.waitForElementVisible('#detailsTab > .mat-tab-group:nth-child(1)',6000) 
.click('#detailsTab >.mat-tab-group:nth-child(1)')

标签： angular6nightwatch.js

解决方案

看起来你的选择器是错误的。您是否在浏览器控制台中检查过它以确认使用 $('#detailsTab > .mat-tab-group:nth-child(1)') 找到了该元素？

这里只是一个猜测，但这似乎可行：

.waitForElementVisible('mat-tab#sample',6000) 
.click('mat-tab#sample')

推荐阅读