UI界面测试点罗列

背景

最近公司要做官网，出了一些设计图，让我写一些测试功能点和测试用例。由于官网界面大多都是静态页面，很少有业务功能，主要以UI为主，所以我大概罗列了一下UI界面的测试点，如果以后需要做UI界面测试，也可以提供一些思路。

主要从以下方面入手设计测试用例：

1. 内容显示

1. 文字内容显示是否和设计图一致，有没有错别字
2. 文字字体、样式、颜色、尺寸、文字间距、段落间距是否与设计图一致
3. 图片显示是否正确、完整
4. 图片、二维码等是否清晰，二维码是否可扫描
5. 图片位置、尺寸、方向、透明度是否和设计图一致

2. 页面显示

1. 页面数量、布局是否与设计图一致
2. 各个页面的title显示是否正确
3. 页面样式风格是否与设计图一致
4. 按钮风格是否与设计图一致
5. 列表对齐方式、位置、图标是否与设计图一致
6. 页面中有动画展示的，动画显示顺序、效果是否与设计图一致
7. 页面内容超过一屏时是否显示滚动条，拖动滚动条是否可以控制页面上下滑动
8. 刷新页面时是否默认回到页面顶部

3. 窗口

1. 窗口能否正常关闭
2. 窗口名称显示是否正确
3. 调整窗口大小时，页面是否按比例缩放，或出现滚动条让用户可以完整浏览页面
4. 窗口是否可以最大最小化
5. 多窗口的堆叠显示是否正确

4. 图标（包括logo）

1. 图标样式是否正确
2. 图标颜色、背景色是否与设计一致
3. 图标尺寸
4. 图标是否轮