如何使用剧作家获得垫选元素的价值？答案

【问题标题】：How to get value of mat-select element using playwright?如何使用剧作家获得垫选元素的价值？
【发布时间】：2021-09-27 01:32:58
【问题描述】：

我是 Playwright 的新手，我正在尝试使用 playwright 获取选定的选项值并将其更改为包含 mat-select 元素的 mat-form-field 的另一个选项。

我试过了

await page.selectOption('select#colors', { label: 'Blue' });

即selectOptions 不适用于垫选择元素

<mat-form-field>

<mat-select id="selectColor" [formControl]="colcorselect" (click)="$event.stopPropagation()"> <mat-option *ngFor="let filter of savedColorOptions" [value]="filter (click)="savedFilterChange($event, filter)"> {{filter}} </mat-option> </mat-select> </mat-form-field>

【问题讨论】：

材质选择不是真正的选择，您需要查看该组件生成的 HTML 并使用这些元素执行操作。

标签： angular-material selector playwright

【解决方案1】：

这就是最终对我有用的两个步骤：

首先单击它作为普通 UI 对象。

然后点击所需的选项值。

let cmb_box_locator='mat-select[id="myCombo"]'
 await page.click(cmb_box_locator)
 await page.click('//span[@class="mat-option-text"][contains(.,"'+desiredValue+'")]')

【讨论】：