使用CS绞盘查找元素使用量角器角度无效

Question

我正在使用量角器自动测试我的应用程序。 我通过在HTML中使用定义CSS类来获取元素。 现在，我有一个席位表格字段。 在那个垫子表单字段中，我有很多垫子选项。 我想对此选项实施随机选择以测试我的应用。 我正在详细解释。

在我的HTML类中

<mat-form-field>
   <mat-select class="t-day" matInput placeholder="{{ 'Day' | translate }}" [(ngModel)]="settings.day" name="day">
   <mat-option class="t-hour-option" *ngFor="let day of days" [value]="day.value">{{ day.text }}</mat-option>
  </mat-select>
</mat-form-field>

现在在测试课程中，我首先单击字段，然后从中选择一个随机选项。 我正在尝试这种方式。

 let dayfield = element(by.css('.t-day'));
 let picktime = element.all(by.css('.t-hour-option.mat-option:not(.t-hour-option.mat-option.mat-selected.mat-active)'));

    await click.onto(productionDayEnd)
    await productionDayEnd.isDisplayed();

    await click.onto(picktime);

但这不是单击，也不起作用。 我不确定在这种情况下怎么了。

Answer 1

您正在使用.mat-option作为类，但实际上它是一个标记。
$$('mat-option.t-hour-option:not(.mat-active)'); 要么
$$('.t-hour-option:not(.mat-active');是一些潜在的解决方案。

但是，我看不到一个名为.mat-active的类，尽管它可能会被渲染（角度最好）。 如果.mat-active是类似.mat-option的标签，那么您可能想要做
:not(mat-active)