CSS单元测试

Question

一些快速搜索发现,我显然不是第一个有这种想法的人"我可以单独测试我的CSS吗？" .

我想知道是否有人在这里成功进行了CSS单元测试？如果你已经尝试过失败,或者只是有自己的理论,请告诉我为什么(显然)还没有完成？

Answer 1

您可以使用Selenium,这是一个Web测试框架.通过这种方式,您可以断言要将哪些样式应用于DOM等元素.

否则,不确定你的目标是什么.正如其名称所示,单元测试测试'单元',对我来说,这只对代码有意义,而不是css.

好的,你选择了一个非常狭窄的'代码'定义.按照这个定义,'ASCII'中的C没有意义. (20认同)
它不是一种编程语言.但它是代码.就像HTML是代码一样. (13认同)
实际上CSS3 _is_(可以说)图灵完成:) (9认同)
好吧,CSS是代码,......有点儿.无论如何,更改输入(CSS文件)将更改输出(视觉效果),并且我想对输出进行断言 - 检查段落中的字体大小是否永远不同 - 检查文本是否与网格对齐正确等 (4认同)
再次,抱歉不得不反对.代码是由机器执行的.HTML是标记. (3认同)
“代码是由机器执行的东西。” Haskell、HTML 和 CSS 都是由机器解释和执行的。https://en.wikipedia.org/wiki/Declarative_programming (2认同)

Answer 2

有一个名为Quixote的新css单元测试库.它不是直观地比较图像,而是查看代码.与Selenium不同,您不必断言特定样式,而是可以说"它应该居中"或"左侧应该在此另一个元素的右侧10px".