保姆级教程:从0到1搭建web自动化测试环境

之前都是在linux上安装,第一次在windows上配置环境,加上距离上次配置环境有点久了,竟也花了点时间。特此记录下保姆级教程,给初学者一个有效的参考!

一. 环境搭建

工具清单

工具 工具名 版本
Java开发工具包 JDK 1.8
浏览器 Chrome 112.0
IDE Eclipse
开发语言 Java 1.8
Web自动化测试工具 Selenium 3.141.59
依赖包管理 Maven 3.3.9
测试框架 TestNG 6.14.2
1.1 安装java 并配置环境变量
  • 1.1.1 下载java并安装

下载地址:https://www.oracle.com/java/technologies/javase/javase8-archive-downloads.html
下载后傻瓜安装,会先安装JDK,再安装JRE。
这里JDK的路径是:D:\Program Files\Java\jdk1.8.0_40
JRE的路径是:D:\Program Files\Java\jre1.8.0

  • 1.1.2 配置环境变量

设置-系统-高级系统设置-高级,环境变量,新建系统变量:

  1. JAVA_HOME:D:\Program Files\Java\jdk1.8.0_40

  2. CLASSPATH:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;%JAVA_HOME%\lib\dt.jar

  3. PATH(已有,追加): %JAVA_HOME%\bin; %JAVA_HOME%\jre\bin

保姆级教程:从0到1搭建web自动化测试环境_第1张图片

保姆级教程:从0到1搭建web自动化测试环境_第2张图片

设置Classpath的目的,在于告诉Java执行环境,在哪些目录下可以找到您所要执行的Java程序所需要的类或者包
设置PATH的目的,在于可以查找到可执行的程序。

  • 1.1.3 验证安装

输入java -verison,出现以下输出说明安装OK(注意版本要和安装设置的一致)

保姆级教程:从0到1搭建web自动化测试环境_第3张图片

输入javac,出现以下输出说明环境变量设置OK

保姆级教程:从0到1搭建web自动化测试环境_第4张图片

1.2 下载maven并配置环境变量

Maven是Apache的一款开源的项目管理工具,其作用主要有两大块:

  1. 管理依赖包
  2. 编译打包部署

maven使用POM(Project-Object-Model 项目对象模型)来管理项目的构建。下面会有POM的配置说明。

  • 1.2.1 下载并解压缩

下载地址:https://maven.apache.org/download.cgi

这里我使用的版本是3.3.9,可以找到该版本的下载地址:https://dlcdn.apache.org/maven/maven-3/3.3.9/binaries/

Windows下载这个即可:

保姆级教程:从0到1搭建web自动化测试环境_第5张图片

解压后的目录文件如下,主要关注conf/settings.xml:

保姆级教程:从0到1搭建web自动化测试环境_第6张图片

  • 1.2.2 修改maven配置文件

这里Maven解压缩的目录:D:\Program Files\apache-maven-3.3.9\conf\settings.xml

保姆级教程:从0到1搭建web自动化测试环境_第7张图片

这里指定了本地仓库,即maven的jar包下载的路径

保姆级教程:从0到1搭建web自动化测试环境_第8张图片

这里指定了maven中央仓库的镜像地址,即jar包的下载路径。为什么这样写,参考 https://developer.aliyun.com/mvn/guide:

保姆级教程:从0到1搭建web自动化测试环境_第9张图片

  • 1.2.3 配置maven环境变量

MAVEN_HOME:D:\Program Files\apache-maven-3.8.8

将maven变量添加到path中(目的:使得程序可以在任何地方运行maven):

保姆级教程:从0到1搭建web自动化测试环境_第10张图片

  • 1.2.4 验证配置

保姆级教程:从0到1搭建web自动化测试环境_第11张图片

  • 1.2.5 下载maven依赖包

下载的依赖包即存放在settings.xml配置的localrepository里:

保姆级教程:从0到1搭建web自动化测试环境_第12张图片

出现下面的输出即为OK:

保姆级教程:从0到1搭建web自动化测试环境_第13张图片

1.3 安装IDE并配置

这里用的是eclipse,IDEA也是类似,工具不同而已,配置大同小异。

  • 1.3.1 下载,解压缩

下载地址:https://www.eclipse.org/downloads/packages/
选择windows版本。Eclipse是免安装的,下载后直接运行eclipse.exe

  • 1.3.2 配置eclipse maven installation选项

该操作是为了配置eclipse使用安装的maven。
打开Eclipse,windows -> preferences,搜索maven,Installations, add,选择maven路径

保姆级教程:从0到1搭建web自动化测试环境_第14张图片

保姆级教程:从0到1搭建web自动化测试环境_第15张图片

  • 1.3.3 修改maven User settings

该操作是为了配置eclipse使用安装maven的settings

保姆级教程:从0到1搭建web自动化测试环境_第16张图片

  • 1.3.4 配置Eclipse Installed JREs

Eclipse需要在JRE上运行,maven编译需要使用JDK中的编译器,因此需要配置Eclipse installed JREs指向JDK,选择自己安装的JDK即可。

保姆级教程:从0到1搭建web自动化测试环境_第17张图片

1.4 创建maven项目并配置依赖
  • 1.4.1 创建maven项目

File-> new->other,搜索maven,选择maven project

保姆级教程:从0到1搭建web自动化测试环境_第18张图片

保姆级教程:从0到1搭建web自动化测试环境_第19张图片

保姆级教程:从0到1搭建web自动化测试环境_第20张图片

GroupId 是项目组织唯一的标识符,实际对应项目的包,其实就是包结构;ArtifactId 实际对应项目名称。
GroupId和ArtifactId被统称为“坐标”是为了保证项目唯一性而提出的,对于maven项目而言,groupID和artifactId是maven管理项目包时用作区分的字段,就像是地图上的坐标。
建好的项目结构如图:

保姆级教程:从0到1搭建web自动化测试环境_第21张图片


其中pom.xml是maven项目的核心配置文件,在这里管理各种依赖。
Src/main/java 存放项目的java源码
Src/main/resources 存放项目的相关配置文件
Src/test/java 存放项目的测试代码
Src/test/resources 粗放项目的测试相关配置文件

  • 1.4.2 配置POM.xml

POM全程Project Object Model,又称项目对象模型。它是Maven工程的基本工作单元,是一个XML(可扩展标记语言)文件,包含了项目的基本信息,用于描述项目如何构建,声明项目依赖等等。执行任务或目标时,Maven会在当前目录中查找 POM并读取从而获取所需的配置信息执行目标,属于项目级别的配置文件。
这里用的编译工具是maven,加入以下声明(涉及maven详细的语法,本文不展开细说):

 
  
  1. org.apache.maven.plugins

  2. maven-compiler-plugin

  3. 3.3

  4. 1.8

  5. 1.8

  6. UTF-8

这里是maven仓库地址
https://mvnrepository.com/artifact/org.apache.maven.plugins/maven-compiler-plugin
用的maven版本是3.3.9:

保姆级教程:从0到1搭建web自动化测试环境_第22张图片

保姆级教程:从0到1搭建web自动化测试环境_第23张图片

使用的selenium版本是3.141.59;testNG版本是6.14.2,加入以下依赖:

 
  
  1. org.seleniumhq.selenium

  2. selenium-java

  3. 3.141.59

  4. org.testng

  5. testng

  6. 6.14.2

1.5 安装testng插件

TestNG是测试框架,自动化测试主要用到的是其强大的注解类。POM文件里已经定义了使用的testng版本是6.14.2,接下来需要安装该插件。

Help- install new software,下图的location中填入https://testng.org/testng-eclipse-update-site/6.14.3

保姆级教程:从0到1搭建web自动化测试环境_第24张图片

保姆级教程:从0到1搭建web自动化测试环境_第25张图片

接下来Next并安装完成即可。

检验一下安装,Perferences里出现TestNG即为安装OK:

保姆级教程:从0到1搭建web自动化测试环境_第26张图片

1.6 安装浏览器并配置driver

在什么是自动化测试?如何做自动化测试?介绍过GUI自动化的原理,测试用例需要通过webDriver来驱动浏览器,因此需要安装并配置webDriver。

webDriver的安装比较简单,下载解压缩即可。首先查看浏览器版本,以chrome为例,点击帮助->关于Google Chrome即可。这里我的版本号是112.0.5615.87(下载driver没必要完全一致,大版本一致即可):

保姆级教程:从0到1搭建web自动化测试环境_第27张图片

其次,下载浏览器版本对应的driver,下载地址:http://chromedriver.storage.googleapis.com/index.html

保姆级教程:从0到1搭建web自动化测试环境_第28张图片

下载解压后有chromedriver.exe,将该exe文件的路径加入PATH。通常,我们会将其放到浏览器的安装目录,不过这一步不是必需的,必需的是将路径加入PATH变量。

这里,解压路径是“D:\Program Files\chromedriver_win32”,变量设置如下(Windows下依次点击 设置-系统-高级系统设置,环境变量):

保姆级教程:从0到1搭建web自动化测试环境_第29张图片

1.7 安装完毕,验证!

在src/test/java里新建包,新建类(随便命名),写一个最简单的自动化测试代码,右键Run as – TestNG Test,运行成功!

保姆级教程:从0到1搭建web自动化测试环境_第30张图片

保姆级教程:从0到1搭建web自动化测试环境_第31张图片

自此,环境已经OK,接下来可以开启web自动化之旅了!

二. 总结与思考

搭建GUI自动化环境是基础,很多同学都倒在了环境搭建上。整理下来思路很清晰:首先明确搭建GUI自动化环境需要使用什么类型的工具,然后确定选择什么工具,再逐个安装配置就可以啦!

工具的安装配置也都是一个套路,都是安装-配置环境变量-修改配置文件。

工具不是唯一的,譬如IDE现在用IDEA很多,本文是以eclipse为例。工具的使用都是相通的,核心是自动化的使用。

环境搭建好了,万里长征才走完了第一步。接下来再深入学习!

总结:

感谢每一个认真阅读我文章的人!!!

作为一位过来人也是希望大家少走一些弯路,如果你不想再体验一次学习时找不到资料,没人解答问题,坚持几天便放弃的感受的话,在这里我给大家分享一些自动化测试的学习资源,希望能给你前进的路上带来帮助。

  视频文档获取方式:
这份文档和视频资料,对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!以上均可以分享,点下方小卡片即可自行领取

你可能感兴趣的:(软件测试,技术分享,前端)