Index: LayoutTests/imported/web-platform-tests/html/semantics/document-metadata/the-style-element/style_media.html |
diff --git a/LayoutTests/imported/web-platform-tests/html/semantics/document-metadata/the-style-element/style_media.html b/LayoutTests/imported/web-platform-tests/html/semantics/document-metadata/the-style-element/style_media.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..63c26a86d9991765b9d93c9477e23c21e8c89aaa |
--- /dev/null |
+++ b/LayoutTests/imported/web-platform-tests/html/semantics/document-metadata/the-style-element/style_media.html |
@@ -0,0 +1,40 @@ |
+<!DOCTYPE html> |
+<html> |
+ <head> |
+ <meta charset="utf-8"> |
+ <title>HTML Test: The style information must be applied to the environment specified by the media attribute</title> |
+ <link rel="author" title="Intel" href="http://www.intel.com/"> |
+ <link rel="help" href="https://html.spec.whatwg.org/multipage/#attr-style-media"> |
+ <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-style-element"> |
+ <script src="../../../../../../resources/testharness.js"></script> |
+ <script src="../../../../../../resources/testharnessreport.js"></script> |
+ <style> |
+ #test { |
+ width: 100px; |
+ } |
+ </style> |
+ <style id="style"> |
+ #test { |
+ width: 50px; |
+ } |
+ </style> |
+ </head> |
+ <body> |
+ <div id="log"></div> |
+ <div id="test"></div> |
+ <script> |
+ test(function() { |
+ var testElement = document.getElementById("test"); |
+ var style = document.getElementById("style"); |
+ var width1, width2; |
+ |
+ width1 = window.getComputedStyle(testElement, false)["width"]; |
+ assert_equals(width1, "50px", "The style should be applied."); |
+ |
+ style.media = "print"; |
+ width2 = window.getComputedStyle(testElement, false)["width"]; |
+ assert_equals(width2, "100px", "The style should not be applied."); |
+ }, "The style information must be applied to the environment specified by the media attribute"); |
+ </script> |
+ </body> |
+</html> |