自动 CSS 测试

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

Simon Madine 正在领导被忽视的 CSS 测试领域。据我所知,以下是目前的情况。

测试类型

CSS 测试有四种不同的类别

语法

你的 CSS 中是否存在文字错误?

项目

此 CSS 是否符合您设定的标准?

参考

渲染后的页面是否符合您的预期?包括跨浏览器兼容性。

回归

执行操作后,页面是否符合您的预期?


我个人最感兴趣的是回归测试。例如:我推送了生产代码,其中更改了页眉的 z-index。我手动测试了一些内容,看起来还不错。但是,有一种类型的警报消息可能会显示,而我忘记测试它,结果该消息的 z-index 较低,完全被页眉隐藏了。我们绞尽脑汁试图找出消息为何不显示的原因。通过回归测试,可以声明要在页面上执行的操作,然后测试事物是否按预期显示。

资源

Simon 是这方面的专家,所以请了解更多信息并了解有哪些工具可以帮助您处理他工作中的不同类型。

回归测试工具和信息