ladybird/Tests/LibWeb/Text/input/css/custom-ident-parsing.html
Sam Atkins 6ae2b8c3d9 LibWeb/CSS: Parse custom-idents more consistently
These have a few rules that we didn't follow in most cases:
- CSS-wide keywords are not allowed. (inherit, initial, etc)
- `default` is not allowed.
- The above and any other disallowed identifiers must be tested
  case-insensitively.

This introduces a `parse_custom_ident_value()` method, which takes a
list of disallowed identifier names, and handles the above rules.
2024-07-27 14:45:33 +02:00

14 lines
679 B
HTML

<script src="../include.js"></script>
<div id="foo"></div>
<script>
test(() => {
const foo = document.getElementById("foo");
println(`Before testing: ${getComputedStyle(foo).getPropertyValue("animation-name")}`);
const cases = [ 'badger', 'none', 'BANANA', 'NONE', 'InHeRiT', 'revert', 'initial', 'unset', 'george', 'REVERT', 'NaCl', 'default', 'string', '32', 'done' ];
for (const name of cases) {
foo.style.setProperty('animation-name', 'INVALID');
foo.style.setProperty('animation-name', name);
println(`${name}: ${getComputedStyle(foo).getPropertyValue("animation-name")}`);
}
});
</script>