常见页面的测试思维

191 阅读3分钟

身为前端程序员,天天都是跟页面打交道;当拿到一个页面时,完成该页面的静态样式是一部分,其内部一些隐藏的测试思维也是一部分,这篇文章将会记录一些常见页面中哪些隐藏的测试思维。

测试思维有哪些?

自己也没有去了解过测试思维,都是从百度上看到的

正向思维

简述:指软件在正常运行状态下所表现出来的特征

例如:某个功能正确实现之后是什么样的?

逆向思维

简述:相对于正向思维,它是检查正向思维相反的地方,根据结果来进行逆推

例如:某个功能点未实现是什么样的?

全局思维

简述:从全方位360°去分析系统,试着以不同的角色看系统,分析其是否能满足需求

例如:从用户/开发/测试人员/产品等角度看待一个功能的操作

局部思维

简述:相对于全局思维,通常它会检查系统在局部情况下所表现的特征

例如:手机测试信号,可以隔离多种环境进行思考分析

极端思维

简述:从两端极限来分析思考

例如:手机信号测试,最小和最大的信号范围,表现是什么样的?

比较思维

简述:选择某一标准来做参考,然后制定一些对比参数选项来评判

例如:不同的浏览器搜索相同关键字,所返回的内容相关性,响应速度等

组合思维

简述:将相关的多个事物组合在一起进行检查,判断是否正常

例如:关机前,启动另一个应用程序,来检查系统是如何处理的

了解了以上的思维方式后,我们来看看常见页面会有哪些需要注意的地方

登录页面

登录页面是最常见的页面了,基本上每一个系统都会有这个登录页面,而这个最常见的页面也有很多不同的登录方式,不同的登录方式也会有不一样需要注意的点,下面我们就说一说有哪些需要注意的

账号密码登录

以antdPro中的登录页面为例

image.png

在这个页面中,需要重点关注的地方是两个输入框以及登录按钮。

以下就是对该页面的测试逻辑分析

image.png

手机号登录

切换到手机号登录页面

image.png

这个页面相对于前者来说多了一个获取验证码的按钮,而这个按钮也有一些需要注意的地方

image.png

表格查询搜索

页面依旧是antdPro中的查询表格一块,这边自己添加了两个Tab,点击这两个Tab可以切换表格数据;

例如:点击Tab一表格显示的是用户信息,点击Tab二表格显示的是商品信息

image.png

搜索部分

image.png

表格部分

image.png

:后续有其他页面也会写在该文章中