如何等待多个选择器？

Question

例如，我正在测试一个搜索页面，它将显示结果编号.text > span:nth-child(1)。

但是，如果没有任何结果，则仅显示text="nothing"或.text > span:nth-child(1)不存在。

那么我怎样才能同时满足这两个条件呢？

Answer 1

您需要使用以逗号分隔的 CSS 选择器列表，它将匹配该列表中的选择器之一可以选择的所有元素：

\n

//                                           \xe2\x86\x93 comma\nawait page.locator(\'.text > span:nth-child(1), span:has-text("nothing")\').innerText();\n

\n

它将等待.text > span:nth-child(1)或span:has-text("nothing")。

\n