css - 有没有 CSS 语法测试套件？

Question

我正在编写一个自定义 CSS 解析器，并希望用它来为我的应用程序(而非 HTML)中的图形元素设置样式。当涉及到选择器的优先级、“级联”等时，我想确保这符合通常的 CSS 行为。

是否有我可以用于该元素的综合 CSS 测试套件？

我的 CSS 具有大多数常规语法功能(例如匹配“标签”名称、ID、类、伪类)，并且将与 HTML 的 CSS 共享许多格式选项，但也有不同的选项，以适合于“文档”我正在设计。

我一直在寻找一个 CSS 测试套件来检查我的实现，但我能找到的只有一个，比如 W3C test suite , 主要关注文档的视觉表示。我正在寻找机器可读或易于改编的东西，并练习 CSS 引擎而不是布局引擎。类似于(伪测试规范):

Stylesheet
    blah.blub { color: red; }
    .blub { color: blue; }

+ Document
    <blah class="blub" />

=> Expected result:
    <blah class="blub" style="color: red" />

或

assert selector "#blub" matches element "moo#blub"
assert selector "blah#blub" does not match element "moo#blub"
...

我还想测试 CSS 速记的行为(例如 line 与 line-color)，以防我实现的它们与 HTML 相同。例如

line: 1px solid blue;
line-color: red;

产生一条“1px 实心红色”线。有什么想法吗？

Answer 1

我怀疑是否存在仅适用于 CSS 的 css 选择器测试套件。由于 CSS 被开发为一种配套技术(并不是说它不能用于其他地方，但它并不常见)测试套件专注于这种关系并且通常在浏览器中运行，such as this one .

CSS 选择器的通用测试套件只能是一个语法检查器。除非样式应用于某些东西，否则您将无法看到 CSS 解析器是否正常工作，对吧？

但上面的套件为不同的 CSS3 选择器(包括旧版本，因为它们仍然是 CSS3 的一部分)提供了大约 500 个测试，您至少应该能够将其用作您的实现的规范。

如果您使用外部库来处理 HTML，您可以插入 CSS 解析器并使用现有的 HTML/CSS 套件来测试解析器引擎。但这可能工作量太大了？如果没有，看看 Chromium，看看他们的设计是否足够模块化以允许插入一个永恒的 CSS 解析器......