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

Side by Side Diff: LayoutTests/fast/exclusions/shape-inside/shape-inside-rounded-rectangle-fit-002-expected.html

Issue 14959014: [CSS Exclusions] Programmatic layout tests fail when subpixel layout is disabled (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Updated per review feedback. Created 7 years, 7 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <script src="../resources/subpixel-utils.js"></script> 4 <script src="../resources/subpixel-utils.js"></script>
5 <script> 5 <script>
6 if (window.internals) 6 if (window.internals)
7 window.internals.settings.setCSSExclusionsEnabled(true); 7 window.internals.settings.setCSSExclusionsEnabled(true);
8 </script> 8 </script>
9 <!-- 9 <!--
10 In this test the shape-inside shape is a rounded rectangle configured as a circl e with radius of 100px. 10 In this test the shape-inside shape is a rounded rectangle configured as a circl e with radius of 100px.
(...skipping 29 matching lines...) Expand all
40 width: 200px; 40 width: 200px;
41 height: 200px; 41 height: 200px;
42 font: 141.421356px/1 Ahem, sans-serif; 42 font: 141.421356px/1 Ahem, sans-serif;
43 color: green; 43 color: green;
44 } 44 }
45 </style> 45 </style>
46 </head> 46 </head>
47 <body onload="init()"> 47 <body onload="init()">
48 <script> 48 <script>
49 function init() { 49 function init() {
50 if (!SubPixelLayout.isSubPixelLayoutEnabled()) 50 if (!SubPixelLayout.isEnabled())
51 document.getElementById("shape-inside").style.top = "30px"; 51 document.getElementById("shape-inside").style.top = "30px";
52 } 52 }
53 </script> 53 </script>
54 <p>The green rectangle should appear within the grey circle.</p> 54 <p>The green rectangle should appear within the grey circle.</p>
55 <div id="shape-container"> 55 <div id="shape-container">
56 <div id="shape-background"></div> 56 <div id="shape-background"></div>
57 <div id="shape-inside">X</div> 57 <div id="shape-inside">X</div>
58 </div> 58 </div>
59 </body> 59 </body>
60 </html> 60 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698