网站测试一般包含三个方面:UI测试、功能测试和兼容性测试。
一、UI测试
用户界面测试主要是拿待测网页和设计稿进行对比,个人觉得主要需做到以下4点:
1、注重细节:
这点最基本,就是对比时细心、细心再细心。像我现在被虐到网页上元素和设计稿差一个像素都能看出来…
2、勿忘整体性:
由于PC网页页面空间大,模块多,很容易在测试时只注意到模块内设计元素是否正确,而忽略了模块间的间距或整个页面的布局是否正确。所以按照由局部到整体的顺序测试。
3、注意页面间相互对比:
即注意相同系列页面、页签布局一致性。就是说的是同一系列页面中同类元素和模块的样式、间距一般要相同;同一个tab下,不同选项对应的页签中同类元素和模块的样式、间距一般要相同。
4、注意极端情况下显示情况:
即要注意长度可变的元件、模块或字段在极端情况下的显示是否正常。
例如:文章标题最多可显示50字符(25汉字),测试时就要在所有会出现标题的位置(文章列表页、推荐边栏、转发弹框…)是否能正常显示含有50字符的标题,会不会出现破框而出、自动切掉等情况。
由于UI测试时需要检查的细节很多,特别是像我们团队,网站还在搭建中并未上线,UI测试的工作量更是大,测久了难免会觉得枯燥繁琐,但其实每项任务都能总结出套路、有所收获,故下面仅列出我平时在测这部分时的主要注意点和心得。
UI测试注意点总结:
模块间距
元素间距
不同类型文本(数字、汉字、英文)颜色、格式(全角、半角)大小、字体、(不必须)
固定文案:内容的可读性、正确性‚排版的合理性
可变字段:极多、极少文字的排版情况
Icon用错、用混
相似页面的差异性和一致性
二、功能测试
1、操作反应:
(1)页面元素(按钮、锚文本、输入框…)自身状态变化:鼠标移入/移出时效果、点击后效果、获取/失去焦点时效果…(可以想想axure里的用例状态)
eg:鼠标移入按钮,按钮是底色是否应改变;若输入框内有默认提示文字,则是当输入框获得焦点后文字就消失,还是用户输入文字后提示文字才消失…
(2)操作成功后续反应:页面跳转、弹框、提示文字…
a、页面跳转:
页面切换方式:另开页面、本页切换
页面起始定位:页面起始位置、页面其他锚点(例如用户想评论某文章,在列表页点评论按钮后,就会在另开的文章内容页直接定位到评论区)
b、弹框:
匹配情况:弹出的弹框是否和触发条件匹配
出现位置:一般情况下要一致。因为弹框使用不同插件,可能导致弹出位置不同。
显示时间(非操作类弹框):某些仅起到提示功能的弹框会自动显示若干秒关闭。一般情况此类弹框上文案较少,显示秒数应该是全站一致的。
c、提示文字:
匹配情况:出现的提示文案是否和触发条件匹配
关于操作成功后续反应,以上主要是在已确定会触发某反应情况下,测试其正确性。其实这里更重要的是要考虑在前置条件不同的情况下,对某元素进行相同操作,会触发什么不同的反应。即需要对各类情况进行穷举。
eg:点击关注按钮触发反应穷举:
a、未登录用户点击该按钮后效果;
b、已登录用户点击该按钮后效果(b1。未关注过对方、b2。已关注过对方、b3。自己关注自己)
穷举时可以参考PRD,但不要局限于PRD上列出的情况,毕竟有时也许PRD上会有小疏漏,要是程序员做的时候发现疏漏,就自己随手码了一个简易提示而忘记通知产品,而测试的时候也没触发到,等用户实际操作出来就会造成不佳的用户体验。
2、数据:
(1)数据状态:此处指数据值自身的状态。即前置条件满足后,数据状态是否会按照规则更新。
这里的规则一般是
a、时间规则(eg:经过多长时间数据状态改变;在哪个时间点更新…);
b、统计规则(eg:每个ID多次完成前置操作,数据更新多次;每个ID多次完成前置操作,数据仅更新一次;每个ID…)
(2)数据排序:数据在某筛选条件下排序的正确性。
eg:某宝某店铺商品展示页面,当用户选择按销量由高到低排序时,列表是否变为按销售量多到寡进行排序;当商品A的销量超过商品B的时候,商品A的位置是否会更换到商品B的前面。
3、特殊情况:
(1)缺省情况:当某页面或模块还没有内容或尚未加载出来时,是否有相关提示画面、文案。
(2)操作中断:用户操作中途退出页面(eg:填写资料并尚未保存时关闭页面);操作中途断网…这些情况下是否设置了相关提醒弹框。
三、兼容性测试
网站栏目:网站建设后期需要测试哪些类目
转载来于:/news/161834.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设等
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联