剧作家 - 通过 div ids 获取 div 的所有 child divs (TypeScript)

Question

我正在通读 PlayWright 文档，但没有看到像下面这样的示例。

如果我有一个 div 和 3 个 child div，每个都有一个 img，我怎样才能得到图像参考列表？

<div data-testid="a">
  <div data-testid="1"><img src="http://test.com/one"></div>
  <div data-testid="2"><img src="http://test.com/two"></div>
  <div data-testid="3"><img src="http://test.com/three"></div>
</div>

我想要一份清单：

"http://test.com/one"
"http://test.com/two"
"http://test.com/three"

基于使用几次 page.locator 调用或其他。我在文档中看到的所有示例都倾向于只使用 click() 和 fill()。

只是寻找总体思路...伪代码是完美的。

Answer 1

我会通过评估来解决它：

const div = page.locator('data-testid=a');
const urls = await div.evaluate(div => 
  Array.from(div.querySelectorAll('img')).map(img => img.getAttribute('src')));

剧作家 - 通过 div ids 获取 div 的所有 child divs (TypeScript)

Playwright - get all child divs of div by div ids (TypeScript)

typescript

playwright