个人博客项目自动化测试

一、前述

1、针对个人博客项目进行自动化测试，项目主要由五个页面构成，分别是注册页面、登录页面、博客列表页、博客详情页、博客编辑页，主要功能有注册、登录、编写并发布博客、查看博客、注销等功能。对于个人博客的测试主要是针对主要功能进行测试。

2、自动化测试一般步骤为：

1）使用脑图编写web自动化测试用例

2）创建自动化项目，根据用例来实现脚本

二、测试用例脑图

三、测试用例脚本实现

1、根据脑图进行测试用例的编写：每个页面一个测试类，然后再在测试类中进行测试用例的编写

2、启动浏览器、打开博客首页、退出浏览器需要频繁复用，因此新建了一个类单独放它们

3、为了确保页面正确加载显示，使用添加智能等待

1、添加相关依赖pom.xml

<!--        添加selenium依赖-->
<dependency>
			<groupId>org.seleniumhq.selenium</groupId>
			<artifactId>selenium-java</artifactId>
			<version>4.7.2</version>
		</dependency>

<!--        保存屏幕截图需要用到的包-->
<dependency>
			<groupId>commons-io</groupId>
			<artifactId>commons-io</artifactId>
			<version>2.11.0</version>
		</dependency>

<!--        添加junit5依赖-->
<dependency>
			<groupId>org.junit.jupiter</groupId>
			<artifactId>junit-jupiter</artifactId>
			<version>5.9.1</version>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.junit.jupiter</groupId>
			<artifactId>junit-jupiter-api</artifactId>
			<version>5.9.1</version>
		</dependency>
		<dependency>
			<groupId>org.junit.platform</groupId>
			<artifactId>junit-platform-suite</artifactId>
			<version>1.9.1</version>
			<scope>test</scope>
		</dependency>
		<dependency>
			<groupId>org.junit.platform</groupId>
			<artifactId>junit-platform-suite-api</artifactId>
			<version>1.9.1</version>
		</dependency>
		<dependency>
			<groupId>org.junit.jupiter</groupId>
			<artifactId>junit-jupiter-params</artifactId>
			<version>5.9.1</version>
		</dependency>

2、新建包并在包下创建测试类和公共类

1）公共类BlogTest

所做的事情是

1、创建驱动

2、打开博客系统首页，但是会自动跳转至登录页面

3、退出浏览器

4、后面的所有测试类都将继承这个类

2）注册页面测试类RegisterCases

所做的事情是

1、在登录页面点击注册按钮，判断页面是否成功跳转到注册页面，这里采用断言判断，代码为

String register_url2 = "http://127.0.0.1:8080/user/register.html";
Assertions.assertEquals(register_url2, register_url);

2、在注册页面进行用户信息的填写，这里采用创建Csv文件获取数据的多参数方法，并在用户数据填写完后截图

3、点击注册按钮，判断页面是否成功跳转到登录页面

3）登录页面测试类LoginCases

所做的事情是

1、使用注册的用户名和密码，预期结果登录成功

这里判断是否登录成功的方法为判断登录页面是否出现了退出按钮

2、使用正确的用户名和错误的密码，预期结果登录失败

3、使用错误的用户名和正确的密码，预期结果登录失败

4、用户名为空，密码正确，预期结果登录失败

5、用户名正确，密码为空，预期结果登录失败

6、在登录页面点击主页按钮，预期结果为还在登录页面

7、在登录页面点击写博客按钮，预期结果为还在登录页面

8、在登录页面点击注册按钮，预期结果为成功跳转至注册页面

第2~8点均可采用断言方式判断是否得到预期结果

4）博客编辑页测试类EditCases

1、博客登录成功后进入博客列表页，随后点击写博客按钮，预期结果为成功跳转之博客编辑页

2、编辑博客，点击发布按钮，发布成功，预期结果为跳转到博客详情页面，并且博客的文章数量会加一，如果是新的分类，分类也会加一，这里可以采用截图的方式进行判断，写博客前和写博客后都要截图

3、博客编辑页点击主页按钮，预期结果为页面跳转到主页

4、博客编辑页点击写博客按钮，预期结果为页面还在博客编辑页

5、博客编辑页点击注册按钮，预期结果为页面跳转至注册页面

6、博客编辑页点击退出按钮，预期结果为页面跳转至登录页面

5）博客列表页测试类PublishBlogCases、ClickGitUrlCase、LogoutCase

1、博客登录成功后进入博客列表页，定位最新的标题,即主页第一条博客标题展示的是刚刚发布成功的博客标题，预期结果为标题相同

2、博客列表页点击git地址，预期结果为页面成功跳转至对应的页面，这里采用截图方式判断

3、博客列表页点击退出按钮，预期结果为页面成功跳转至登录页面，这里采用断言方式判断

6)博客详情页测试类ReviewBlogCases

1、博客成功登录后进入博客列表页，在博客列表页点击第一个查看全文按钮，预期结果为成功跳转到相应文章的博客详情页

2、博客详情页点击主页按钮，预期结果为页面成功跳转至博客列表页

3、博客详情页点击写博客按钮，预期结果为页面成功跳转至博客编辑页

4、博客详情页点击注册按钮，预期结果为页面成功跳转至注册页面

5、博客详情页点击退出按钮，预期结果为页面成功跳转至登录页面

四、代码测试

注册页面测试类RegisterCases测试用例通过情况

登录页面测试类LoginCases测试用例通过情况

博客编辑页测试类EditCases测试用例通过情况

博客列表页测试类PublishBlogCases、ClickGitUrlCase、LogoutCase测试用例通过情况

博客详情页测试类ReviewBlogCases测试用例通过情况

测试用例全部通过

五、小结

1、使用@Order注解可以使得脚本可以按照我们想要的顺序去跑

2、页面通常采用css选择器或xpath定位，不过更推荐使用css，因为css选择器的效率更高

3、在涉及到页面改动时要有截图保存的意识

4、因为每一步都需要进行创建驱动、打开博客首页以及退出浏览器，因此选择把它们单独抽离出来放在一个类中，让其他的类去继承它，增加代码的复用性

5、获取元素的时候建议获取固定的元素，如时间、标题等；内容不建议获取，因为是动态的。

6、使用@Order注解的时候一定要记得在类外加上@TestMethodOrder(MethodOrderer.OrderAnnotation.class)注解，这是利用数字大小的顺序去跑

7、往往有因为页面没有完全加载出来导致测试用例的误判，因此加上智能等待很有必要，对于页面加载时间比较短的，可以使用sleep的方式

8、对于参数化内容比较多的情况，利用Csv文件获取数据的方式更方便一些

9、对于预期结果和实际结果，通常采用断言为空、断言不为空，断言相等、断言不相等来进行判断

六、难点以及亮点

一、难点

对于元素的定位存在遗漏或者错误的情况；对于页面的加载问题，可以使用智能等待，减少测试用例的误判

二、亮点

1、根据个人项目设计的测试用例，然后根据测试用例使用selenium4自动化测试工具和junit5单元测试框架结合来实现web自动化测试。

2、使用了JUnit5中提供的注解，如@BeforeAll、@AfterAll，避免生成过多的对象，造成资源和时间的浪费，提高了自动化的执行效率。

3、只创建一次驱动对象，避免每个用例重复创建驱动对象造成时间和资源的浪费。

4、使用参数化：保持用例的简洁，提高代码的可读性

5、使用了普通等待和智能等待：提高了自动化的运行效率，提高了自动化的稳定性，减小误报的可能性。

6、使用了屏幕截图：方便问题的追溯以及问题的解决。

7、使用了断言来判断实际结果和预期结果，提高了代码的简洁性