Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 2 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /css/css-syntax/at-rule-in-declaration-list.html - WPT Dashboard Interop Dashboard
<!doctype html>
<title>CSS Syntax Test: handle at-rules in declaration lists</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style id="test_sheet">
</style>
<script>
function parseRule(rule_text) {
let sheet = test_sheet.sheet;
if (sheet.cssRules.length != 0)
sheet.deleteRule(0);
sheet.insertRule(rule_text);
return sheet.cssRules[0];
}
test(() => {
let rule = parseRule(`
div {
@at {}
color: green;
}
`);
assert_equals(rule.style.color, "green");
}, "Allow @-rule with block inside style rule");
test(() => {
let rule = parseRule(`
div {
@at at;
color: green;
}
`);
assert_equals(rule.style.color, "green");
}, "Allow @-rule with semi-colon inside style rule");
test(() => {
let rule = parseRule(`
@page {
@at {}
margin-top: 20px;
}
`);
assert_equals(rule.style.marginTop, "20px");
}, "Allow @-rule with block inside page rule");
test(() => {
let rule = parseRule(`
@page {
@at at;
margin-top: 20px;
}
`);
assert_equals(rule.style.marginTop, "20px");
}, "Allow @-rule with semi-colon inside page rule");
test(() => {
let rule = parseRule(`
@font-face {
@at {}
font-family: myfont;
}
`);
assert_equals(rule.style.fontFamily, "myfont");
}, "Allow @-rule with block inside font-face rule");
test(() => {
let rule = parseRule(`
@font-face {
@at at;
font-family: myfont;
}
`);
assert_equals(rule.style.fontFamily, "myfont");
}, "Allow @-rule with semi-colon inside font-face rule");
</script>