自动测试CSS和HTML前端编码

前端之家收集整理的这篇文章主要介绍了自动测试CSS和HTML前端编码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是一个编码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 *****

我已经写了关于我如何设置解决这个问题,可以在这里:

http://blog.ajcw.com/2010/12/automated-css-testing-or-how-one-css-coder-is-now-responsible-for-breaking-%E2%80%93-and-fixing-%E2%80%93-the-build/

解决方法

看看 Selenium – 它是一个基于浏览器的自动测试工具。我认为这是你正在寻找的。

它适用于所有浏览器(在Firefox中有一个IDE用于创建测试脚本,但脚本本身可以在任何浏览器中运行)

它允许您在脚本期间的任何时间测试DOM等的内容与预期输出

猜你在找的CSS相关文章