使用量角器选择 mat-option 失败答案

【问题标题】：Selecting mat-option with protractor fails使用量角器选择 mat-option 失败
【发布时间】：2020-08-28 17:14:43
【问题描述】：

以下选择mat-option的方式失败：

使用定位器找不到元素：by.cssContainingText("mat-option", “哥本哈根 K”）

element(by.id('area')).element(by.cssContainingText('mat-option', 'København K')).click();

这里是 HTML：

     <mat-select id="area" formControlName="area" placeholder="Working area">
  <mat-option *ngFor="let area of areas" [value]="area">
    {{ area }}
  </mat-option>

我不明白为什么会失败。

【问题讨论】：

标签： radio-button radio-group angular-e2e

【解决方案1】：

试试看：element(by.id('area')).click().then(()=>{ element(by.cssContainingText("mat-option","København K")).click(); });

据我了解，mat-options 是动态生成的，并且在 click() 事件期间将在范围内。所以你必须“点击”然后使用这些选项。

希望它有效（而且还不算太晚:-)）。

【讨论】：

【解决方案2】：

试试这个：-

元素(by.id('area')).click();
element(by.cssContainingText('mat-option .mat-option-text', 'København K')).click();

根据我的理解，上面的代码必须有效。享受量角器编码:-)

【讨论】：