用于测试CSS代码的技术有哪些？

Question

我们有一些内部应用程序将重用相同的CSS代码库。

基本上，这些CSS文件是SCSS文件，我们正在大力利用Twitter Bootstrap来减少开发。但随着更多内部应用程序使用这些样式表，我想知道我们可以实施哪些做法，以确保我们不会破坏依赖应用程序与我们的内部版本。

所以我的问题是：

如果有的话，通过自动化测试CSS代码有哪些不同的方法？

Answer 1

我们在一艘类似的船上;管理所有公司应用程序中使用的CSS组件库的小团队。我们必须制作高质量的代码，并采用多种技术来确保这种情况发生。

首先使用W3C CSS验证器测试代码验证，然后我们继续使用CSSLint测试编码标准。

一旦我们为一个版本分支，我们使用PhantomCSS执行视觉回归测试，这很好，但仅限于能够在无头WebKit浏览器中进行回归测试。我相信Selenium会是一个更好的选择，因为它可以直接与实际浏览器连接，这意味着它可以用于测试真正的WebKit浏览器，IE和你需要支持的任何其他东西。我发现Selenium测试很难设置（我不是程序员），我希望CSS峰会上的Automated CSS Testing talk有助于填补空白。