`
san_yun
  • 浏览: 2658236 次
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

前端测试checklist

    博客分类:
  • java
阅读更多
序号 检查项 检查点
1 页面检查 1、控件大小统一、控件齐全、顺序正确(如:单选按钮、复选框、日期控件、输入框、下拉框等、按钮)
2、字体大小统一(字体、字号、颜色、样式、字间距)
3、文本左对齐,数值右对齐
4、图片显示样式、大小、尺寸显示正确
5、页面显示无乱码
6、页面显示无重叠
7、颜色风格统一
8、页面无js错误
9、需要必填的控件,有必填提醒,如 *
10、页面无错别字
11、出错时给出的提醒无歧义,表述清晰
12、页面上提醒用户的文案正确且齐全,包括tips的提示文案
13、合理添加左右滚动条和上下滚动条
14、控件摆放的位置合适(如确认按钮在左、取消按钮在右)
15、适时禁用功能按钮(如权限控制时无权限操作时按钮灰掉或不显示;无法输入的输入框disable掉)
16、用词统一(描述同一个意思的词语被不同地方用到时要统一)
17、title显示正确
18、合理添加返回链接,比如detail页面可以返回到list页面
19、导航位置正确
20、需要添加链接的地方是否都已添加链接并且正确(如:点击公司名称,新窗口打开旺铺)
2 功能逻辑检查 1、字段输入内容的校验(输入框输入空、小于最小长度、超长时给出合理的提醒;日期控件需要检查非日期格式的情况),注意,不仅需要对各个文本框单独进行校验及文案提醒,还需要考虑全面组合之后的校验及提醒
2、字段为空时的显示校验(字段内容为空时,整个字段不显示还是内容显示为空)
3、字段为极限值的显示校验(超长截取显示,还是完整显示,还是换行显示),当页面各项取值均为极限值时,页面样式显示正常
4、小数的位数显示多少位,是否以四舍五入的方式显示(如:输入1.245,小数位最多两位时,四舍五入为1.25)
5、数字为12位(千亿)时,不以科学计算法显示、不会溢出显示为负数
6、注意小数的点浮点显示的问题(如:输入8.1,不能显示为8.100000000000001)
7、html标识符,对js和html代码作转义处理
8、字母大小写转化(如:memerid都是小写)
9、冷僻字的显示正确,不会显示乱码
10、新增页面默认值的检查(如:单选按钮默认选择“全部”,复选框默认选择“未审核”等,下拉默认选中“请选择”等),修改页面默认显示已有内容。
11.文本框默认提示文案,是否为灰色,鼠标点击之后,文案是否消失
12、删除后是否刷新,页面立即不显示被删除的内容
13、重复提交问题,无法重复提交(刷新重复提交;后退后继续单击提交进行重复提交)
14、异常分支的出错提示(如选择已被删除的记录,单击删除如何提醒;选择已被删除的记录修改如何提醒,a用户删除b用户的记录如何提醒)
15、在新窗口还是原窗口打开(如:list页面中打开detail页面一般都是新窗口打开;成功页面在原窗口打开)
16、弹出窗口被ie拦截的问题
17、检查标签的切换正常
18、要注意与开发的联调,如:注意接口的参数命名是否一致
19、要考虑自动过滤空格的情况(如:输入登录id的输入框需要自动过滤空格,输入金额的输入框需要自动过滤空格)
20、表单提交失败停留在当前页面,已输入的内容不会被清空,或重新选择
21、回车键的功能是否有效(如:输入查询内容单击回车显示查询结果;输入表单内容单击回车,提交表单)
22、文案提醒若有icon,需要检查图案是否合理
23、若有多个radiobutton,需要点击切换,查看是否出现样式异常
3 业务相关逻辑测试 1、订单提交后不允许修改,那么就不显示修改链接
2、提示文案的逻辑(如:字段名为“电话号码”,则出错显示为“电话号码不能为空”)
3、诚信通logo(个人普及、个人限量、企业普及、企业限量)
4、相同记录是否会报错
5、有时间段的查询时,开始时间不能大于结束时间
6、点击贸易通logo可以弹出对话框
7、需要做违禁词控制的地方是否都做了控制
8、检查单位对不对(比如:金额、重量、体积等)
 
……
4 浏览器检查 一般情况下检查IE6.0 、IE7.0、firefox(不同浏览器里,CSS/JavaScript存在兼容性问题)
5 分辨率检查 不同分辨率页面布局显示是否合理,整齐,分辨率一般为1024*768 > 1280*1024 >800*600
6 环境问题 1、调试代码不要提交到测试环境
2、测试的style环境,不要随意更新,需要规范style的环境更新
3、提测的style分支需要跟主干合并(merge的过程与线上保持一致,也需要进行js文件的压缩),合并的时间点大致如下:提测进行冒烟测试时需要合并、功能测试完成后进入回归测试时需要合并、回归测试阶段如果有重大项目发布也需要合并主干、上预发布之前需要再合并一次主干。
 
     
     
     
     
     
     
     
分享到:
评论

相关推荐

    FrontEndChecklist针对现代网站和开发人员的完美前端检查清单checklist

    这份Front-End Checklist旨在提供一个全面的参考,帮助开发者确保前端项目的质量。通过遵循这些最佳实践,开发者可以创建出更加稳定、高效且用户体验优秀的现代网站。记得定期更新检查清单,以适应技术的快速发展。

    checklist-frontend:只是前端 Web 开发的清单

    支持分级浏览器操作系统设备验证验证 HTML 验证 CSS 验证JS ...155 个字符标题:65-59 个字符优化图片图片填充图像优化SVG 优化带 alpha 的 8 位 PNG 表现网页测试速度指数值低于 1000 HTML、CSS 和 JS,前 14 KB参考

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part1

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 ...

    checklist:前端开发人员的清单

    在前端开发领域,一个完善的检查列表对于确保项目质量和效率至关重要。以下是一份详细的前端开发者清单,涵盖了从项目初始化到上线的各个阶段,旨在帮助你确保每个环节都得到了妥善处理。 一、项目准备与规划 1. ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part2

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 ...

    性能测试进阶指南——LoadRunner11实战 part2

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 6.7.3 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part6

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part3

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 ...

    checklist-going-live:项目上线时使用的清单

    1. Browserstack测试 桌面版:在最新版本的Chrome,IE / Edge,Firefox,Safari上进行测试 移动版:在最新版本的Mobile Safari,Android上进行测试2.前端清单资产 搜索源http:// 。 替换为https:// Lint(S)CSS来源...

    软件测试-测试分析模板

    - **2.2 涉及页面**:列出所有需要开发的前端页面,包括其功能、布局和交互设计等。 - **2.3 涉及接口**:详细记录系统对外提供的API接口,包括接口的功能描述、参数说明、返回值格式等。 - **2.4 涉及的数据库表...

    性能测试进阶指南——LoadRunner11实战 part3

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 6.7.3 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part5

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 ...

    性能测试进阶指南——LoadRunner11实战 part1

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 6.7.3 ...

    性能测试进阶指南——LoadRunner11实战_(完整)扫描版_@vs.part4

    6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 ...

    dctb-front-end-checklist:只是一个具有现代前端清单技能的简单存储库

    【标题】"dctb-front-end-checklist" 是一个针对现代前端开发的检查清单资源,旨在帮助开发者确保项目遵循最佳实践和最新技术标准。这个存储库提供了一个详细的清单,涵盖了前端开发过程中的各个方面。 【描述】...

    checklist

    由于提供的压缩包文件名为"checklist-main",我们可以推测这可能代表项目的主目录。在该目录中,我们可能会找到以下关键文件和目录: 1. `package.json` - 记录项目依赖和元数据,包括npm(Node包管理器)模块的...

    CheckList

    JavaScript作为一种动态类型的解释性语言,其灵活性和强大的功能使得它在前端和后端开发中都有广泛的应用。以下是一些关于JavaScript的重要知识点: 1. **变量声明**:JavaScript支持var、let和const三种变量声明...

    推荐20个很有帮助的 Web 前端开发教程.docx

    3. **Superhero.js** - 集结了关于大型JavaScript代码库维护的最佳实践、文章、视频和演示,涵盖了测试、性能、安全等关键话题,是提升JavaScript技能的好资源。 4. **HowToCoffeeScript.com** - 为学习...

    ethereum-deployment-checklist:所有希望启动合同和dapp的以太坊开发人员的清单

    7. **前端集成**:dApp的前端需要与智能合约交互,开发者应熟练使用Web3.js或EthereumJS库,实现钱包连接、事件监听、调用合约方法等功能。 8. **用户交互**:确保dApp界面友好,明确提示用户交易确认和费用,同时...

    Java_Spring_Task_checklist_creator

    综上所述,"Java_Spring_Task_checklist_creator"项目涵盖了Java编程、Spring框架的多个方面,包括Spring Boot、Spring MVC、数据库集成、RESTful API设计以及测试策略等。这个项目为开发者提供了一个实践这些关键...

Global site tag (gtag.js) - Google Analytics