如何 select 元素具有相同的 css select 或者

How to select elements with the same css selector

我的 ui 测试中有许多元素具有相同的 css select 或名称,但我遇到的问题是如何 select 每个他们分开。

我记得有一种方法可以在它们每个之后添加 [1]、[2],但我似乎无法让它工作。

我目前正在使用“[data-qa-inning-value]”[1]、“[data-qa-inning-value]”[2] 等,但它没有接收到它,任何有帮助吗?

它目前没有拾取任何东西,但我确实记得有一种方法可以做到,但我在我的笔记中找不到它

理想情况下,您不应使用 CSS 选择器对元素编号进行硬编码,如 [1][2]。这是因为,很多时候,开发团队不断添加或删除 类 和影响 DOM 的结构,您将无法跟踪硬编码元素,从而导致误报。

尝试唯一地找到元素。如果 CssSelector 没有帮助,请尝试 XPath 但保持元素唯一。

但是,如果您仍然决定选择当前的方法,以下可以帮助您

在 class/id 或标识符之后,放置 :nth-of-type(1):nth-of-type(2) 等等以获取您的元素。

例如:

.c-primary-navigation__load-nav-item:nth-of-type(5)