Advertisement

Web自动化测试用例Selenium定位方法css_selector类型3

阅读量:

【针对网页中元素的定位问题,可依据 id、class、name 等属性,以及 link_text 进行识别。
在这些属性中,id 被认为是最佳的定位手段,而 class 与 name 属性则在某些情况下仍具备一定的可行性。
然而,当目标元素缺乏上述属性,或通过这些属性匹配到多个元素时,应如何应对?

Selenium 提供了两种能够实现精准定位的技术路径:

  1. find_element_by_css_selector
  2. find_element_by_xpath

find_element_by_css_selector

原理

在网页开发过程中,常常需要为页面中的各个元素设定具体的展示样式,例如设置文字的前景色为红色,背景色为黑色,字体采用微软雅黑,以及定义输入框的宽度和高度等。

所有这些样式设定,都是通过 CSS 来向浏览器传达指令:需要选择哪些页面元素,并赋予其相应的视觉表现形式。
如图所示,在豆瓣网站中,“登陆豆瓣”这一按钮的样式,正是由 CSS 指令告知浏览器:针对 .account-anonymous .account-form-field-submit .btn 这一按钮元素,应将其背景颜色设置为浅绿色,并将高度设定为34px 等相关属性。

![在这里插入图片描述](https://ad.itadn.com/c/we

全部评论 (0)

还没有任何评论哟~