Index: third_party/WebKit/LayoutTests/fast/css/atapply/at-apply-cssom-apis.html |
diff --git a/third_party/WebKit/LayoutTests/fast/css/atapply/at-apply-cssom-apis.html b/third_party/WebKit/LayoutTests/fast/css/atapply/at-apply-cssom-apis.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f916c31cdc00dea026f69b009d3b1268897607f9 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/css/atapply/at-apply-cssom-apis.html |
@@ -0,0 +1,26 @@ |
+<!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> |