如何 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)
我的 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)