6.1 页面上的三种弹框

alert：用来提示
confirm：用来确认
promt：输入内容

6.2 弹框的方法和属性

方法/属性 方法/属性描述
accept() 接受
dismiss() 取消
send_keys() 输入内容
text 显示的文本

6.3 使用方法

(1) alert

alert只有accept()方法和text属性。
6、alert、confirm、prompt三种弹框用法 - 图1

  1. # 切换到弹框
  2. alert = self.driver.switch_to.alert
  4. # 打印alert弹框的内容
  5.  print(alert.text)  
  7. # 点击确定按钮
  8. alert.accept()

(2) confirm

confirm没有send_keys()方法，其余三个都有。
image.png

  1. # 切换到弹框
  2. confirm = self.driver.switch_to.alert
  4. # 打印alert弹框的内容
  5.  print(confirm.text)
  7. # 点击取消按钮 （或者点击确定按钮：confirm.accept()）
  8. confirm.dismiss()

(3) promt

prompt有所有属性和方法。
image.png

  1. # 切换到弹框
  2. prompt = self.driver.switch_to.alert
  4. # 输出alert弹框的内容
  5. print(prompt.text)
  7. # 输入内容
  8. prompt.send_keys('这个是输入的内容')
  10. # 点击确定按钮（或者点击取消按钮：prompt.dismiss()）
  11. prompt.accept()

注意：单独使用send_keys这个方法在chromedriver中输入后不会显示，需要接着调用.accept()方法点击确认才会展示文案。

6.4 代码实战

场景：对alert弹窗进行确定、打印文本操作，再对confirm弹窗进行取消、打印文本操作，最后再对prompt弹窗进行打印文本、输入内容、点击确定操作。

代码：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title>测试弹框</title>
  6.   </head>
  7.   <body>
  8.     <a href="#" id="alert" onclick="alert_test()">点击弹出alert弹窗</a><br>
  9.     <a href="#" id="confirm" onclick="confirm_test()">点击弹出confirm弹窗</a><br>
  10.     <a href="#" id="prompt" onclick="prompt_test()">点击弹出prompt弹窗</a><br>
  11.   </body>
  12.   <script>
  13.     function alert_test(){
  14.       alert('这个是alert弹窗');
  15.     }
  17.     function confirm_test(){
  18.       confirm('这个是confirm弹窗');
  19.     }
  21.     function prompt_test(){
  22.       var value = prompt('这个是prompt弹窗');
  23.       document.write(value)
  24.     }
  25.   </script>
  26. </html>
  1. from os.path import join
  2. from os import path
  3. from time import sleep
  4. from selenium import webdriver
  7. class TestCase(object):
  8.     def __init__(self):
  9.         demo05_path = path.dirname(path.abspath(__file__))
  10.         form_path = join(demo05_path, 'pop_up.html')
  11.         self.driver = webdriver.Chrome()
  12.         self.driver.maximize_window()
  13.         self.driver.get(form_path)
  15.     def test_alert(self):
  16.         self.driver.find_element_by_id('alert').click()
  17.         sleep(1)
  19.         # 切换到弹框
  20.         alert = self.driver.switch_to.alert
  22.         # 输出alert弹框的内容
  23.         print(alert.text)
  25.         # 点击确认按钮
  26.         alert.accept()
  27.         sleep(2)
  29.     def test_confirm(self):
  30.         self.driver.find_element_by_id('confirm').click()
  31.         sleep(1)
  33.         # 切换到弹框
  34.         confirm = self.driver.switch_to.alert
  36.         # 输出alert弹框的内容
  37.         print(confirm.text)
  39.         # 点击取消按钮
  40.         confirm.dismiss()
  41.         sleep(2)
  43.     def test_prompt(self):
  44.         self.driver.find_element_by_id('prompt').click()
  45.         sleep(1)
  47.         # 切换到弹框
  48.         prompt = self.driver.switch_to.alert
  50.         # 输出alert弹框的内容
  51.         print(prompt.text)
  53.         # 输入内容
  54.         prompt.send_keys('这个是输入的内容')
  55.         sleep(1)
  57.         # 点击确认按钮
  58.         prompt.accept()
  59.         sleep(2)
  60.         self.driver.quit()
  63. if __name__ == '__main__':
  64.     case = TestCase()
  65.     case.test_alert()
  66.     case.test_confirm()
  67.     case.test_prompt()

运行过程：
237.gif

打印结果：
image.png