如何使用Playwright点击伪元素？

Question

我有一个

<input type="search">

元素， 我正在尝试使用 Playwright-typescript click 清晰的伪元素。

我已经设法使用这些说明手动使其可见，但不是通过 Playwright。

有什么办法可以实现吗？

Answer 1

正如评论中所述，没有有意义的理由单击该

x

按钮，还因为它是浏览器特定的功能，它不被认为是理所当然的，并且实际上不会在 dom 上呈现..所以你甚至不能使用一个 css 选择器或者通过 dom 遍历。

现在希望 SO 社区能够原谅我这么长的一段时间，为了精湛的技术，有一种非正统的方法可以通过在其假定的坐标上单击鼠标来实现类似的结果，方法是对坐标进行任意插值输入元素。

这可能是这样一种方法：

const input = await page.$('#site-search');
const box = await input.boundingBox();

const clearButtonX_supposed = box.x + box.width - 5; 
const clearButtonY_supposed = box.y + box.height / 2;

await page.mouse.click(xButtonX, xButtonY);