Chromium Code Reviews Chromium Code Reviews
Issue 2416893002:
CSSMediaRule and CSSSupportsRule inherit from CSSConditionRule (Closed)
| Index: third_party/WebKit/LayoutTests/css3/media-cssom.html |
| diff --git a/third_party/WebKit/LayoutTests/css3/media-cssom.html b/third_party/WebKit/LayoutTests/css3/media-cssom.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..772673af27f21888854591c370cc8b576cbb1d11 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/css3/media-cssom.html |
| @@ -0,0 +1,46 @@ |
| +<!DOCTYPE html> |
| +<script src="../resources/testharness.js"></script> |
| +<script src="../resources/testharnessreport.js"></script> |
| +<style> |
| + @media screen and (min-width: 480px) { |
| + body { background-color: lightgreen; } |
| + } |
| + @media { |
| + body { background-color: red; } |
| + } |
| +</style> |
| +<p>Test for @media CSSOM <a href="http://crbug.com/651792">bug 651792</a>.</p> |
| +<script> |
| + var rules = document.styleSheets[0].cssRules; |
| + test(function(){ |
| + assert_equals(CSSRule.STYLE_RULE,1); |
| + assert_equals(CSSRule.MEDIA_RULE,4); |
| + assert_equals(rules.length, 2); |
| + assert_equals(rules[0].type, 4); |
| + assert_equals(rules[0].cssRules.length, 1); |
| + assert_equals(rules[0].cssRules[0].type, 1); |
| + assert_equals(rules[0].media.mediaText, "screen and (min-width: 480px)"); |
| + assert_equals(rules[0].conditionText, "screen and (min-width: 480px)"); |
| + assert_equals(rules[0].media.mediaText,rules[0].conditionText); |
| + assert_equals(rules[0].cssText, |
| + "@media screen and (min-width: 480px) { \n" + |
| + " body { background-color: lightgreen; }\n" + |
| + "}"); |
| + }, "@media inherited from CSSConditionRule."); |
|
foolip
2016/10/17 09:25:40
Can you add explicit tests for the prototype chain
|
| + |
| + test(function(){ |
| + assert_equals(CSSRule.STYLE_RULE,1); |
| + assert_equals(CSSRule.MEDIA_RULE,4); |
| + assert_equals(rules.length, 2); |
| + assert_equals(rules[1].type, 4); |
| + assert_equals(rules[1].cssRules.length, 1); |
| + assert_equals(rules[1].cssRules[0].type, 1); |
| + assert_equals(rules[1].media.mediaText, ""); |
| + assert_equals(rules[1].conditionText, ""); |
| + assert_equals(rules[1].media.mediaText,rules[1].conditionText); |
| + assert_equals(rules[1].cssText, |
| + "@media { \n" + |
| + " body { background-color: red; }\n" + |
| + "}"); |
| + }, "@media inherited from CSSConditionRule, empty media."); |
| +</script> |
