Playwright-Java操作Angular下拉框遇多元素匹配，如何唯一定位？

针对你遇到的因匹配多个下拉选项触发strict模式报错的问题，这里提供几种可靠的解决方法：

1. 精确匹配文本内容 #

默认的setHasText是模糊匹配，会命中所有包含目标文本的元素。改用精确文本匹配，确保只选中完全符合的选项：

方法一：XPath精确文本定位 #

getPage().locator(obj).click();
// 通过text()实现文本完全匹配
Locator list = getPage().locator("//span[@class='mat-option-text' and text()='" + value + "']");
list.click();

方法二：Playwright Filter精确匹配 #

getPage().locator(obj).click();
// 用正则实现精确匹配（Playwright 1.20+版本支持）
Locator list = getPage().locator("//span[@class='mat-option-text']")
        .filter(new Locator.FilterOptions().setHasText(Pattern.compile("^" + Pattern.quote(value) + "$")));
list.click();

2. 缩小定位范围，限定在当前下拉框内 #

页面存在多个同类下拉选项时，大概率是定位未限定到当前打开的下拉框容器。可以先锁定Angular Material的下拉激活面板，再在内部查找选项：

getPage().locator(obj).click();
// 定位当前激活的下拉面板，再在面板内找目标选项
Locator activeDropdown = getPage().locator(".mat-select-panel.mat-select-panel-active");
Locator list = activeDropdown.locator(".mat-option-text", new Locator.LocatorOptions().setHasText(value));
list.click();

3. 利用Angular Material原生属性定位 #

Angular Material的mat-option通常会绑定value或自定义data-*属性，通过这些属性定位比文本更稳定：

getPage().locator(obj).click();
// 假设选项的value属性为目标值，直接通过属性定位
Locator list = getPage().locator("//mat-option[@value='" + value + "']//span[@class='mat-option-text']");
list.click();

应急方案：指定索引选择（不推荐长期使用） #

如果以上方法无法快速生效，可临时用索引指定元素，但该方法依赖元素顺序，页面结构变更后易失效：

getPage().locator(obj).click();
Locator list = getPage().locator("//span[@class='mat-option-text']")
        .filter(new Locator.FilterOptions().setHasText(value))
        .nth(0); // 选择第一个匹配元素，可根据实际情况调整索引
list.click();

异常信息翻译：
com.microsoft.playwright.PlaywrightException: 错误 {
消息='错误：严格模式违反：定位器("//span[@class='mat-option-text']").filter(new Locator.FilterOptions().setHasText("Corporation")) 匹配到2个元素'

内容的提问来源于stack exchange，提问作者rajesh k