selenium - 如何选择具有相同CSS选择器的元素

Question

我的 UI 测试中有许多元素具有相同的 css 选择器名称，但我遇到的问题是如何分别选择它们中的每一个。

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

我目前正在使用“[data-qa-inning-value]”[1]、“[data-qa-inning-value]”[2] 等，但它没有接收到它，有什么帮助吗？

它目前没有捡起任何东西，但我确实记得有一种方法可以做到这一点，但我只是在我的笔记中找不到它

Answer 1

理想情况下，您不应使用 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)