第3章 Selenium WebDriver的高級應用

博學谷——讓IT教學更簡單，讓IT學習更有效PAGE12PAGE5黑馬程序員《自動化測試應用教程（Web+App）》教學設計課程名稱：授課年級：授課學期：教師姓名：年月課題名稱第3章SeleniumWebDriver的高級應用計劃課時10課時教學引入在第2章中，我們已經(jīng)初步學習了SeleniumWebDriver的基礎應用，并能夠為Web項目編寫簡單的測試腳本。然而在實際的測試項目中還需要對Web項目進行一些高級的操作，例如操作下拉選擇框、彈出框、頁面截圖等，故需要進一步學習Web項目的高級操作。下面將對SeleniumWebDriver的高級應用進行講解。教學目標使學生掌握Select類的使用，能夠?qū)崿F(xiàn)下拉選擇框操作使學生掌握彈出框操作的方式，能夠處理常見的輸入框、確認框和提示框使學生掌握截圖操作的方式，能夠?qū)δ_本執(zhí)行出錯時的窗口進行截圖保存使學生掌握獲取瀏覽器窗口句柄的方法，能夠?qū)崿F(xiàn)多窗口切換操作使學生掌握多表單切換的方式，能夠定位網(wǎng)頁中有frame類型標簽的頁面元素使學生掌握元素等待的方式，能夠解決因頁面元素未加載出來而報錯的問題使學生掌握獲取、添加、刪除Cookie的方式，能夠靈活處理Cookie使學生掌握文件的上傳與下載的方式，能夠?qū)崿F(xiàn)文件的上傳和下載功能使學生掌握執(zhí)行JavaScript腳本的方式，能夠控制瀏覽器滾動條和處理日期控件教學重點下拉選擇框操作彈出框操作截圖操作多窗口切換多表單切換顯式等待隱式等待強制等待文件上傳與下載教學難點多表單切換文件上傳與下載教學方式課堂教學以PPT講授為主，并結(jié)合多媒體進行教學教學過程二課時（下拉選擇框操作、彈出框操作、截圖操作）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過直接導入的方式導入新課前面我們已經(jīng)學習了SeleniumWebDriver的基本應用，從本節(jié)課開始將學習SeleniumWebDriver的高級應用，下面首先學習下拉選擇框操作、彈出框操作和截圖操作。三、新課講解知識點1-下拉選擇框操作教師通過PPT結(jié)合實際操作的方式講解下拉選擇框操作。（1）對下拉選擇框中的選項進行定位與操作的兩種方式首先定位到要操作的option元素（下拉選擇框中的選項），然后執(zhí)行單擊操作。使用SeleniumWebDriver中的Select類定位下拉選擇框中指定的選項。（2）講解并展示導入Select類的具體代碼（3）根據(jù)索引值定位指定選項介紹select_by_index()方法的語法格式。（4）根據(jù)value屬性值定位指定選項介紹select_by_value()方法的語法格式。（5）根據(jù)文本定位指定選項介紹select_by_visible_text()方法的語法格式。（6）講解并展示下拉選擇框操作的案例代碼知識點2-彈出框操作教師通過PPT結(jié)合實際操作的方式講解彈出框操作。（1）彈出框的3種類型輸入框（prompt）。提示框（alert）。確認框（confirm）。（2）為什么需要操作彈出框（3）操作彈出框的方法介紹獲取Alert類對象的語法格式。（4）Alert類中的常用方法和常用屬性（5）講解并展示彈出框操作的案例代碼知識點3-截圖操作教師通過PPT結(jié)合實際操作的方式講解截圖操作。（1）截圖的作用（2）獲取截圖的方法介紹get_screenshot_as_file()方法的語法格式。介紹save_screenshot()方法的語法格式。介紹get_screenshot_as_base64()方法的語法格式。介紹get_screenshot_as_png()方法的語法格式。（3）講解并展示截圖操作的案例代碼四、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第三、四課時（多窗口切換、多表單切換、顯式等待、隱式等待、強制等待）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過直接導入的方式導入新課上節(jié)課我們學習了SeleniumWebDriver的高級應用中的下拉選擇框操作、彈出框操作和截圖操作，下面將學習SeleniumWebDriver的高級應用中的多窗口切換、多表單切換和元素等待，元素等待有3種方式，分別是顯式等待、隱式等待和強制等待。其中，多表單切換是本節(jié)課的重、難點知識，需要重點掌握。三、新課講解知識點1-多窗口切換教師通過PPT結(jié)合實際操作的方式講解多窗口切換。（1）什么是多窗口切換（2）什么是句柄（3）如何實現(xiàn)指定窗口的切換（4）獲取瀏覽器窗口句柄的屬性講解并展示current_window_handle屬性被調(diào)用的示例代碼。講解并展示window_handles屬性被調(diào)用的示例代碼。（5）window()方法的使用講解并展示window()方法被調(diào)用的示例代碼。（6）講解并展示多窗口切換的案例代碼知識點2-多表單切換教師通過PPT結(jié)合實際操作的方式講解多表單切換。（1）什么是多表單切換（2）frame類型的3種標簽分別是什么（3）如何解決無法直接定位<iframe>標簽中元素的問題介紹switch_to.frame()方法的語法格式。（4）default_content()方法的使用。（5）講解并展示多表單切換的案例代碼知識點3-顯式等待教師通過PPT結(jié)合實際操作的方式講解顯式等待。（1）什么是顯式等待（2）實現(xiàn)顯式等待需要調(diào)用什么方法介紹導入WebDriverWait類的具體代碼。（3）WebDriverWait()方法的使用介紹WebDriverWait()方法的語法格式。（4）until()方法的使用介紹until()方法的語法格式。（5）until_not()方法的使用介紹until_not()方法的語法格式。（6）講解并展示顯式等待的案例代碼知識點4-隱式等待教師通過PPT結(jié)合實際操作的方式講解隱式等待。（1）什么是隱式等待（2）實現(xiàn)隱式等待需要調(diào)用什么方法（3）implicitly_wait()方法的使用介紹implicitly_wait()方法的語法格式。（4）講解并展示隱式等待的案例代碼知識點5-強制等待教師通過PPT結(jié)合實際操作的方式講解強制等待。（1）什么是強制等待（2）實現(xiàn)強制等待需要調(diào)用哪個函數(shù)（3）sleep()函數(shù)的使用介紹sleep()函數(shù)的語法格式。（4）講解并展示強制等待的案例代碼四、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第五、六課時（Cookie處理、文件上傳與下載、JavaScript腳本控制瀏覽器滾動條、JavaScript腳本處理日期控件）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過直接導入的方式導入新課通過上節(jié)課的學習，我們掌握了多窗口切換、多表單切換及3種元素等待的方式，本節(jié)課將分別講解Cookie處理、文件上傳與下載、通過JavaScript腳本控制瀏覽器滾動條和處理日期控件。三、新課講解知識點1-Cookie處理教師通過PPT結(jié)合實際操作的方式講解Cookie處理。（1）什么是Cookie（2）Cookie的作用（3）介紹獲取、添加和刪除Cookie的方法（4）講解并展示Cookie處理的案例代碼知識點2-文件上傳與下載教師通過PPT結(jié)合實際操作的方式講解文件上傳與下載。（1）文件上傳的兩種情況（2）AutoIt工具的使用（3）通過AutoIt工具測試文件上傳功能的具體步驟安裝AutoIt工具。識別Window窗口中的控件。編寫AutoIt腳本。運行AutoIt腳本。將AutoIt腳本文件生成后綴名為.exe的文件。測試文件的上傳功能。（4）如何實現(xiàn)文件下載（5）講解并展示文件上傳與下載的案例代碼知識點3-JavaScript腳本控制瀏覽器滾動條教師通過PPT結(jié)合實際操作的方式講解JavaScript腳本控制瀏覽器滾動條。（1）介紹瀏覽器中的滾動條（2）scrollTo()方法的使用介紹scrollTo()方法的語法格式。（3）講解并展示JavaScript腳本控制瀏覽器滾動條的案例代碼知識點4-JavaScript腳本處理日期控件教師通過PPT結(jié)合實際操作的方式講解JavaScript腳本處理日期控件。（1）介紹日期控件在生活中的使用場景（2）如何通過自動化的方式操作日期控件（3）講解并展示JavaScript腳本控制瀏覽器滾動條的案例代碼四、歸納總結(jié)教師回顧本節(jié)課所講的內(nèi)容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第七、八課時（上機練習）上機練習主要針對本章中需要重點掌握的知識點，以及在程序中容易出錯的內(nèi)容進行練習，通過上機練習可以考察同學對知識點的掌握情況。上機：（考察知識點為下拉選擇框操作、彈出框操作、截圖操作、多窗口切換、多表單切換、顯式等待、隱式等待、強制等待）形式：單獨完成題目：根據(jù)以下要求練習SeleniumWebDriver的高級應用，具體要求如下。（1）練習下拉選擇框操作的案例代碼。（2）練習彈出框操作的案例代碼。（3）練習截圖操作的案例代碼。（4）練習多窗口切換的案例代碼。（5）練習多表單切換的案例代碼。（6）練習顯式等待、隱式等待和強制等待的案例代碼。第九、十課時（上機練習）上機練習主要針對本章中需要重點掌握的知識點，以及在程序中容易出錯的內(nèi)容進行練習，通過上機練習可以考察同學對知識點的掌握情況。上機