TDD /测试CSS和HTML？

Question

有没有办法测试CSS和HTML？例如:有时一些通知会受到一些CSS更改的影响.每次做出改变时,我都不想手工测试所有通知.

谢谢

Answer 1

自动化布局测试非常困难.但是,要大幅减少所需的时间和精力并不是太困难,以便您可以手动完成,但速度非常快.

你可以试试Blink测试.

我听说它用于这样的网站.

1. 编写一个遍历您网站的脚本,访问尽可能多的页面.
2. 在每个页面,拍摄一个屏幕截图.
3. 将所有屏幕截图组合成一个"电影",每个屏幕截图只有一两秒钟.
4. 现在,每天你都可以"播放"电影并观看任何问题.

您甚至可以扩展bcarlso的方法,但用目视检查替换MD5检查.每个页面显示1秒钟 - 首先是已知商品,然后是新商品.您可以将它们交替几次,这样任何明显的错误都会显示为闪烁.

可以在几分钟内检查一个包含数百页的网站.您可能认为这不会提供足够的时间来查找问题,但它可以非常有效地识别您网站的明显问题.

任何有重大布局问题的页面都会弹出,因为它们与所有其他页面的模式不匹配.

Answer 2

我相信Selenium可以为您测试您的前端。特别是对于浏览器兼容性测试，请查看Selenium RC。