自动化测试：Selenium-02-页面元素选择

1.网页页面元素

---

在UI自动化中，我们如何告知Chrome（或者其他）阅览器我们要如何操作页面呢？其实我们要我们是要操作网页的html元素，以百度为例，我们要在输入框输入"google",该如何操作呢？
step 1
我们可以通过 F12 打开阅览器的开发者工具栏，通过select工具查看网页元素属性。

Step 2
弄清元素特性后，通过selenium元素选择函数与操作函数进行元素操作

propertyOfSearchInpute = "//span/input[@id='kw']"
browser.find_element_by_xpath(propertyOfSearchInpute).send_keys('google')

运行结束后，我们可以看到在搜索框中出现了我们想要google。

2.元素选择函数

---

下面我列出了一下常用的selenium 选择函数。

2.1WebDriver 的8种基本元素定位方式

• find_element_by_id()
• find_element_by_name()
• find_element_by_class_name()
• find_element_by_xpath()
• find_element_by_css_selector()
• find_element_by_tag_name ()
• find_element_by_link_text()
• find_element_by_partial_link_text()

2.2 elements复数定位

该类函数返回的是list

• id复数定位find_elements_by_id()
• name复数定位find_elements_by_name()
• class复数定位find_elements_by_class_name()
• tag复数定位find_elements_by_tag_name()
• link复数定位find_elements_by_link_text()
• partial_link复数定位find_elements_by_partial_link_text()
• xpath复数定位find_elements_by_xpath()
• css复数定位find_elements_by_css_selector()

2.3 JS的5种定位方式总结

• id定位：document.getElementById()
• name定位：document.getElementsByName()
• tag定位：document.getElementsByTagName()
• class定位：document.getElementsByClassName()
• css定位：document.querySelectorAll()

search_js = "document.getElementsByName('wd')[0].value='selenium';"
search_js2 = "document.querySelectorAll('.s_ipt')[0].value='selenium';"
button_js = "document.getElementById('su').click();"
button_js2 = "document.getElementsByClassName('s_btn')[0].click()"
browser.execute_script(search_js2)
browser.execute_script(button_js2)

3.模糊选择

---

有些时候，我们不知道元素特性的精确值，只知道其包含某个直段，这时我们就可以使用模糊选择，还是以百度为例，我们只知道搜索框的id为’*w’，那么现在我们该如何找到该元素呢？

通过contains匹配

propertyOfSearchInpute = "//span/input[contains(@id,'w')]"
browser.find_element_by_xpath(propertyOfSearchInpute).send_keys('google')

其他选择函数也有类似的选择，可以根据需求选择使用。（除了contains,其实我们也可以通过正则表达式来进行模糊定位，在这就不细说啦）