任何一个完备的产品，在正式上线前都需要进行完备的测试。一个好的测试标准可以让开发人员开发和自测时能够快速找到 bug 并及时修复，减少页面表现和体验带来的问题，从而在上线发布时能有一个较好的质量保证。功能点测试本节不再赘述，前端代码一般需要关注机型适配的兼容性和页面交互的细节。
1　机型兼容性测试点
  iOS 和 Android 的设备 CSS 宽度在 320 及以上，页面能有正常的布局表现，不同机型、不同版本、不同屏幕都要适配，注意当下流行的设备尺寸；
  按钮点击区域要足够大，最小点击区域像素为 44×44；页面时常根据屏幕宽度的变化显示更多的内容，当更宽的屏幕显示页面时，背景的延展区域要平滑，控件需要根据屏幕大小进行自适应放大缩小。不要出现“一刀切”的生硬痕迹；
  背景图、按钮图、图标在 retina 屏幕中是否模糊；页面打开加载时不会抖动；若页面图片较多，图片在加载时尽量不要影响布局，并且页面有较好的阅读体验；
  弹出层是否垂直水平居中；图标是否显示完全。
2　页面交互测试点
  检测页面标题规范；
  检查页面链接是否为空链接，链接跳转是否正确，图片是否显示；
  检查页面文字是否有超出现象；
  活动中是否有错别字，如道具名称、活动规则、活动时间等；各个弹层是否完整显示；弹出层中上下滑动时，整体页面禁止滑动，防止时间冒泡引起页面也滑动；
  多个页面轮播一定要反复测试，轮播或者上滑下滑页面表现等；
  上滑或者下滑添加 loading 加载块；
  图片未加载出来时一定要有 alt 文字提示；
  置顶栏或者置底栏在滑动时位置未变化，始终吸附在页面头部或者底部；iPhone X 齐刘海是否适配；
  小程序中的部分组件是由客户端创建的原生组件，例如 camera、canvas、input、live-player、live-pusher、map、textarea 和 video，由于原生组件在 WebView 渲染流程外，因此在使用时有很多限制，在工具上，原生组件是用 Web 组件模拟的，因此很多情况并不能很好地还原真机的表现，建议在使用原生组件时尽量在真机上进行调试；
  页面标题、标题栏背景、底部 tab 栏、组件等是否配置。