我是一个编码CSS,HTML和Javascript(按顺序)的前端开发人员,我所做的大部分工作都是设计引导。虽然我使用CSS创建的设计的质量是主观的,但大部分编码是纯粹的功能/布局,我有兴趣以任何方式自动测试我的页面。
我的问题可以分为两部分
>有谁有任何现有的
技术或建议
自动测试CSS或HTML,
特别是在这方面
跨浏览器兼容性?
>因为CSS可以大致分割
控制布局的属性
而那些控制设计的则是
自动测试只适用于
布局(这是不可能的
自动和有价值地测试
一个颜色是正确的,例如)?如果是这样,什么
一些CSS值可能是合适的
用于布尔验收测试?
这是我可以测试的布尔布局值的初始例子 – 必须有其他的?
>弹出式窗口出现在其他内容之上(z-index)
>页脚是否清除所有其他内容(浮动)
谢谢你的帮助。问题的第三部分当然是“我在浪费我的时间下降这条路线”。
*****编辑*****
我发现这篇文章提出了我所问的相同问题,但更深入,更有说服力。
http://www.morethanseven.net/2008/10/13/unit-testing-css-looking-solution/
前进我试图从我的工作中分离出一些例子,其中CSS单独引起了功能错误,但是我发现的那些迄今为止是JS和CSS组合的错误。我仍然希望自动测试这些错误,但是要感谢使用javascript,它超出了我原来的问题的范围。
*****编辑2 *****
我已经写了关于我如何设置解决这个问题,可以在这里: