尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

nVisual 设备建模踩坑记:组件保存后位置错乱怎么办?

nVisual 设备建模踩坑记:组件保存后位置错乱怎么办? 入职刚接触 nVisual 平台不久边测边学把遇到的问题和解决方法记录下来既是总结也是分享。一、客户问题最近在 nVisual 上做设备建模测试有个问题反复折腾了我好几次。流程很简单先画一个设备然后在设备上添加组件——比如端口图标、设备标签图片之类的把它们拖到合适的位置摆好点击保存。一切看起来都没问题。但当我关掉页面再重新打开这个设备时问题来了之前摆好的组件位置全歪了有的跑到了左上角有的偏离到完全不对的位置而且部分组件怎么点都选不中。一开始我以为是自己操作不对重新摆了一遍又一遍保存、刷新、再保存还是时不时出现位置错乱。这对用户来说体验太差了。如果是客户在画设备模型每个组件都要反复调整位置根本没法正常交付。我作为一个刚入门的测试实习生虽然技术深度有限但我觉得这种能稳定复现的问题正是最适合我来写的常见问题解答。二、解决方案能稳定复现之后我拿着截图去找了负责这个模块的开发同事。他让我打开浏览器的开发者工具F12看了一下 Network 面板里的接口数据告诉我保存的时候前端把坐标数据正常传给了后端数据库里存的也没问题但重新加载设备时后端返回的数据里组件坐标字段被漏掉了全变成了默认值 0。开发同事解释说这就是典型的字段映射遗漏——数据存的时候是对的但取出来返回给前端的时候少传了几个字段导致前端拿到的坐标全是 0组件就全部跑回原点左上角去了。作为实习生我之前遇到这种问题根本不知道从哪查起这次跟着开发同事走了一遍排查流程才明白原来不需要改代码也能定位问题——对比一下存了什么和返回了什么数据对不对一眼就能看出来。第三步提bug给开发我把复现步骤和两次接口数据的对比截图整理好直接提了 Bug。开发同事很快确认是字段映射遗漏修复后就交回给我验证了。第四步回归测试修复后我把之前的场景重新跑了一遍单组件、多组件、不同缩放比全都正常了框选功能也恢复了。回归通过Bug 关闭。三、客户收益这次排查对我这个实习生来说收获挺大的第一学到了排查方法。以前遇到页面显示不对的问题不知道从哪下手现在知道先对比保存时传了什么、加载时返回了什么数据对不对一目了然。第二形成了一份小 Checklist。单组件 / 多组件 / 不同缩放比 / 框选功能这四项以后测设备建模模块可以直接用。第三对测试工作有了感觉。测试不是点点点是发现问题、定位问题、推动修复、验证关闭这套完整流程。把这个过程写成文章分享出来既是自己的总结也希望能帮到遇到同类问题的人。
返回列表