木偶操纵者：选择器中的转义方括号

问题描述

我需要选择ID包含方括号的元素。

即

#element[0]

但是，我一直收到：

错误：找不到与选择器"Element[0]"匹配的元素

我已使用对选择器中的元素进行转义，但这不起作用。

page.select("#fruit[0]", "apples")

双反斜杠转义也不起作用。即：

page.select("#fruit\[0\]", "apples")

更新：我尝试选择的元素：

<select id="fruit[0]">
  <option>Please make a selection</option>
  <option>apples</option>
</select>

注意：即使尝试将page.waitFor方法用于上述查询，也会遇到相同的错误。

推荐答案

使用[id="fruit[0]"]：

您可以在引用元素的id属性时使用CSSattribute selector：

await page.waitFor( '[id="fruit[0]"]' );

await page.select( '[id="fruit[0]"]', 'apples' );