PlayWright 中的自定义选择器答案

【问题标题】：Custom selector in PlayWrightPlayWright 中的自定义选择器
【发布时间】：2022-01-03 19:51:49
【问题描述】：

是否可以在 Playwright 中添加自定义选择器？（在 C# 中首选）

比如我们的应用在HTML中使用了自定义属性[data-automation-name=SOMENAME]，每次都写起来有点麻烦：

page.FillAsync("[data-automation-name=SOMENAME1]", "1");
page.FillAsync("[data-automation-name=SOMENAME2]", "2");
page.FillAsync("[data-automation-name=SOMENAME3]", "3");

我更喜欢这样写：

page.FillAsync("$SOMENAME1", "1");
page.FillAsync("$SOMENAME2", "2");
page.FillAsync("$SOMENAME3", "3");

我搜索了docs 和 GitHub 存储库，但没有成功。

【问题讨论】：

我不知道如何在 C# 中执行此操作，但您可以在节点中创建自己的选择器：Playwright official

标签： c# playwright playwright-sharp

【解决方案1】：

我会为带有占位符的选择器设置一个常量，然后在我将要使用该选择器的地方使用 string.Format()。当您必须更改选择器时，您不必在每个使用过它的地方都更改它。

示例；

private const string DataAutomationNameSelector = "[data-automation-name={0}]";

private static async Task Main()
{
    await page.FillAsync(string.Format(DataAutomationNameSelector, "SOMENAME1"), "1");
}

【讨论】：