blob: f916c31cdc00dea026f69b009d3b1268897607f9 [file] [log] [blame]
<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<style>
div {
width: 100px;
@apply --foo;
height: 100px;
}
</style>
<script>
var rule = document.styleSheets[0].cssRules[0];
var style = rule.style;
test(function(){
var expected = "width: 100px; @apply --foo; height: 100px;"
assert_equals(rule.cssText, "div { " + expected + " }");
assert_equals(style.cssText, expected);
}, "@apply should serialize correctly in cssText");
test(function(){
assert_equals(style.item(0), "width");
assert_equals(style.item(1), "@apply");
assert_equals(style.item(2), "height");
}, "CSSStyleDeclaration.item should work with @apply");
</script>