我使用C＃，我为我的代码编写了有效的自动化测试，这些测试可以保证我们业务的核心是系统的功能。
现在我在一家广告公司工作，现在我们的大问题是接口/设计问题，例如未对齐的元素，颜色，文本字体，javascript功能，如fadeIn / fadeOut和slideIn / slideOut元素，css问题，如重叠元素{ {1}}，等等......
像Selenium / WatiN这样的工具不适合我，因为这些工具用于测试功能。不是设计（HTML，CSS）本身。设计中的HTML / CSS / Javascript（非功能性）很脆弱。
今天，在设计中一起测试HTML / CSS / Javascript的最佳方法是手动测试：人在页面上寻找错误。
有一种有效的方法可以自动测试这些东西吗？
答案 0 :(得分：0)
我不确定如何测试淡入和淡出等动态内容，但可以用苛刻的方式检查静态布局，恕我直言。作为一项规则，您应该将设计（化妆，mokup）作为每个页面的图像。然后使用Selenium或其他自动化工具拍摄每个页面的快照，并将它们与相应的设计进行比较。理想情况下，应该逐像素匹配，但您可以管理一些容差。
答案 1 :(得分：0)
您可以使用验证器来验证这些验证器。
实施例： HTML（http://validator.w3.org/）
CSS（http://csslint.net/）
没有真正的方法来测试这些“整体”。原因是HTML和CSS是视觉“表示”层。在这些语言中，不同的浏览器根据其版本可以呈现元素，动作，事件等等。相信我，作为前端开发人员，这是一个很大的挫败感。
现在大多数JavaScript框架都拥有所有主流浏览器支持（IE6 +，FFOX，Chrome，Safari，Opera等）
这是一个会告诉您与HTML5和CSS3兼容的网站： http://findmebyip.com/litmus
再次，对不起但是没有办法（至少我知道全球“测试”）所有这些事情。
如上所述，JsLint可能是您能够在环境中进行测试的最接近的东西。但是，它不会检查您的HTML或CSS与JavaScript语法的一致性，以及正确显示的预期结果。
由于多年来浏览器的糟糕程度以及缺乏标准，因此没有“通用”测试方法。
如果您只想“测试”网站在“每个已知浏览器”中的显示方式，那么您将需要查看以下内容： http://browsershots.org/
但是，它不会测试您的Javascript。