如何在Playwright中使用自定义测试定位符data-pid？

完全可以实现，Playwright支持通过CSS选择器直接定位自定义属性，和你在Selenium中的思路一致，具体操作有以下几种方式：

1. 直接使用CSS选择器定位 #

直接用page.Locator()方法传入自定义属性的CSS选择器，再调用填充方法即可：

// 定义定位器
var userStringLocator = Page.Locator("[data-pid='UserString']");
// 填充输入框
await userStringLocator.Fill("tester@tester.com");

2. 封装成复用方法 #

如果多个测试用例都需要用到这种定位方式，可以封装一个辅助方法提升代码复用性：

// 封装自定义定位方法
private ILocator GetByDataPid(string pid)
{
    return Page.Locator($"[data-pid='{pid}']");
}

// 调用示例
await GetByDataPid("UserString").Fill("tester@tester.com");

3. 全局注册自定义定位器 #

Playwright支持全局注册自定义定位器，让整个测试套件可以用更简洁的方式调用：

// 初始化Playwright时注册自定义定位规则
using var playwright = await Playwright.CreateAsync();
await using var browser = await playwright.Chromium.LaunchAsync();
var context = await browser.NewContextAsync();
var page = await context.NewPageAsync();

// 注册getByDataPid的定位逻辑
page.LocatorRegistry.Register("data-pid", (selector, options) => 
    page.Locator($"[data-pid='{selector}']", options));

// 使用简化的定位方式
await page.Locator("data-pid=UserString").Fill("tester@tester.com");

本质上，Playwright的Locator()方法支持所有标准CSS选择器语法，你完全可以沿用Selenium中基于data-pid属性的定位策略，实现逻辑和之前一致，只是API调用方式稍有不同。

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