selenium点击后没反应未报错_Selenium自动化测试JavaScript定位

——————·今天距2020年37天·——————

这是ITester软件测试小栈第83次推文

做自动化过程中&＃xff0c;会发现有的按钮点击不了&＃xff0c;或者点击没有反应&＃xff0c;也没有报错&＃xff0c;或者不能处理滚动条等场景&＃xff0c;我们可以通过Javascript定位来解决这些问题。

以下总结了5种Javascript定位的方法&＃xff0c;除了id是定位到单个element元素对象&＃xff0c;其它的都是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获取到元素之后&＃xff0c;对元素的属性、内容进行操作。

• 对属性的操作

1. 设置属性&＃xff1a;对象.setAttribute(&＃39;属性名&＃39;, &＃39;值&＃39;);

2. 获取属性&＃xff1a;对象.getAttribute(&＃39;属性名&＃39;);

3. 移除属性&＃xff1a;对象.removeAttribute(&＃39;属性名&＃39;);

• 对内容的操作

1. 设置表单的value属性的值或元素的内容&＃xff1a;对象.value&＃61;"值";

2. 设置指定元素标签内的文本值: 对象.innerText&＃61;"值";

介绍完这些理论后&＃xff0c;我们以实际例子来演示&＃xff0c;比如现在用Javascript在百度搜索框输入内容。

from selenium import webdriverdriver &＃61; webdriver.Chrome()driver.get(&＃39;https://www.baidu.com/&＃39;)# js通过id属性获取对象&＃xff0c;然后设置对象的值search_js &＃61; &＃39;document.getElementById("kw").value&＃61;"selenium";&＃39;driver.execute_script(search_js)

接下来&＃xff0c;我们看下Javascript定位可以应用到哪些场景&＃xff1f;

from selenium import webdriverimport timedriver &＃61; webdriver.Chrome()driver.get(&＃39;https://www.baidu.com/&＃39;)driver.set_window_size(600,600)time.sleep(3)# 滚动条滑到底部scroll_bottom_js &＃61; &＃39;document.documentElement.scrollTop&＃61;8888;&＃39;driver.execute_script(scroll_bottom_js)time.sleep(2)# 滚动条滑到顶部scroll_top_js &＃61; &＃39;document.documentElement.scrollTop&＃61;0;&＃39;driver.execute_script(scroll_top_js)二操作日历控件   

以12306页面&＃xff0c;出发日期的日历控件为例。我们先定位到控件&＃xff0c;看下源码&＃xff1a;

发现出发日期&＃xff0c;有个readonly属性&＃xff0c;这个时候我们输入不了日期&＃xff0c;可以通过两种方法&＃xff1a;

 1.去掉readonly属性&＃xff0c;然后send_keys输入日期  

from selenium import webdriverimport timedriver &＃61; webdriver.Chrome()driver.get(&＃39;https://www.12306.cn/index/&＃39;)# 通过id属性获取元素&＃xff0c;然后移除移除元素的readonly属性datetime_js &＃61; &＃39;document.getElementById("train_date").removeAttribute("readonly");&＃39;driver.execute_script(datetime_js)time.sleep(2)driver.find_element_by_css_selector(&＃39;input#train_date&＃39;).clear()driver.find_element_by_css_selector(&＃39;input#train_date&＃39;).send_keys(&＃39;2019-01-02&＃39;)

 2.直接通过Javascript输入日期  

from selenium import webdriverimport timedriver &＃61; webdriver.Chrome()driver.get(&＃39;https://www.12306.cn/index/&＃39;)time.sleep(2)# 通过id属性获取元素信息&＃xff0c;然后value改变值datetime_js &＃61; &＃39;document.getElementById("train_date").value&＃61;"2020-11-10";&＃39;driver.execute_script(datetime_js)三操作多窗口

做自动化过程中&＃xff0c;会遇到多开页面的情况&＃xff0c;切换多窗口会比较麻烦&＃xff0c;这时候我可以用Javascript来处理。

我们先看下什么时候会新开页面&＃xff0c;以百度页面的新闻链接为例&＃xff0c;点击新闻链接会跳转到新开页面。             

查看前端代码发现&＃xff0c;target&＃61;"_blank"&＃xff0c;其中_blank表示新开页面&＃xff0c;知道了原理&＃xff0c;那我们可以利用js去掉_blank这个属性值或者直接删除target属性。

 1.js去掉_blank属性值  

from selenium import webdriverimport timedriver &＃61; webdriver.Chrome()driver.get(&＃39;https://www.baidu.com/&＃39;)# js修改target值为空news_js &＃61; &＃39;document.getElementsByClassName("mnav")[0].target&＃61;"";&＃39;driver.execute_script(news_js)time.sleep(2)driver.find_element_by_link_text("新闻").click()

 2.js删除target属性  

from selenium import webdriverdriver &＃61; webdriver.Chrome()driver.get(&＃39;https://www.baidu.com/&＃39;)# js去掉target属性news_js &＃61; &＃39;document.getElementsByClassName("mnav")[0].removeAttribute("target");&＃39;driver.execute_script(news_js)driver.find_element_by_link_text("新闻").click()以上That&＃39;s  allITester软件测试小栈往期内容宠幸叮—这有一打让你666的测试终极资料包&＃xff0c;请查收&＃xff01;

打开PyCharm永久激活的这两个锦囊&＃xff0c;再也不用担心写代码的时候让我付费了&＃xff01;

Selenium自动化测试-1.selenium介绍及环境安装

Selenium自动化测试-2.浏览器基本操作

Selenium自动化测试-3.元素定位(1)

Selenium自动化测试-3.元素定位(2)

Selenium自动化测试-3.元素定位(3)

Selenium自动化测试-4.By定位及如何确定元素唯一

Selenium自动化测试-5.脚本录制神器Katalon Recorder

Selenium自动化测试-6.鼠标键盘操作

Selenium自动化测试-7.获取元素属性信息

Selenium自动化测试-8.iframe处理

Selenium自动化测试-9.设置元素等待

快来星标 置顶 关注我

想要获取相关资料和软件 &＃xff1f;

Q群&＃xff1a;727998947