第2章 Selenium WebDriver的基本应用

博学谷——让IT教学更简单，让IT学习更有效PAGE12PAGE8黑马程序员《自动化测试应用教程（Web+App）》教学设计课程名称：授课年级：授课学期：教师姓名：年月课题名称第2章SeleniumWebDriver的基本应用计划课时12课时教学引入在第1章中我们已学习了自动化测试的基础知识，初步认识了自动化测试，如果想要实现Web自动化测试，首先需要搭建自动化测试环境，然后编写Web自动化测试脚本，通过浏览器驱动操作Web页面。在编写自动化测试脚本的过程中，SeleniumWebDriver（网页驱动程序）扮演着重要的角色。在自动化测试脚本中调用SeleniumWebDriver提供的方法可以实现多种测试操作，例如元素定位、获取元素的常用信息等，所以，我们需要学习并掌握SeleniumWebDriver在Web自动化测试中的应用。本章将对SeleniumWebDriver的基本应用进行讲解。教学目标使学生了解SeleniumWebDriver的简介，能够阐述SeleniumWebDriver的作用使学生掌握Web自动化测试环境的搭建，能够独自搭建Python环境、安装Selenium和浏览器驱动使学生了解元素定位的简介，能够阐述元素定位的定义使学生掌握浏览器定位页面元素的方式，能够灵活应用Chrome浏览器和Firefox浏览器定位页面元素使学生掌握Selenium定位元素的方法，能够定位单个元素和一组元素使学生掌握获取元素常用信息的方法，能够获取元素尺寸、文本和属性使学生掌握元素的常用操作，能够实现测试页面的输入、清除等操作使学生掌握鼠标的常用操作，能够实现鼠标单击、双击、拖曳等操作使学生掌握键盘的常用操作，能够实现复制、粘贴、全选等操作使学生掌握浏览器的常用操作，能够设置浏览器窗口、刷新浏览器页面等教学重点单个元素的定位一组元素的定位获取元素尺寸获取元素文本获取元素属性值元素的常用操作鼠标的常用操作键盘的常用操作浏览器窗口的设置浏览器的前进与后退浏览器页面的刷新获取浏览器页面的标题和URL浏览器窗口的关闭教学难点一组元素的定位鼠标的常用操作键盘的常用操作教学方式课堂教学以PPT讲授为主，并结合多媒体进行教学教学过程二课时（SeleniumWebDriver简介、搭建Python环境、安装Selenium、安装浏览器驱动、元素定位简介、使用Chrome浏览器定位页面元素、使用Firefox浏览器定位页面元素）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过直接导入的方式导入新课本节课的内容主要有3点，首先了解SeleniumWebDriver是什么，然后学习Web自动化测试环境的搭建，最后学习使用浏览器定位页面元素。通过本节课的学习，让大家对SeleniumWebDriver和元素定位有一个初步的认识，并掌握自动化测试环境的搭建，为后续学习SeleniumWebDriver的其他知识奠定基础。三、新课讲解知识点1-SeleniumWebDriver简介教师通过PPT的方式讲解SeleniumWebDriver是什么及其作用。（1）SeleniumWebDriver是什么（2）SeleniumWebDriver的作用知识点2-搭建Python环境教师通过PPT结合实际操作的方式讲解如何搭建Python环境。（1）下载与安装Python解释器（2）验证Python解释器是否安装成功（3）下载与安装集成开发工具PyCharm知识点3-安装Selenium教师通过PPT结合实际操作的方式讲解如何安装Selenium。（1）通过pip包管理工具安装Selenium（2）通过PyCharm安装Selenium知识点4-安装浏览器驱动教师通过PPT结合实际操作的方式讲解如何安装浏览器驱动。（1）查看Chrome版本信息（2）下载Chrome驱动知识点5-元素定位简介教师通过PPT的方式讲解元素定位简介。（1）为什么需要学习元素定位（2）SeleniumWebDriver根据哪些信息来定位元素知识点6-使用Chrome浏览器定位页面元素教师通过PPT结合实际操作的方式讲解使用Chrome浏览器定位页面元素。（1）打开Chrome浏览器开发者工具的两种方式通过“F12”键打开。在页面中的任意地方右击后选择“检查”选项来打开。（2）定位页面中某个元素的两种方式在页面元素的上方右击选择“检查”选项来定位元素。打开浏览器开发者工具，首先单击选择元素的图标，然后单击要定位的元素，此时在“Elements”中就可以看到定位的元素的id、name、class等属性信息。知识点7-使用Firefox浏览器定位页面元素教师通过PPT结合实际操作的方式讲解使用Firefox浏览器定位页面元素。使用Firefox浏览器来定位TPshop（开源商城）登录页面中的“登录按钮”元素。四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第三、四课时（单个元素的定位、一组元素的定位、获取元素尺寸、获取元素文本、获取元素属性值）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过需求导入的方式导入新课元素定位是自动化测试的基础，在对Web项目进行自动化测试时，不仅需要定位页面中的元素，而且需要获取页面中的元素信息进行断言。下面本节课将讲解单个元素的定位、一组元素的定位以及获取元素尺寸、文本和属性值。三、新课讲解知识点1-单个元素的定位教师通过PPT结合实际操作的方式讲解单个元素的定位。（1）8种单个元素定位的方法介绍id定位的语法格式。介绍name定位的语法格式。介绍classname定位的语法格式。介绍tagname定位的语法格式。介绍linktext定位的语法格式。介绍partiallinktext定位的语法格式。介绍xpath定位的语法格式。介绍css定位的语法格式。（2）讲解并展示单个元素定位的案例代码知识点2-一组元素的定位教师通过PPT结合实际操作的方式讲解一组元素的定位。（1）介绍什么情况下需要使用一组元素的定位（2）定位一组元素的方法与定位单个元素的方法的区别（3）讲解并展示一组元素定位的案例代码知识点3-获取元素尺寸教师通过PPT结合实际操作的方式讲解获取元素尺寸。（1）介绍如何获取元素尺寸（2）讲解并展示获取元素尺寸的案例代码知识点4-获取元素文本教师通过PPT结合实际操作的方式讲解获取元素文本。（1）介绍如何获取元素文本（2）讲解并展示获取元素文本的案例代码知识点5-获取元素属性值教师通过PPT结合实际操作的方式讲解获取元素属性值。（1）元素属性值获取介绍get_attribute()方法的语法格式。讲解并展示元素属性值获取的案例代码。（2）判断元素是否可用介绍is_enabled()方法的语法格式。讲解并展示判断元素是否可用的案例代码。（3）判断元素是否可见介绍is_displayed()的语法格式。讲解并展示判断元素是否可见的案例代码。（4）判断元素是否被选中介绍is_selected()方法的语法格式。讲解并展示判断元素是否被选中的案例代码。四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第五、六课时（元素的常用操作、鼠标的常用操作、键盘的常用操作）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过需求导入的方式导入新课在做Web自动化测试的过程中，经常需要对元素进行操作，以满足自动化测试在各种场景中的需要。本节课将对元素的常用操作、鼠标的常用的操作和键盘的常用操作进行讲解。三、新课讲解知识点1-元素的常用操作教师通过PPT结合实际操作的方式讲解元素的常用操作。（1）输入元素内容介绍send_keys()方法的语法格式。（2）清除元素内容介绍clear()方法的语法格式。（3）提交表单介绍submit()方法的语法格式。（4）讲解并展示元素的常用操作的案例代码知识点2-鼠标的常用操作教师通过PPT结合实际操作的方式讲解鼠标的常用操作。（1）介绍常用的鼠标操作方法（2）讲解并展示鼠标的常用操作的案例代码知识点3-键盘的常用操作教师通过PPT结合实际操作的方式讲解键盘的常用操作。（1）介绍常用的键盘操作方法（2）讲解并展示键盘的常用操作的案例代码四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第七、八课时（浏览器窗口的设置、浏览器的前进与后退、浏览器页面的刷新、获取浏览器页面的标题和URL、浏览器窗口的关闭）一、复习巩固教师通过上节课作业的完成情况，对学生吸收不好的知识点进行再次巩固讲解。二、通过需求导入的方式导入新课在Web项目中，经常需要对浏览器进行一些常用的操作，这些操作包括浏览器的前进、后退，页面的刷新，标题和与URL的获取，窗口的设置、退出与关闭等，可以满足Web自动化测试过程中对浏览器进行操作的测试需求，本节课主要对浏览器的常用操作进行讲解。三、新课讲解知识点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）讲解并展示浏览器窗口的关闭的案例代码四、归纳总结教师回顾本节课所讲的内容，并通过测试题的方式引导学生解答问题并给予指导。五、布置作业教师通过高校教辅平台（）布置本节课作业以及下节课的预习作业。第九、十课时（上机练习）上机练习主要针对本章中需要重点掌握的知识点，以及在程序中容易出错的内容进行练习，通过上机练习可以考察同学对知识点的掌握情况。上机：（考察知识点为单个元素的定位、一组元素的定位）形式：单独完成题目：1.使用8种常用的元素定位方式来定位TPshop（开源商城）项目中的登录页面元素，具体要求如下。（1）通过id定位手机号/邮箱输入框，并输（2）通过name定位密码输入框，并输入123456。（3）通过id定位验证码输入框，并输入8888。（4）通过xpath定位“登录”按钮并单击该按钮。2.定位传智教育官网首页横向的一组导航菜单链接，并随机单击任意一个链接，要求如下。（1）通过浏览器开发者工具查看传智教育官网首页的导航菜单链接元素信息。（2）通过class定位导航菜单链接元素，并任意单击其中一个链接。第十一、十二课时（上机练习）上机练习主要针对本章中需要重点掌握的知识点，以及在程序中容易出错的内容进行练习，通过上机练习可以考察同学对知识点的掌握情况。上机：（考察知识点为鼠标的常用操作、键盘的常用操作、浏览器窗口的设置）形式：单独完成题目：1.在程序中练习鼠标与键盘的常用操作方法，具体要求如下。（1）使用鼠标悬停方法，实现