第3章 Selenium WebDriver的高级应用

博学谷——让IT教学更简单，让IT学习更有效PAGE12PAGE5黑马程序员《自动化测试应用教程（Web+App）》教学设计课程名称：授课年级：授课学期：教师姓名：年月课题名称第3章SeleniumWebDriver的高级应用计划课时10课时教学引入在第2章中，我们已经初步学习了SeleniumWebDriver的基础应用，并能够为Web项目编写简单的测试脚本。然而在实际的测试项目中还需要对Web项目进行一些高级的操作，例如操作下拉选择框、弹出框、页面截图等，故需要进一步学习Web项目的高级操作。下面将对SeleniumWebDriver的高级应用进行讲解。教学目标使学生掌握Select类的使用，能够实现下拉选择框操作使学生掌握弹出框操作的方式，能够处理常见的输入框、确认框和提示框使学生掌握截图操作的方式，能够对脚本执行出错时的窗口进行截图保存使学生掌握获取浏览器窗口句柄的方法，能够实现多窗口切换操作使学生掌握多表单切换的方式，能够定位网页中有frame类型标签的页面元素使学生掌握元素等待的方式，能够解决因页面元素未加载出来而报错的问题使学生掌握获取、添加、删除Cookie的方式，能够灵活处理Cookie使学生掌握文件的上传与下载的方式，能够实现文件的上传和下载功能使学生掌握执行JavaScript脚本的方式，能够控制浏览器滚动条和处理日期控件教学重点下拉选择框操作弹出框操作截图操作多窗口切换多表单切换显式等待隐式等待强制等待文件上传与下载教学难点多表单切换文件上传与下载教学方式课堂教学以PPT讲授为主，并结合多媒体进行教学教学过程二课时（下拉选择框操作、弹出框操作、截图操作）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接导入的方式导入新课前面我们已经学习了SeleniumWebDriver的基本应用，从本节课开始将学习SeleniumWebDriver的高级应用，下面首先学习下拉选择框操作、弹出框操作和截图操作。三、新课讲解知识点1-下拉选择框操作教师通过PPT结合实际操作的方式讲解下拉选择框操作。（1）对下拉选择框中的选项进行定位与操作的两种方式首先定位到要操作的option元素（下拉选择框中的选项），然后执行单击操作。使用SeleniumWebDriver中的Select类定位下拉选择框中指定的选项。（2）讲解并展示导入Select类的具体代码（3）根据索引值定位指定选项介绍select_by_index()方法的语法格式。（4）根据value属性值定位指定选项介绍select_by_value()方法的语法格式。（5）根据文本定位指定选项介绍select_by_visible_text()方法的语法格式。（6）讲解并展示下拉选择框操作的案例代码知识点2-弹出框操作教师通过PPT结合实际操作的方式讲解弹出框操作。（1）弹出框的3种类型输入框（prompt）。提示框（alert）。确认框（confirm）。（2）为什么需要操作弹出框（3）操作弹出框的方法介绍获取Alert类对象的语法格式。（4）Alert类中的常用方法和常用属性（5）讲解并展示弹出框操作的案例代码知识点3-截图操作教师通过PPT结合实际操作的方式讲解截图操作。（1）截图的作用（2）获取截图的方法介绍get_screenshot_as_file()方法的语法格式。介绍save_screenshot()方法的语法格式。介绍get_screenshot_as_base64()方法的语法格式。介绍get_screenshot_as_png()方法的语法格式。（3）讲解并展示截图操作的案例代码四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第三、四课时（多窗口切换、多表单切换、显式等待、隐式等待、强制等待）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接导入的方式导入新课上节课我们学习了SeleniumWebDriver的高级应用中的下拉选择框操作、弹出框操作和截图操作，下面将学习SeleniumWebDriver的高级应用中的多窗口切换、多表单切换和元素等待，元素等待有3种方式，分别是显式等待、隐式等待和强制等待。其中，多表单切换是本节课的重、难点知识，需要重点掌握。三、新课讲解知识点1-多窗口切换教师通过PPT结合实际操作的方式讲解多窗口切换。（1）什么是多窗口切换（2）什么是句柄（3）如何实现指定窗口的切换（4）获取浏览器窗口句柄的属性讲解并展示current_window_handle属性被调用的示例代码。讲解并展示window_handles属性被调用的示例代码。（5）window()方法的使用讲解并展示window()方法被调用的示例代码。（6）讲解并展示多窗口切换的案例代码知识点2-多表单切换教师通过PPT结合实际操作的方式讲解多表单切换。（1）什么是多表单切换（2）frame类型的3种标签分别是什么（3）如何解决无法直接定位<iframe>标签中元素的问题介绍switch_to.frame()方法的语法格式。（4）default_content()方法的使用。（5）讲解并展示多表单切换的案例代码知识点3-显式等待教师通过PPT结合实际操作的方式讲解显式等待。（1）什么是显式等待（2）实现显式等待需要调用什么方法介绍导入WebDriverWait类的具体代码。（3）WebDriverWait()方法的使用介绍WebDriverWait()方法的语法格式。（4）until()方法的使用介绍until()方法的语法格式。（5）until_not()方法的使用介绍until_not()方法的语法格式。（6）讲解并展示显式等待的案例代码知识点4-隐式等待教师通过PPT结合实际操作的方式讲解隐式等待。（1）什么是隐式等待（2）实现隐式等待需要调用什么方法（3）implicitly_wait()方法的使用介绍implicitly_wait()方法的语法格式。（4）讲解并展示隐式等待的案例代码知识点5-强制等待教师通过PPT结合实际操作的方式讲解强制等待。（1）什么是强制等待（2）实现强制等待需要调用哪个函数（3）sleep()函数的使用介绍sleep()函数的语法格式。（4）讲解并展示强制等待的案例代码四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第五、六课时（Cookie处理、文件上传与下载、JavaScript脚本控制浏览器滚动条、JavaScript脚本处理日期控件）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接导入的方式导入新课通过上节课的学习，我们掌握了多窗口切换、多表单切换及3种元素等待的方式，本节课将分别讲解Cookie处理、文件上传与下载、通过JavaScript脚本控制浏览器滚动条和处理日期控件。三、新课讲解知识点1-Cookie处理教师通过PPT结合实际操作的方式讲解Cookie处理。（1）什么是Cookie（2）Cookie的作用（3）介绍获取、添加和删除Cookie的方法（4）讲解并展示Cookie处理的案例代码知识点2-文件上传与下载教师通过PPT结合实际操作的方式讲解文件上传与下载。（1）文件上传的两种情况（2）AutoIt工具的使用（3）通过AutoIt工具测试文件上传功能的具体步骤安装AutoIt工具。识别Window窗口中的控件。编写AutoIt脚本。运行AutoIt脚本。将AutoIt脚本文件生成后缀名为.exe的文件。测试文件的上传功能。（4）如何实现文件下载（5）讲解并展示文件上传与下载的案例代码知识点3-JavaScript脚本控制浏览器滚动条教师通过PPT结合实际操作的方式讲解JavaScript脚本控制浏览器滚动条。（1）介绍浏览器中的滚动条（2）scrollTo()方法的使用介绍scrollTo()方法的语法格式。（3）讲解并展示JavaScript脚本控制浏览器滚动条的案例代码知识点4-JavaScript脚本处理日期控件教师通过PPT结合实际操作的方式讲解JavaScript脚本处理日期控件。（1）介绍日期控件在生活中的使用场景（2）如何通过自动化的方式操作日期控件（3）讲解并展示JavaScript脚本控制浏览器滚动条的案例代码四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第七、八课时（上机练习）上机练习主要针对本章中需要重点掌握的知识点，以及在程序中容易出错的内容进行练习，通过上机练习可以考察同学对知识点的掌握情况。上机：（考察知识点为下拉选择框操作、弹出框操作、截图操作、多窗口切换、多表单切换、显式等待、隐式等待、强制等待）形式：单独完成题目：根据以下要求练习SeleniumWebDriver的高级应用，具体要求如下。（1）练习下拉选择框操作的案例代码。（2）练习弹出框操作的案例代码。（3）练习截图操作的案例代码。（4）练习多窗口切换的案例代码。（5）练习多表单切换的案例代码。（6）练习显式等待、隐式等待和强制等待的案例代码。第九、十课时（上机练习）上机练习主要针对本章中需要重点掌握的知识点，以及在程序中容易出错的内容进行练习，通过上机练习可以考察同学对知识点的掌握情况。上机