如何在Playwright中用GetByRole定位含aria-owns属性的元素

• 首先明确：aria-owns不属于Playwright GetByRole方法支持的筛选属性。GetByRole仅支持ARIA状态类属性（如checked、disabled、expanded、selected等）以及可访问名称（Name参数）来筛选元素，像aria-owns这类用于关联其他元素的属性，不在其配置选项范围内。

• 你尝试的代码逻辑存在偏差：你写的GetByRole(AriaRole.Listbox, new FrameGetByRoleOptions { Name = "My_listbox" })是在定位角色为Listbox且可访问名称为"My_listbox"的元素，但你的目标元素是<span>（本身没有Listbox角色），它只是通过aria-owns指向了这个Listbox，所以这个写法无法命中目标。

• 推荐两种兼顾ARIA最佳实践的替代方案：

  1. 先定位目标Listbox，反向关联到拥有它的span元素：

     // 先找到aria-owns指向的Listbox
     var listbox = await _page.GetByRole(AriaRole.Listbox, new FrameGetByRoleOptions { Name = "My_listbox" }).ConfigureAwait(true);
     // 通过XPath反向定位对应的span
     var targetSpan = await listbox.Locator("xpath=./preceding::span[@aria-owns='My_listbox']").FirstAsync().ConfigureAwait(true);
     await targetSpan.ClickAsync().ConfigureAwait(true);
     

  2. 结合角色定位+属性筛选，保留可访问性最佳实践：
     如果你的目标span有明确的ARIA角色（比如button），可以先用GetByRole定位对应角色的元素，再筛选aria-owns属性：

     await _page.GetByRole(AriaRole.Button, new FrameGetByRoleOptions { Expanded = false })
                .Locator("[aria-owns='My_listbox']")
                .ClickAsync().ConfigureAwait(true);
     

     这种方式既遵循了用ARIA角色定位的最佳实践，又能精准筛选出目标元素。

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