Selenium3自动化测试【35】执行JS脚本（2）
通过selenium3操控滚动条、时间控件等
1.引言
当单击某链接时，单击的链接有时不是在原标签页上实现跳转，而是新打开一个标签页。如何实现在多个窗口间进行切换呢？
现在很多网站开发都在使用HTML5，如何利用Selenium处理常用的HTML5元素。分别是canvas（画布），video （视频），audio （音频）就是HTML5中常见的3个对象。本节一起来看看video（视频）。
同步视频知识与系列知识内容，可关注：【公众号】:柒哥测试；【WX】:Lee-890;
2.JS处理多窗口
当单击某链接时，单击的链接有时不是在原标签页上实现跳转，而是新打开一个标签页。如何实现在多个窗口间进行切换呢？
要解决该问题，可以通过修改html中元素的属性来解决。前面的小节了解到，JS可以修改元素的readonly属性，因此通过JS修改元素属性，以实现多窗口的切换。
单击Bing首页底部的【帮助】，会打开【举报问题】的一个新窗口，如图所示。
::: hljs-center
多窗口
:::
多窗口的处理，只需要修改target属性即可。查看【帮助】链接，会发现其target="_blank"。因为target的属性为"_blank"，所以打开链接的时候会重新打开一个新的标签页，如图所示。
::: hljs-center
元素的target属性
:::
只要去掉target="_blank"该属性即可实现在原标签页，打开链接，代码如下：
from selenium import webdriver
from time import sleep
driver = webdriver.Firefox()
driver.get("https://cn.bing.com/")
sleep(2)
JS = 'document.getElementById("sb_help").target=""'
driver.execute_script(JS)
driver.find_element_by_xpath('//*[@id="sb_help"]').click()
3.JS处理video
现在很多网站开发都在使用HTML5，如何利用Selenium处理常用的HTML5元素。分别是canvas（画布），video （视频），audio （音频）就是HTML5中常见的3个对象。本节一起来看看video（视频）。
大多数浏览器使用控件（如Flash）来播放视频，但是不同的浏览器需要使用不同的插件。HTML5定义了一个新的元素
3.1. Videojs网站案例
以videojs.com为例，访问该网站速度会慢些，代码如下：
from selenium import webdriver
from time import sleep
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By
driver = webdriver.Firefox()
driver.get("https://videojs.com")
# sleep(10)
#通过播放器的位置
video = WebDriverWait(driver, 30, 0.5).until(
EC.presence_of_element_located((By.XPATH, '/html/body/div/div/main/div[1]/div/div/div[1]/div/video')))
#返回播放文件地址
url1=driver.execute_script("return arguments[0].currentSrc;",video)
print(url1)
#播放视频
print("=====播放视频10秒=====")
driver.execute_script("return arguments[0].play()",video)
#播放10s
sleep(10)
#暂停视频
print("=====暂停视频15秒=====")
driver.execute_script("arguments[0].pause()",video)
sleep(10)
#播放视频
print("=====播放视频20秒=====")
driver.execute_script("return arguments[0].play()",video)
sleep(20)
driver.quit()
3.2.斗鱼网站案例
以打开斗鱼直播首页为例，先定位到播放器的id，然后通过js来控制播放或暂停。
from selenium import webdriver
from time import sleep
profile = webdriver.ChromeOptions()
profile.add_argument(r"user-data-dir=C:\Users\Fourme\AppData\Local\Google\Chrome\User Data")
driver=webdriver.Chrome("chromedriver",0,profile)
driver.get("https://www.douyu.com/")
# 定位播放的位置
video = driver.find_element_by_xpath("//video[@id='__video']")
#返回文件
url= driver.execute_script("return arguments[0].currentSrc;",video)
#播放视频
driver.execute_script("return arguments[0].play()",video)
#播放30秒钟
sleep(30) #运行脚本时，等待时间需根据实际情况修订，有可能造成代码不能成功运行
#播放视频
#暂停视频
driver.execute_script("return arguments[0].pause()",video)
#暂停15秒钟
sleep(15) #运行脚本时，等待时间需根据实际情况修订，有可能造成代码不能成功运行
#播放视频
driver.execute_script("return arguments[0].play()",video)
#播放15秒钟
sleep(15) #运行脚本时，等待时间需根据实际情况修订，有可能造成代码不能成功运行
#播放视频
driver.quit()
精讲视频
如果你觉的文章读的不过瘾，可以查看详细的视频教程。
- 【2021】UI自动化测试：Selenium3自动化测试
地址：https://ke.qq.com/course/3172187?tuin=9c43f38e - 《全栈测试系列视频》课程
地址：https://ke.qq.com/course/2525707?tuin=9c43f38e
测试学习路线如下
热销图书
图书京东、当当有售
京东图书地址
当当图书地址
同步视频知识与系列知识内容，欢迎可关注：【公众号】:柒哥测试；或【WX】:Lee-890交流
