前端自动化方案Cypress_大霞上仙

个人资料

微博

正文字体大小：大中小

前端自动化方案Cypress

(2022-04-03 15:00:43)

标签：

分类：测试

前端自动化方案

前端自动化是基于Cypress自动化测试框架+可视化插件cypress-plugin-snapshots构成的可视化测试方案：

* mock接口返回结果，保证接口返回结果不变即页面展示内容不变

* 生成基线图，按照页面功能模块，获取元素并截图

* 结果校验，运行时的页面截图并与基线图对比是否一致，来确认页面图表、数据展示和前后端映射关系是否正确

同时解决了数据看板前端自动化的3个难点：

* 页面的图、表和字段特别多，自动化用例编写比较耗时且脚本代码行数很多

* 字段数值不易获取，趋势图和分析图的数值只有在鼠标悬浮的时候，才能在页面元素中获取到

* 数值实时变动，页面的数据为实时数据，会不断更新，相同的查询条件在不同时间查询结果也不同

方案优点：

* 环境搭建，Cypress自带的mock功能和可视化插件，可以开箱即用，极大的降低了自动化环境的搭建成本

* 用例编写，采用可视化测试方案减少页面元素获取和断言代码的编写，简化了用例代码，提高了编写效率

* 用例维护，页面有改动，不用修改代码，只需删除并重新生成基线图即可，降低了自动化用例维护成本

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report