Playwright是否有类似Cypress中find()的元素遍历等效方法？

Playwright本身没有名为find()的方法，但有两种完全等效的方式，实现和Cypress cy.get("abc").find("div")一致的元素遍历效果：

1. 链式调用 locator() 方法 #

Playwright的Locator对象支持链式调用，调用.locator(selector)会在当前定位器的元素范围内，查找匹配选择器的子元素，这和Cypress的find()逻辑完全一致：

// Cypress 写法
cy.get("abc").find("div");

// Playwright 等效写法
page.locator("abc").locator("div");

2. 使用CSS后代选择器直接组合 #

如果不需要拆分链式调用，也可以直接用CSS后代选择器把父元素和子元素的选择器合并，效果相同：

// Playwright 等效写法
page.locator("abc div");

进阶：复杂子元素筛选 #

如果需要对目标子元素做更复杂的筛选（比如按文本、属性、是否包含其他元素等），可以结合filter()方法：

// 在"abc"元素下，查找包含特定文本的div
page.locator("abc").locator("div").filter({ hasText: "示例文本" });

// 在"abc"元素下，查找包含指定子元素的div
page.locator("abc").locator("div").filter({ has: page.locator("[data-testid='target']") });

Playwright的链式locator继承了父定位器的上下文，同样具备自动等待元素就绪的特性，和Cypress的find()一样无需手动处理等待逻辑。

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