OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <title>Fullscreen UA style sheet cannot be overriden by author style for iframes
</title> |
| 3 <script src="../../resources/testharness.js"></script> |
| 4 <script src="../../resources/testharnessreport.js"></script> |
| 5 <script src="../trusted-event.js"></script> |
| 6 <style> |
| 7 iframe { |
| 8 border: 10px solid red !important; |
| 9 padding: 10px !important; |
| 10 } |
| 11 </style> |
| 12 <div id="log"></div> |
| 13 <iframe></iframe> |
| 14 <script> |
| 15 async_test(function() |
| 16 { |
| 17 var iframe = document.querySelector("iframe"); |
| 18 |
| 19 // Initial style is from inline stylesheet. |
| 20 var style = getComputedStyle(iframe); |
| 21 assert_equals(style.border, "10px solid rgb(255, 0, 0)"); |
| 22 assert_equals(style.padding, "10px"); |
| 23 |
| 24 document.addEventListener("fullscreenchange", this.step_func_done(function() |
| 25 { |
| 26 // The Fullscreen UA style sheet removes border and padding. |
| 27 var style = getComputedStyle(iframe); |
| 28 assert_equals(style.border, "0px none rgb(0, 0, 0)"); |
| 29 assert_equals(style.padding, "0px"); |
| 30 })); |
| 31 |
| 32 trusted_request(iframe); |
| 33 }); |
| 34 </script> |
OLD | NEW |