|
wangzhanceshi因为所在团队没有专业测试人员，所以测试工作由我这个产品新人来负责。本文是抱着总结才能提升的小心思，想来简单写写从测试零经验到开发葛葛“谈心”的次数逐渐变少，这期间所踩过得坑和心得体会。 一、 UI测试 用户界面测试主要是拿待测网页和设计稿进行对比，个人觉得主要需做到以下4点： 1.注重细节： 这点最基本，就是对比时细心、细心再细心。像我现在被虐到网页上元素和设计稿差一个像素都能看出来… 2.勿忘整体性： 由于PC网页页面空间大，模块多，很容易在测试时只注意到模块内设计元素是否正确，而忽略了模块间的间距或整个页面的布局是否正确。所以最好按照由局部到整体的顺序测试。 3.注意页面间相互对比： 即注意相同系列页面、页签布局一致性。就是说的是同一系列页面中同类元素和模块的样式、间距一般要相同；同一个tab下，不同选项对应 的页签中同类元素和模块的样式、间距一般要相同。例如下图QQ空间-日志页面里我的日志和私密日记tab中，红框圈出的位置高度是否一致。
一般情况下这些不一致问题出现的情况不多，毕竟相类似的布局前端同学应该会用相同的盒子，但是测试时还是需要留意。 4.注意极端情况下显示情况： 即要注意长度可变的元件、模块或字段在极端情况下的显示是否正常。 例如：文章标题最多可显示50字符（25汉字），测试时就要在所有会出现标题的位置（文章列表页、推荐边栏、转发弹框…）是否能正常显示含有50字符的标题，会不会出现破框而出、自动切掉等情况。 由于UI测试时需要检查的细节很多，特别是像我们团队，网站还在搭建中并未上线，UI测试的工作量更是大，测久了难免会觉得枯燥繁琐，但其实每项任务都能总结出套路、有所收获，故下面仅列出我平时在测这部分时的主要注意点和心得。 UI测试注意点总结： 模块间距 元素间距 不同类型文本（数字、汉字、英文）颜色、格式（全角、半角）大小、字体、（不必须） 固定文案：内容的可读性、正确性?排版的合理性 可变字段：极多、极少文字的排版情况 Icon用错、用混 相似页面的差异性和一致性 小体会： 其实界面测试虽然没啥技术含量，但测久了就会发现自己对网页元素有时彼此间的间距差了1、2个像素，整体的视觉效果就尺寸和布局的敏感度有提升，例如像同样一组元素，会大有不同，web是这样，移动端更是如此。 随手画张图举个栗子：左图网页做出来名称、作者、互动统计三者之间行距相等，中文字大小相 同，而设计稿原本应如右图，行距不同，不同字段的字号也不同。所以假如测试时遇到类似这种问题，我们除了可以提个bug，还会被引导去思考设计初衷，即利用间距细微差异进行视觉分组，利用字号细微差异突出主次。
二、功能测试 1.操作反应： （1） 页面元素（按钮、锚文本、输入框…）自身状态变化：鼠标移入/移出时效果、点击后效果、获取/失去焦点时效果…（可以想想axure里的用例状态） eg：鼠标移入按钮，按钮是底色是否应改变；若输入框内有默认提示文字，则是当输入框获得焦点后文字就消失，还是用户输入文字后提示文字才消失… （2）操作成功后续反应：页面跳转、弹框、提示文字… a.页面跳转： 页面切换方式：另开页面、本页切换 页面起始定位：页面起始位置、页面其他锚点（例如用户想评论某文章，在列表页点评论按钮后，就会在另开的文章内容页直接定位到评论区） b.弹框： 匹配情况：弹出的弹框是否和触发条件匹配 出现位置：一般情况下要一致。因为弹框使用不同插件，可能导致弹出位置不同。 显示时间（非操作类弹框）：某些仅起到提示功能的弹框会自动显示若干秒关闭。一般情况此类弹框上文案较少，显示秒数应该是全站一致的。 c.提示文字： 匹配情况：出现的提示文案是否和触发条件匹配 (责任编辑：admin) |
