gpt4 book ai didi

html - 同一类元素的 Protractor 定位器

转载 作者:行者123 更新时间:2023-11-28 00:16:32 26 4
gpt4 key购买 nike

我是 Protractor 和 E2E 测试的新手,想确定我的 CSS 定位器方法是否适用于同一类的相同元素。

我有一个 HTML Fiddle here它描绘了一个包含两个 div 元素的网页,每个元素包含两个按钮:这些按钮都属于同一类。 HTML 如下:

<!DOCTYPE html>
<html>
<body>
<div>
<button class="btn1" tooltip="Color">
<span class="color-indicator" style="background-color: rgb(0, 0, 0);">
</button>
<button class="btn1" tooltip="Background Color">
<span class="color-indicator" style="background-color: rgb(50, 50, 50);">
</button>
</div>
<div>
<button class="btn1" tooltip="Color">
<span class="color-indicator" style="background-color: rgb(0, 0, 0);">
</button>
<button class="btn1" tooltip="Background Color">
<span class="color-indicator" style="background-color: rgb(50, 50, 50);">
</button>
</div>
</body>
</html>

我需要单击每个 div 中的每个按钮元素。这些按钮可以通过 element(by.css()) Locator 使用它们的 CSS 选择器访问(例如 "body > div:nth-child(1) > button:nth-child(1 )") 但是否有更好的方法来访问这些元素?

我的网站有很多这样的例子,我想知道是否有更好的方法来访问这样的元素,除了在我的 中硬编码它们的 nth-child 数字it() 脚本。网页上的元素将来可能会重新排序,因此使用编号可能会导致以后出现问题。

谢谢 :-)

最佳答案

如果您知 Prop 有相同类的按钮的确切数量,则可以使用 css 选择器定位它们;在这种情况下,有 4 个,所以它看起来像这样::

element.all(by.css('.btn1')).get(0);
element.all(by.css('.btn1')).get(1);
element.all(by.css('.btn1')).get(2);
element.all(by.css('.btn1')).get(3);

如果有帮助,请告诉我!

关于html - 同一类元素的 Protractor 定位器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55077564/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com