ui自动化测试怎么判断页面的样式有没有变化

霍格沃兹答疑区
1

需求是在每次发完版本后，想判断前端页面的样式是不是有变化，例如颜色，字体，排列方式是不是符合预期，怎么检验这些样式问题。

2

样式或者字体变化提供两种解决方案：

  • 对页面进行分批截图，然后和上次的截图进行图片的diff
  • 保存之前的css，js，然后和这次的js进行对比，可能有问题的地方在于有些时候js不是改样式，是搞其他东西就很难判断