我是一名前端开发人员,主要编写CSS、HTML和Javascript代码(按照这个顺序),我做的工作大多是以设计为主导。虽然使用CSS创建的设计质量是主观的,但其中很多编码仅仅是功能性/布局性的,我对任何自动化测试网页的方法都感兴趣。
我的问题可以分成两部分:
是否有人已经有了现有的技术或者建议来自动测试CSS或HTML,特别是关于跨浏览器兼容性的?
CSS可以大致分为控制布局和控制设计的属性两类,那么自动化测试只适用于布局(例如不能自动且有价值地测试颜色是否正确)吗?如果是这样的话,哪些CSS值可能适合进行布尔接受测试?
以下是我最初的布尔布局值示例,也许还有其他的呢?
- 弹出窗口是否在其他内容上面显示(z-index)
- 页脚是否清除所有其他内容(float)
感谢您的帮助。当然,问题的第三部分是“我走下这条路是否浪费了时间?”
*****编辑*****
我找到了这篇文章,它问了我所问的同样的问题,但更加深入和优美。
http://www.morethanseven.net/2008/10/13/unit-testing-css-looking-solution/
前进中,我正在尝试从我的工作中抽出一些例子,其中仅使用CSS就导致功能错误,但迄今为止我发现的这些都是JS 和 CSS结合使用时的错误。我仍然希望自动测试这些类型的错误,但认识到如果使用了javascript,它就超出了我最初的问题范围。
***** 编辑2 *****
我后来在博客中详细介绍了我是如何解决这个问题的,相关内容可以在这里找到: