15、Selenium + Python 实现 UI 自动化测试-操作JavaScript弹窗

一、概览

JavaScript 弹窗有三种：

1、Alert

2、Confirm

3、Prompt

二、页面元素

先来通过截图看看这三种元素，都是onclick的属性，只不过值不同，调用不同的show 方法。

Alert 弹窗：文字信息 + 确定按钮；

Confirm 弹窗：文字信息 + 确定按钮 + 取消按钮

Prompt 弹窗：文字信息 + 输入框 +确定按钮 + 取消按钮

三、alert 的方法和属性

四、实例

from selenium import webdriver
from time import sleep

driver = webdriver.Chrome()
driver.get('http://sahitest.com/demo/promptTest.htm')
driver.implicitly_wait(20)
driver.find_element_by_name('b1').click()
sleep(2)
driver.switch_to.alert.accept() #点确定
sleep(2)
driver.find_element_by_name('b1').click()
sleep(2)
driver.switch_to.alert.dismiss() #点取消
sleep(2)
driver.find_element_by_name('b1').click()
print(driver.switch_to.alert.text)  #打印弹出上的文字
driver.switch_to.alert.send_keys('hello strom')  #输入发送文字
driver.switch_to.alert.accept()  #确定
sleep(3)
driver.quit()

五、总结

1、好多人反应，switch_to.alert.accept() ,报错，或没有效果；首先，需要确定你操作的是否是alert 弹窗；那至于怎么区分，我们下篇解释。

2、上面的alert 弹窗有个authenticate() 方法没有找到合适的示例，没有演示。

3、对了，需要说一句，使用开发者工具是无法查看到该框的元素的，也就是说alert是不属于网页DOM树的，假如你尝试在弹框上鼠标右键，是没有反应的。