Testing 布局测试-Web测试

对于布局测试，我想知道最好的方法

根据链接，他们建议浏览快照

我想知道你们中是否有人在项目中使用过谷歌版面检测工具

请分享您对使用自动化验证布局问题的想法

谢谢，

---

湿婆这是一个模糊而宽泛的问题，但我将尝试回答它：

是的，我用过这个。Michael Tamm及其同事更好地表达了我的想法。大约五周前，当我实施与布局错误作斗争时，我制作了一些视频，这些视频很有帮助：

---

您可以使用Galen框架进行此操作，请参见此处的介绍：

基本上，您在DSL中定义了自己的规格：

@ Overall layout | *
--------------------------
content
   visible
navbar
   visible
content
   below: navbar 370 to 410 px


@ navigation hidden on mobile | mobile
--------------------------
navbar-item-*
   absent


@ navigation shown on desktop | desktop
--------------------------
navbar-item-*
   visible   


@ Content should fit to screen size | mobile
--------------------------
content
   width: 100% of screen/width


@ Content should fit to screen size | desktop
--------------------------
content
   width: 80 to 90% of screen/width

您可以在此处找到更多示例代码：