1. 程式人生 > >【Selenium10】處理對話方塊

【Selenium10】處理對話方塊

頁面上彈出的對話方塊若是基於iframe,需要進行switch_to_frame操作,若是div形式,則處理更簡單

操作有:開啟對話方塊、關閉對話方塊、操作對話方塊中的元素

用到的html

<html>
        <head>
            <meta http-equiv="content-type" content="text/html;charset=utf-8" />
            <title>modal</title>        
            <script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
            <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />      
            <script type="text/javascript">
                $(document).ready(function(){
                    $('#click').click(function(){
                        $(this).parent().find('p').text('try watir-webdriver right now!');
                    });
                });
            </script>
        </head>

        <body>
            <h3>modal</h3>
            <div class="row-fluid">
                <div class="span6">     
                    <!-- Button to trigger modal -->
                    <a href="#myModal" role="button" class="btn btn-primary" data-toggle="modal" id="show_modal">Click</a>

                    <!-- Modal -->
                    <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h3 id="myModalLabel">Modal header</h3>
                      </div>
                      <div class="modal-body">
                        <p>watir-webdriver is better than slenium-webdriver</p>
                        <a href="#" id="click">click me</a>
                      </div>
                      <div class="modal-footer">
                        <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                        <button class="btn btn-primary">Save changes</button>
                      </div>
                    </div>
                </div>      
            </div>      
        </body>
        <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
</html>

程式碼
from selenium import webdriver
from selenium.webdriver.support.ui import ui
import time
import os

dr=webdriver.Firefox()
file_path='file:///'+os.path.abspath('modal.html')
dr.get(file_path)
time.sleep(2)

dr.find_element_by_id('show_modal').click()   #開啟對話方塊
wait=ui.WebDriverWait(dr,10)
wait.until(lambda dr: dr.find_element_by_id('myModal').is_displayed())  #myModal是點選按鈕引發的下拉列表

#點選對話方塊中的連結,由於對話方塊中的元素被蒙版遮擋,直接點選會報錯,因此用js模擬click
link=dr.find_element_by_id('myModal').find_element_by_id('click')
dr.execute_script('$(arguments[0]).click()',link)  #對link元素執行js指令碼
time.sleep(2)

buttons=dr.find_element_by_class_name('modal-footer').find_elements_by_tag_name('button')
buttons[0].click()    #關閉對話方塊

dr.quit()

原文地址:http://www.cnblogs.com/june2014/p/3651174.html