独立搭建UI自动化测试框架分享

末蓝、 2023-10-13 10:41 18阅读 0赞

今天给大家分享一个**selenium+testng+maven+ant**的**UI自动化**，可以用于功能测试，也可按复杂的业务流程编写测试用例，今天此篇文章不过多讲解如何实现CI/CD，只讲解自己能**独立搭建UI框架**，如果有其他好的框架也可以联系我，分享一下，或者下面讲解的有不明白的地方也可以留言，需要阅读者有一定的java语言基础，文档中的有些注解我就不详细介绍了，感兴趣的可以去java官网查看。

废话就不多说了，开始实例讲解。

开发工具：idea2017

开发平台：windows

举例模板：百度搜索

开发语言：java

可拓展mysql,shell,api 等

提供：代码demo—打包形式发出

**新建java模块：**

**有两种创建方式**

**1. 点击欢迎屏幕上的 Create New Project**

![bd66d61e2f24ff015738f1c8179ed636.png][]

**2. 或选择 File| New | Project**

![8c31e2345c36cd49faab8d114b64d182.png][]

看到打开的新建项目向导窗口

如果你要在现有项目中添加一个模块：打开要添加模块的项目，然后选择File | New | Module.

![a75cee08041b51176f937eefbf6251d8.png][]

填写好相关的group和artifact后点击【Next】，最后Finish。

引入驱动，--与src 同级目录新建一个文件夹 lib；

引入pom.xml ，目的是托管所有依赖jia包；--与src同级目录

引入 build.xml，目的是与Jenkins关联实现CI；

引入log4j2.xml，目的打印日志；--在src目录下

新建公共模块包：目的存放公共类

新建元素模块包：目的存放测试元素；

新建步骤模块包：目的测试用例的执行步骤；

新建执行测试模块包：目的执行测试用例；

新建 conf模板包：目的放系统配置文件；

整个项目目录结构如下图所示：

![b8f9fdd6c44e8a3621383c8dbc8b2dc5.png][]

**下面是实例化讲解：**

**1. 新建class—runDriver.class 用于启动浏览器驱动—公共方法**

![a443c17b54df253e74117292f1d125f3.png][]

我是基于windows系统开发的，如果是mac 替换一下驱动就行

**2. 新建BrowerDriver.class 对浏览器的公共方法**

![b9408817207b56c85712ccb888b04c66.jpeg][]

此类下面有 打开和关闭浏览器的公共方法；

**3. 新建读写系统文件ReadPreperties.class类**

![458675cc2fca6fd9e54b65a694fc26c3.jpeg][]

**4. 还有很多其他公共的类，在此就不一一讲解了，稍后会提供demo**

比如：自动生成手机号，姓名，身份证号等

**5. 以百度 为例 开始写 元素类**

在com.ui.auto.element 下新建BaiDuElement.class

![7ddb1a31f67dd75862f50d3413787c7f.png][]

**6. 在com.ui.auto.step下新建BaiDuStep.class**

![0e0d9808f410671c66ec284d4aad50ad.png][]

**7. 在com.ui.auto.case 下新建BaiDuCase.class**

![383757912b3f65b52b54926970bd787d.png][]

需要引入testng jra包的三个注解

@BeforeTest

将会在一个元素定义的所有里面所有测试方法执行之前运行，在此 先运行 打开浏览器 操作

@Test

要被执行的测试方法

@AfterTest

将会在一个元素定义的所有里面所有的测试方法执行之后运行

通过上面几步 一个模块的ui测试流程基本讲解完成，这个框架的目的就是便于维护，里面也可以添加 api 及 数据源的操作，数据库的关联等，

如何和Jenkins关联呢？

需要在 与src 同目录下新建一个 testng.xml 内容如下：

![e84142cde5bf900aa962c9744753d7de.png][]

新建 Jenkins-job 后代码上传到gitlab 上，执行 BaiDuTestng.xml就行（这是和ant 关联）；

还有另外一种方法 maven，在pom 里配置相关的testng.xml，如下例子

![3fe1af6a6adbff8ed70f501f9b25cccf.png][]

如何通过ant 和Jenkins 实现 CI 及 maven 和Jenkins实现CI 的操作，下期在做讲解，希望通过此篇文章能给您带来 有用的知识，谢谢！

最后工程的整体目录结构，如下图：

![66261a32cf3561e96b274189a065e802.png][]

**最后：** 为了回馈铁杆粉丝们，我给大家整理了完整的软件测试视频学习教程，朋友们如果需要可以自行免费领取**`【保证100%免费】`**

![在这里插 入图片描述][c9cc99a5b00b4900b7269ea5813e9b05.png_pic_center]

**软件测试面试文档**

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

![在这里插入图片描述][f5caea8e55384ffd9d53fbcef5d509f5.png_pic_center]

![f51b5b3c704342aa864f04cbf13d259b.gif][]

[bd66d61e2f24ff015738f1c8179ed636.png]: https://img-blog.csdnimg.cn/img_convert/bd66d61e2f24ff015738f1c8179ed636.png
[8c31e2345c36cd49faab8d114b64d182.png]: https://img-blog.csdnimg.cn/img_convert/8c31e2345c36cd49faab8d114b64d182.png
[a75cee08041b51176f937eefbf6251d8.png]: https://img-blog.csdnimg.cn/img_convert/a75cee08041b51176f937eefbf6251d8.png
[b8f9fdd6c44e8a3621383c8dbc8b2dc5.png]: https://img-blog.csdnimg.cn/img_convert/b8f9fdd6c44e8a3621383c8dbc8b2dc5.png
[a443c17b54df253e74117292f1d125f3.png]: https://img-blog.csdnimg.cn/img_convert/a443c17b54df253e74117292f1d125f3.png
[b9408817207b56c85712ccb888b04c66.jpeg]: https://img-blog.csdnimg.cn/img_convert/b9408817207b56c85712ccb888b04c66.jpeg
[458675cc2fca6fd9e54b65a694fc26c3.jpeg]: https://img-blog.csdnimg.cn/img_convert/458675cc2fca6fd9e54b65a694fc26c3.jpeg
[7ddb1a31f67dd75862f50d3413787c7f.png]: https://img-blog.csdnimg.cn/img_convert/7ddb1a31f67dd75862f50d3413787c7f.png
[0e0d9808f410671c66ec284d4aad50ad.png]: https://img-blog.csdnimg.cn/img_convert/0e0d9808f410671c66ec284d4aad50ad.png
[383757912b3f65b52b54926970bd787d.png]: https://img-blog.csdnimg.cn/img_convert/383757912b3f65b52b54926970bd787d.png
[e84142cde5bf900aa962c9744753d7de.png]: https://img-blog.csdnimg.cn/img_convert/e84142cde5bf900aa962c9744753d7de.png
[3fe1af6a6adbff8ed70f501f9b25cccf.png]: https://img-blog.csdnimg.cn/img_convert/3fe1af6a6adbff8ed70f501f9b25cccf.png
[66261a32cf3561e96b274189a065e802.png]: https://img-blog.csdnimg.cn/img_convert/66261a32cf3561e96b274189a065e802.png
[c9cc99a5b00b4900b7269ea5813e9b05.png_pic_center]: https://img-blog.csdnimg.cn/c9cc99a5b00b4900b7269ea5813e9b05.png#pic_center
[f5caea8e55384ffd9d53fbcef5d509f5.png_pic_center]: https://img-blog.csdnimg.cn/f5caea8e55384ffd9d53fbcef5d509f5.png#pic_center
[f51b5b3c704342aa864f04cbf13d259b.gif]: https://img-blog.csdnimg.cn/f51b5b3c704342aa864f04cbf13d259b.gif