WebDriver-定位策略之通过CSS定位总结

CSS即Cascading Style Sheets。 是样式表语言,用于描述用标记语言编写的文档的外观和格式。通过CSS定位Web元素涉及使用CSS选择器,它基于HTML标记,id,class和属性的组合来标识元素。在WebDriver中,CSS选择器以六种模式工作,以识别和定位Web元素。

标签和ID语法:driver.findElement(By.cssSelector("Tag#Value of id attribute"))

因此,要定位文本框,可使用输入标记及其id属性的值:driver.findElement(By.cssSelector("input#fname"))

同样,要找到Submit按钮,可使用button标签及其id属性的值:driver.findElement(By.cssSelector("button#idOfButton"))

标签和Class语法:driver.findElement(By.cssSelector("Tag.Value of Class attribute"))

因此,在示例网页上找到“Automation Testing”复选框,可使用输入标记及其Class属性的值:

driver.findElement(By.cssSelector("input.Automation"))

标签和属性语法:driver.findElement(By.cssSelector("Tag[Attribute=value]"))

要定位文本框,可使用输入标记及属性的值:driver.findElement(By.cssSelector("input[id=fname]"))

标签,类和属性

子串匹配,WebDriver允许使用^,$和*进行部分字符串匹配

使用^表示’以’开头’:driver.findElement(By.cssSelector("Tag[attribute^=prefix of the string]"))

使用$符号表示“以…结尾”。driver.findElement(By.cssSelector("Tag[attribute$=suffix of the string]"))

使用*表示匹配“子字符串”。driver.findElement(By.cssSelector("Tag[attribute*=sub-string]"))

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190109A0RUXA00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券