Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(92)

Side by Side Diff: LayoutTests/fullscreen/rendering/ua-style-root.html

Issue 974783002: Match the Fullscreen spec's CSS as far as currently practical (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: disambiguate Fullscreen UA style sheet Created 5 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/fullscreen/rendering/ua-style-override.html ('k') | Source/core/css/fullscreen.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE html>
2 <title>Fullscreen UA style sheet does not apply to the :root element</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 :root {
8 /* The Fullscreen UA style sheet excludes :root from the size- and
9 * position-related rules. To verify that none of them in fact apply,
10 * override the properties which would otherwise (incidentally) match. */
11 margin: 10px;
12 min-width: 50%;
13 max-width: 50%;
14 min-height: 50%;
15 max-height: 50%;
16 transform: translate(0, 0);
17 }
18 </style>
19 <div id="log"></div>
20 <script>
21 async_test(function()
22 {
23 var root = document.documentElement;
24 assert_true(root.matches(":root"));
25
26 document.addEventListener("fullscreenchange", this.step_func_done(function()
27 {
28 var style = getComputedStyle(root);
29 // No properties should match the Fullscreen UA style sheet.
30 assert_not_equals(style.position, "fixed");
31 assert_not_equals(style.top, "0px");
32 assert_not_equals(style.right, "0px");
33 assert_not_equals(style.bottom, "0px");
34 assert_not_equals(style.left, "0px");
35 assert_not_equals(style.margin, "0px");
36 assert_not_equals(style.boxSizing, "border-box");
37 assert_not_equals(style.minWidth, "0px");
38 assert_not_equals(style.maxWidth, "none");
39 assert_not_equals(style.minHeight, "0px");
40 assert_not_equals(style.maxHeight, "none");
41 assert_equals(style.width, window.innerWidth / 2 + "px");
42 assert_equals(style.height, window.innerHeight / 2 + "px");
43 assert_not_equals(style.objectFit, "contain");
44 assert_not_equals(style.transform, "none");
45 }));
46
47 trusted_request(root, root);
48 });
49 </script>
OLDNEW
« no previous file with comments | « LayoutTests/fullscreen/rendering/ua-style-override.html ('k') | Source/core/css/fullscreen.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698