python - 如何根据父兄弟标签选择输入

Question

我拥有的输入元素没有任何可以识别它的东西，因为我的页面是通过反应框架构建的。所以我想通过它上面的标签来选择合适的输入。我的 HTML 如下所示：

<div>
  <label>Project</label>
</div>
<div>
  <div>
        <input>
  </div>
</div>
<div>
  <label>Type</label>
</div>
<div>
  <div>
        <input>
  </div>
</div>

Answer 1

如果您尝试对具有关联输入元素的标签执行操作，Playwright 将自动将操作重定向到输入。

如果 DOM 结构始终相同，您可以尝试这样的事情

page.locator('div:has( > :text-matches("Project")) + div input')

否则布局选择器是你最好的选择。

Answer 2

您可以尝试使用布局选择器：

const div = page.locator('input:right-of(:text("Project"))');