测试方法

在测试页面时,如果发现页面报错,自己知道该如何解决的,直接解决即可。否则,请参照以下步骤来解决:

  • 更新wide
    • 依次更新Server、Node、Bower、Nginx,然后清除缓冲,重新测试
    • 如果问题仍然存在,则重新发布页面及其相关视口,注意发布页面时勾选 同时发布静态资源强制更新元素依赖这两个选项,然后重新测试
  • 如果问题未能解决,则尝试查看chromelogger中的报错信息,锁定错误并修正,具体方式见 服务器调试
  • 如果问题仍然未能解决,则:
    • 在页面编辑界面,点击:编辑,在弹出的下拉菜单中切换 (产品)模拟数据(技术)真实数据这两种模式,重新发布页面,重新测试,锁定问题所在
    • 如果在 (产品)模拟数据模式下正常,在 (技术)真实数据模式下报错,则问题出现在技术端,此时,可以借用调试代码段逐个查找可能出错的代码段,最后,找出错误并修正
    • 如果在 (产品)模拟数据模式下报错,检查一下是否修改了产品同事所作的数据绑定、绑定变量初始化、id、class等,如果是,则将其还原,并对自己设置的逻辑、视口做相应修改
  • 如果以上方式都没能解决问题,请向自己的技术经理请求帮助

常见方法

以下所列问题为常见问题的处理方法

1. 微信页面的测试:涉及获取登录用户信息的,可自行通过造假数据的方式向数据库中添加一个用户,然后使用auth的登录界面登录,之后,就可以正常的测试微信相关页面了

2. 二分法查错

  • 打开自己要检查的视口的代码编辑界面,调出代码段管理界面
  • 在代码段管理界面,将调试代码段插入到所有代码的中间位置(大致是中间位置即可),发布
  • 在浏览器中打开出错的页面,按 F12打开浏览器的开发者工具,切换到console,在页面上触发要测试的视口(即想办法让要测试的视口被调用执行一次),常见方法如下:
    • 刷新页面
    • 点击按钮
  • 查看console处显示出的log信息
    • 如果调试代码段应该输出的内容正确输出了,则可以确定问题出现在调试代码段之后的代码段中,在出错的这部分代码段的中间位置再次插入调试代码段,重复上述操作,直至找到问题所在
    • 如果调试代码段应该输出的内容没有正确输出,则可以确定问题出现在调试代码段之前的代码段中,在出错的这部分代码段的中间位置再次插入调试代码段,重复上述操作,直至找到问题所在

3. 手机端调试方法(手机端无法看到log信息,不知道怎么调试)

    解决方案1:当测试页面是pc版时,直接在电脑上进行测试。

    当测试页面是手机版(移动端使用)时,因为一些元素的效果只有在手机端才能看到,所以我们需要使用手机测试本地(虚拟机中)的页面

  1. 根据 文档创建热点并用手机链接
  2. 使用 vorlon.js文档调试要测试的页面
    1. 如果页面可以直接用手机流程器调试,可以在pc上访问,然后使用​ Anything to QRcode对页面生成二维码,手机浏览器直接访问
    2. 如果页面只能在app中调试,需要对项目进行打包
  3. 测试是否通过
    1. 通过的标准
      1. 没有传递参数时,不会出现未知错误(出现的报错信息,必须是自定义的)
      2. 数据库没有相关数据时,不会出现未知错误
      3.  数据库存在数据时,不会出现未知错误
      4. 页面发生点击或其他事件时也不会出现未知错误
    2. 未通过,对页面进行调试
      1.  检查上传文件控件处,是否在input上设置id/name;
      2. 检查提交数据处id是否与input设置的一致;
      3. 检查输入参数设置,是否设置base64位兼容;
      4.  检查文件上传代码段

      解决方案2:使用usb数据线将手机连接电脑,直接在电脑上进行测试,可以在pc端看到手机端无法看到log信息。

  1. 获取测试手机
    1. 找手机(安卓系统或ios系统)
    2. 手机下载相关项目app安装包
  2. 通过下载相关项目app安装包测试步骤如下
    1. 测试手机使用需确认已打开-开发者模式 以及 usb调试
    2. 使用usb数据线将手机连接电脑
    3. 使用chrome浏览器打开页面 - chrome://inspect/#devices
    4. 注意需勾选 -Discover USB devices
    5. 确认可正常搜索到测试手机
  3. 点击inspect调试页面(此时可在pc的浏览器中查看到手机访问的页面并可以在浏览器中查看console/network)

4.针对不是立即执行的功能(例如:10天后才能测试的功能)想办法在本地测试满足所有条件(例如:修改本地数据库、修改虚拟机时间等)在本地测试通过。

5.可以通过 console.log方式查看变量的值,也可以通过日志模块( req.syslog)中的信息来调试,访问对应项目的"/api/index.html"(需要root用户登录,默认密码为wware,如果不正确你咨询组长),访问系统日志功能

1)如果在更新svn项目,全站发布后,访问页面提示404请反馈给组长,增加api和syslog模块

2)如果需要查看后端中某个变量的值,请使用req.syslog( XX变量XXX );更多自行查看日志模块的说明