[英]How to select an element with multiple CSS attributes using Selenium Webdriver
好的,所以我确定要进行研究,但是找不到解决我问题的答案。 使用Selenium Webdriver,网页上的项目列表如下:HTML示例
<div class="color-picker-slider" style="width: 180px;" active_state="black">
<div class="store_color_picker black-selector" style="width:20px;" color_name="black" product_id="132" base_color="black"></div>
<div class="store_color_picker slate-selector" style="width:20px;" color_name="slate" product_id="133" base_color="slate"></div>
<div class="store_color_picker violet-selector" style="width:20px;" color_name="violet" product_id="157" base_color="violet"></div>
<div class="store_color_picker flexlime-selector" style="width:20px;" color_name="lime" product_id="155" base_color="lime"></div>
<div class="store_color_picker pink-selector" style="width:20px;" color_name="pink" product_id="156" base_color="pink"></div>
<div class="store_color_picker teal-selector" style="width:20px;" color_name="teal" product_id="158" base_color="teal"></div>
<div class="store_color_picker tangerine-selector" style="width:20px;" color_name="tangerine" product_id="159" base_color="tangerine"></div>
<div class="store_color_picker navy-selector" style="width:20px;" color_name="navy" product_id="160" base_color="navy"></div>
<div class="store_color_picker red-selector" style="width:20px;" color_name="red" product_id="161" base_color="red"></div>
</div>
因此,我创建了一个枚举,其中包含所有产品及其相应的索引位置号。 效果很好,但是唯一的问题是如果索引更改了,比方说添加一个新项而不添加到最后一个索引,那么我必须去更改每个索引,因此效率不高。 我看到的唯一静态属性是product_id,该属性不太可能更改。 如果添加了一个新的product_id,我可以将其添加到枚举中,而无需更改任何索引等。
然后,我的问题变成如何根据product_id单击元素? 我知道如何获取属性,但是当然返回一个字符串,但是我想以某种方式单击基于product_id的项目。 任何帮助将不胜感激! 我用CSS来查找元素。 这不是任何下拉列表的一部分
您可以根据其属性编写CSS选择器:
.store_color_picker[product_id='133']
基本上,格式为:
selector[attribute='attribute_value']
因此,您还可以这样做:
.store_color_picker[color_name='black']
如果要选择颜色名称。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.