Selenium自动化测试-JavaScript定位
做自动化过程中，会发现有的按钮点击不了，或者点击没有反应，也没有报错，或者不能处理滚动条等场景，我们可以通过JavaScript定位来解决这些问题。
以下总结了5种JavaScript定位的方法，除了id是定位到单个element元素对象，其它的都是elements返回的是list对象。
1.通过id获取 document.getElementById(“id”) 2.通过name获取 document.getElementsByName(“Name”) 3.通过标签名选取元素 document.getElementsByTagName(“tag”) 4.通过CLASS类选取元素 document.getElementsByClassName(“class”) 5.通过CSS选择器选取元素 document.querySelectorAll(“css selector")
通过JavaScript获取到元素之后，对元素的属性、内容进行操作。
- 对属性的操作
- 设置属性：对象.setAttribute('属性名', '值');
- 获取属性：对象.getAttribute('属性名');
- 移除属性：对象.removeAttribute('属性名');
- 对内容的操作
- 设置表单的value属性的值或元素的内容：对象.value="值";
- 设置指定元素标签内的文本值: 对象.innerText="值";
介绍完这些理论后，我们以实际例子来演示，比如现在用JavaScript在百度搜索框输入内容。
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# js通过id属性获取对象，然后设置对象的值
search_js = 'document.getElementById("kw").value="selenium";'
driver.execute_script(search_js)接下来，我们看下JavaScript定位可以应用到哪些场景？
一
通过JavaScript滑动滚动条
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
driver.set_window_size(600,600)
time.sleep(3)
# 滚动条滑到底部
scroll_bottom_js = 'document.documentElement.scrollTop=8888;'
driver.execute_script(scroll_bottom_js)
time.sleep(2)
# 滚动条滑到顶部
scroll_top_js = 'document.documentElement.scrollTop=0;'
driver.execute_script(scroll_top_js)二
操作日历控件
以12306页面，出发日期的日历控件为例。我们先定位到控件，看下源码：
发现出发日期，有个readonly属性，这个时候我们输入不了日期，可以通过两种方法：
1.去掉readonly属性，然后send_keys输入日期
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.12306.cn/index/')
# 通过id属性获取元素，然后移除移除元素的readonly属性
datetime_js = 'document.getElementById("train_date").removeAttribute("readonly");'
driver.execute_script(datetime_js)
time.sleep(2)
driver.find_element_by_css_selector('input#train_date').clear()
driver.find_element_by_css_selector('input#train_date').send_keys('2019-01-02')2.直接通过JavaScript输入日期
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.12306.cn/index/')
time.sleep(2)
# 通过id属性获取元素信息，然后value改变值
datetime_js = 'document.getElementById("train_date").value="2020-11-10";'
driver.execute_script(datetime_js)三
操作多窗口
做自动化过程中，会遇到多开页面的情况，切换多窗口会比较麻烦，这时候我可以用JavaScript来处理。
我们先看下什么时候会新开页面，以百度页面的新闻链接为例，点击新闻链接会跳转到新开页面。
查看前端代码发现，target="_blank"，其中_blank表示新开页面，知道了原理，那我们可以利用js去掉_blank这个属性值或者直接删除target属性。
1.js去掉_blank属性值
from selenium import webdriver
import time
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# js修改target值为空
news_js = 'document.getElementsByClassName("mnav")[0].target="";'
driver.execute_script(news_js)
time.sleep(2)
driver.find_element_by_link_text("新闻").click()2.js删除target属性
from selenium import webdriver
driver = webdriver.Chrome()
driver.get('https://www.baidu.com/')
# js去掉target属性
news_js = 'document.getElementsByClassName("mnav")[0].removeAttribute("target");'
driver.execute_script(news_js)
driver.find_element_by_link_text("新闻").click()以上
本文分享自 ITester软件测试小栈 微信公众号，前往查看
如有侵权，请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ，欢迎热爱写作的你一起参与！
腾讯云开发者
