第2章 Selenium WebDriver的基本應用

博學谷——讓IT教學更簡單，讓IT學習更有效PAGE12PAGE8黑馬程序員《自動化測試應用教程（Web+App）》教學設計課程名稱：授課年級：授課學期：教師姓名：年月課題名稱第2章SeleniumWebDriver的基本應用計劃課時12課時教學引入在第1章中我們已學習了自動化測試的基礎知識，初步認識了自動化測試，如果想要實現(xiàn)Web自動化測試，首先需要搭建自動化測試環(huán)境，然后編寫Web自動化測試腳本，通過瀏覽器驅動操作Web頁面。在編寫自動化測試腳本的過程中，SeleniumWebDriver（網(wǎng)頁驅動程序）扮演著重要的角色。在自動化測試腳本中調用SeleniumWebDriver提供的方法可以實現(xiàn)多種測試操作，例如元素定位、獲取元素的常用信息等，所以，我們需要學習并掌握SeleniumWebDriver在Web自動化測試中的應用。本章將對SeleniumWebDriver的基本應用進行講解。教學目標使學生了解SeleniumWebDriver的簡介，能夠闡述SeleniumWebDriver的作用使學生掌握Web自動化測試環(huán)境的搭建，能夠獨自搭建Python環(huán)境、安裝Selenium和瀏覽器驅動使學生了解元素定位的簡介，能夠闡述元素定位的定義使學生掌握瀏覽器定位頁面元素的方式，能夠靈活應用Chrome瀏覽器和Firefox瀏覽器定位頁面元素使學生掌握Selenium定位元素的方法，能夠定位單個元素和一組元素使學生掌握獲取元素常用信息的方法，能夠獲取元素尺寸、文本和屬性使學生掌握元素的常用操作，能夠實現(xiàn)測試頁面的輸入、清除等操作使學生掌握鼠標的常用操作，能夠實現(xiàn)鼠標單擊、雙擊、拖曳等操作使學生掌握鍵盤的常用操作，能夠實現(xiàn)復制、粘貼、全選等操作使學生掌握瀏覽器的常用操作，能夠設置瀏覽器窗口、刷新瀏覽器頁面等教學重點單個元素的定位一組元素的定位獲取元素尺寸獲取元素文本獲取元素屬性值元素的常用操作鼠標的常用操作鍵盤的常用操作瀏覽器窗口的設置瀏覽器的前進與后退瀏覽器頁面的刷新獲取瀏覽器頁面的標題和URL瀏覽器窗口的關閉教學難點一組元素的定位鼠標的常用操作鍵盤的常用操作教學方式課堂教學以PPT講授為主，并結合多媒體進行教學教學過程二課時（SeleniumWebDriver簡介、搭建Python環(huán)境、安裝Selenium、安裝瀏覽器驅動、元素定位簡介、使用Chrome瀏覽器定位頁面元素、使用Firefox瀏覽器定位頁面元素）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過直接導入的方式導入新課本節(jié)課的內容主要有3點，首先了解SeleniumWebDriver是什么，然后學習Web自動化測試環(huán)境的搭建，最后學習使用瀏覽器定位頁面元素。通過本節(jié)課的學習，讓大家對SeleniumWebDriver和元素定位有一個初步的認識，并掌握自動化測試環(huán)境的搭建，為后續(xù)學習SeleniumWebDriver的其他知識奠定基礎。三、新課講解知識點1-SeleniumWebDriver簡介教師通過PPT的方式講解SeleniumWebDriver是什么及其作用。（1）SeleniumWebDriver是什么（2）SeleniumWebDriver的作用知識點2-搭建Python環(huán)境教師通過PPT結合實際操作的方式講解如何搭建Python環(huán)境。（1）下載與安裝Python解釋器（2）驗證Python解釋器是否安裝成功（3）下載與安裝集成開發(fā)工具PyCharm知識點3-安裝Selenium教師通過PPT結合實際操作的方式講解如何安裝Selenium。（1）通過pip包管理工具安裝Selenium（2）通過PyCharm安裝Selenium知識點4-安裝瀏覽器驅動教師通過PPT結合實際操作的方式講解如何安裝瀏覽器驅動。（1）查看Chrome版本信息（2）下載Chrome驅動知識點5-元素定位簡介教師通過PPT的方式講解元素定位簡介。（1）為什么需要學習元素定位（2）SeleniumWebDriver根據(jù)哪些信息來定位元素知識點6-使用Chrome瀏覽器定位頁面元素教師通過PPT結合實際操作的方式講解使用Chrome瀏覽器定位頁面元素。（1）打開Chrome瀏覽器開發(fā)者工具的兩種方式通過“F12”鍵打開。在頁面中的任意地方右擊后選擇“檢查”選項來打開。（2）定位頁面中某個元素的兩種方式在頁面元素的上方右擊選擇“檢查”選項來定位元素。打開瀏覽器開發(fā)者工具，首先單擊選擇元素的圖標，然后單擊要定位的元素，此時在“Elements”中就可以看到定位的元素的id、name、class等屬性信息。知識點7-使用Firefox瀏覽器定位頁面元素教師通過PPT結合實際操作的方式講解使用Firefox瀏覽器定位頁面元素。使用Firefox瀏覽器來定位TPshop（開源商城）登錄頁面中的“登錄按鈕”元素。四、歸納總結教師回顧本節(jié)課所講的內容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第三、四課時（單個元素的定位、一組元素的定位、獲取元素尺寸、獲取元素文本、獲取元素屬性值）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過需求導入的方式導入新課元素定位是自動化測試的基礎，在對Web項目進行自動化測試時，不僅需要定位頁面中的元素，而且需要獲取頁面中的元素信息進行斷言。下面本節(jié)課將講解單個元素的定位、一組元素的定位以及獲取元素尺寸、文本和屬性值。三、新課講解知識點1-單個元素的定位教師通過PPT結合實際操作的方式講解單個元素的定位。（1）8種單個元素定位的方法介紹id定位的語法格式。介紹name定位的語法格式。介紹classname定位的語法格式。介紹tagname定位的語法格式。介紹linktext定位的語法格式。介紹partiallinktext定位的語法格式。介紹xpath定位的語法格式。介紹css定位的語法格式。（2）講解并展示單個元素定位的案例代碼知識點2-一組元素的定位教師通過PPT結合實際操作的方式講解一組元素的定位。（1）介紹什么情況下需要使用一組元素的定位（2）定位一組元素的方法與定位單個元素的方法的區(qū)別（3）講解并展示一組元素定位的案例代碼知識點3-獲取元素尺寸教師通過PPT結合實際操作的方式講解獲取元素尺寸。（1）介紹如何獲取元素尺寸（2）講解并展示獲取元素尺寸的案例代碼知識點4-獲取元素文本教師通過PPT結合實際操作的方式講解獲取元素文本。（1）介紹如何獲取元素文本（2）講解并展示獲取元素文本的案例代碼知識點5-獲取元素屬性值教師通過PPT結合實際操作的方式講解獲取元素屬性值。（1）元素屬性值獲取介紹get_attribute()方法的語法格式。講解并展示元素屬性值獲取的案例代碼。（2）判斷元素是否可用介紹is_enabled()方法的語法格式。講解并展示判斷元素是否可用的案例代碼。（3）判斷元素是否可見介紹is_displayed()的語法格式。講解并展示判斷元素是否可見的案例代碼。（4）判斷元素是否被選中介紹is_selected()方法的語法格式。講解并展示判斷元素是否被選中的案例代碼。四、歸納總結教師回顧本節(jié)課所講的內容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第五、六課時（元素的常用操作、鼠標的常用操作、鍵盤的常用操作）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過需求導入的方式導入新課在做Web自動化測試的過程中，經(jīng)常需要對元素進行操作，以滿足自動化測試在各種場景中的需要。本節(jié)課將對元素的常用操作、鼠標的常用的操作和鍵盤的常用操作進行講解。三、新課講解知識點1-元素的常用操作教師通過PPT結合實際操作的方式講解元素的常用操作。（1）輸入元素內容介紹send_keys()方法的語法格式。（2）清除元素內容介紹clear()方法的語法格式。（3）提交表單介紹submit()方法的語法格式。（4）講解并展示元素的常用操作的案例代碼知識點2-鼠標的常用操作教師通過PPT結合實際操作的方式講解鼠標的常用操作。（1）介紹常用的鼠標操作方法（2）講解并展示鼠標的常用操作的案例代碼知識點3-鍵盤的常用操作教師通過PPT結合實際操作的方式講解鍵盤的常用操作。（1）介紹常用的鍵盤操作方法（2）講解并展示鍵盤的常用操作的案例代碼四、歸納總結教師回顧本節(jié)課所講的內容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第七、八課時（瀏覽器窗口的設置、瀏覽器的前進與后退、瀏覽器頁面的刷新、獲取瀏覽器頁面的標題和URL、瀏覽器窗口的關閉）一、復習鞏固教師通過上節(jié)課作業(yè)的完成情況，對學生吸收不好的知識點進行再次鞏固講解。二、通過需求導入的方式導入新課在Web項目中，經(jīng)常需要對瀏覽器進行一些常用的操作，這些操作包括瀏覽器的前進、后退，頁面的刷新，標題和與URL的獲取，窗口的設置、退出與關閉等，可以滿足Web自動化測試過程中對瀏覽器進行操作的測試需求，本節(jié)課主要對瀏覽器的常用操作進行講解。三、新課講解知識點1-瀏覽器窗口的設置教師通過PPT結合實際操作的方式講解瀏覽器窗口的設置。（1）為什么需要設置瀏覽器的窗口（2）介紹設置瀏覽器窗口的常用方法（3）講解并展示瀏覽器窗口的設置的案例代碼知識點2-瀏覽器的前進與后退教師通過PPT結合實際操作的方式講解瀏覽器的前進與后退。（1）介紹瀏覽器的前進與后退的方法（2）講解并展示瀏覽器的前進與后退的案例代碼知識點3-瀏覽器頁面的刷新教師通過PPT結合實際操作的方式講解瀏覽器頁面的刷新。（1）為什么需要刷新瀏覽器頁面（2）介紹瀏覽器頁面的刷新的方法（3）講解并展示瀏覽器頁面的刷新的案例代碼知識點4-獲取瀏覽器頁面的標題和URL教師通過PPT結合實際操作的方式講解獲取瀏覽器頁面的標題和URL。（1）為什么需要獲取瀏覽器頁面的標題和URL（2）介紹獲取瀏覽器頁面的標題和URL的方法（3）講解并展示獲取瀏覽器頁面的標題和URL的案例代碼知識點5-瀏覽器窗口的關閉教師通過PPT結合實際操作的方式講解瀏覽器窗口的關閉。（1）為什么需要關閉瀏覽器窗口（2）介紹關閉瀏覽器的窗口的方法（3）講解并展示瀏覽器窗口的關閉的案例代碼四、歸納總結教師回顧本節(jié)課所講的內容，并通過測試題的方式引導學生解答問題并給予指導。五、布置作業(yè)教師通過高校教輔平臺（）布置本節(jié)課作業(yè)以及下節(jié)課的預習作業(yè)。第九、十課時（上機練習）上機練習主要針對本章中需要重點掌握的知識點，以及在程序中容易出錯的內容進行練習，通過上機練習可以考察同學對知識點的掌握情況。上機：（考察知識點為單個元素的定位、一組元素的定位）形式：單獨完成題目：1.使用8種常用的元素定位方式來定位TPshop（開源商城）項目中的登錄頁面元素，具體要求如下。（1）通過id定位手機號/郵箱輸入框，并輸（2）通過name定位密碼輸入框，并輸入123456。（3）通過id定位驗證碼輸入框，并輸入8888。（4）通過xpath定位“登錄”按鈕并單擊該按鈕。2.定位傳智教育官網(wǎng)首頁橫向的一組導航菜單鏈接，并隨機單擊任意一個鏈接，要求如下。（1）通過瀏覽器開發(fā)者工具查看傳智教育官網(wǎng)首頁的導航菜單鏈接元素信息。（2）通過class定位導航菜單鏈接元素，并任意單擊其中一個鏈接。第十一、十二課時（上機練習）上機練習主要針對本章中需要重點掌握的知識點，以及在程序中容易出錯的內容進行練習，通過上機練習可以考察同學對知識點的掌握情況。上機：（考察知識點為鼠標的常用操作、鍵盤的常用操作、瀏覽器窗口的設置）形式：單獨完成題目：1.在程序中練習鼠標與鍵盤的常用操作方法，具體要求如下。（1）使用鼠標懸停方法，實現(xiàn)