Chromium Code Reviews Chromium Code Reviews
Issue 974783002:
Match the Fullscreen spec's CSS as far as currently practical (Closed)
Base URL: svn://svn.chromium.org/blink/trunk| Index: LayoutTests/fullscreen/rendering/ua-style-root.html |
| diff --git a/LayoutTests/fullscreen/rendering/ua-style-root.html b/LayoutTests/fullscreen/rendering/ua-style-root.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..f265387110590be199942e105eba788706493360 |
| --- /dev/null |
| +++ b/LayoutTests/fullscreen/rendering/ua-style-root.html |
| @@ -0,0 +1,49 @@ |
| +<!DOCTYPE html> |
| +<title>Fullscreen UA style sheet does not apply to the :root element</title> |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| +<script src="../trusted-event.js"></script> |
| +<style> |
| +:root { |
| + /* The UA style sheet excludes :root from the size- and position-related |
| + * rules. To verify that none of them in fact apply, override the properties |
| + * which would otherwise (incidentally) match the UA style sheet. */ |
| + margin: 10px; |
| + min-width: 50%; |
| + max-width: 50%; |
| + min-height: 50%; |
| + max-height: 50%; |
| + transform: translate(0, 0); |
| +} |
| +</style> |
| +<div id="log"></div> |
| +<script> |
| +async_test(function() |
| +{ |
| + var root = document.documentElement; |
| + assert_true(root.matches(":root")); |
| + |
| + document.addEventListener("fullscreenchange", this.step_func_done(function() |
| + { |
| + var style = getComputedStyle(root); |
| + // No properties should match the UA style sheet. |
|
Julien - ping for review
2015/03/05 18:19:03
You probably meant the UA fullscreen style sheet.
philipj_slow
2015/03/06 02:43:40
I've disambiguated "UA style sheet" in all of the
|
| + assert_not_equals(style.position, "fixed"); |
| + assert_not_equals(style.top, "0px"); |
| + assert_not_equals(style.right, "0px"); |
| + assert_not_equals(style.bottom, "0px"); |
| + assert_not_equals(style.left, "0px"); |
| + assert_not_equals(style.margin, "0px"); |
| + assert_not_equals(style.boxSizing, "border-box"); |
| + assert_not_equals(style.minWidth, "0px"); |
| + assert_not_equals(style.maxWidth, "none"); |
| + assert_not_equals(style.minHeight, "0px"); |
| + assert_not_equals(style.maxHeight, "none"); |
| + assert_equals(style.width, window.innerWidth / 2 + "px"); |
| + assert_equals(style.height, window.innerHeight / 2 + "px"); |
| + assert_not_equals(style.objectFit, "contain"); |
| + assert_not_equals(style.transform, "none"); |
| + })); |
| + |
| + trusted_request(root, root); |
| +}); |
| +</script> |
