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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/regions/offsetLeft-offsetTop-in-multiple-regions.html

Issue 15780003: Improve offsetLeft-offsetTop-in-multiple-regions.html by removing font size dependencies (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 7 years, 6 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
« no previous file with comments | « no previous file | LayoutTests/fast/regions/offsetLeft-offsetTop-in-multiple-regions-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style type="text/css"> 3 <style type="text/css">
4 /* Make sure the console and the description don't interfere wit h the rest of the layout. */ 4 /* Make sure the console and the description don't interfere wit h the rest of the layout. */
5 #description { 5 #description {
6 position: absolute; 6 position: absolute;
7 top: 0px; 7 top: 0px;
8 } 8 }
9 9
10 #console { 10 #console {
(...skipping 15 matching lines...) Expand all
26 padding-left: 5px; 26 padding-left: 5px;
27 margin: 5px; 27 margin: 5px;
28 margin-left: 10px; 28 margin-left: 10px;
29 left: 40px; 29 left: 40px;
30 -webkit-flow-into: flow2; 30 -webkit-flow-into: flow2;
31 } 31 }
32 32
33 .divText { 33 .divText {
34 border: 1px solid green; 34 border: 1px solid green;
35 color: green; 35 color: green;
36 font-size: 14px;
37 } 36 }
38 37
39 #divText1 { 38 #divText1 {
40 width: 200px; 39 width: 200px;
41 height: 150px; 40 height: 150px;
42 position: relative; 41 position: relative;
43 left: 30px; 42 left: 30px;
44 top: 10px; 43 top: 10px;
45 } 44 }
46 45
(...skipping 20 matching lines...) Expand all
67 border-color: #777700; 66 border-color: #777700;
68 } 67 }
69 68
70 #absoluteSpan { 69 #absoluteSpan {
71 position: absolute; 70 position: absolute;
72 } 71 }
73 72
74 #span { 73 #span {
75 position: relative; 74 position: relative;
76 top: 115px; 75 top: 115px;
77 » » » left: 25; 76 » » » left: 24;
78 color: black; 77 color: black;
79 font-size: 12px; 78 font-size: 12px;
80 margin-left: 4px; 79 margin-left: 4px;
81 padding: 1px; 80 padding: 1px;
82 border: 1px solid black; 81 border: 1px solid black;
83 } 82 }
84 83
85 #image { 84 #image {
86 border: 1px dashed red; 85 border: 1px dashed red;
87 width: 15px; 86 width: 15px;
88 position: relative; 87 position: relative;
89 » » » top: 123px; 88 » » » top: 124px;
90 margin-left: 54px; 89 margin-left: 54px;
91 } 90 }
92 91
93 #dummy1 { 92 #dummy1 {
94 width: 100px; 93 width: 100px;
95 height: 25px; 94 height: 25px;
96 border: 1px solid black; 95 border: 1px solid black;
97 margin: 5px; 96 margin: 5px;
98 margin-left: 20px; 97 margin-left: 20px;
99 } 98 }
(...skipping 106 matching lines...) Expand 10 before | Expand all | Expand 10 after
206 top: 700px; 205 top: 700px;
207 border: none; 206 border: none;
208 } 207 }
209 </style> 208 </style>
210 209
211 <script src="../js/resources/js-test-pre.js"></script> 210 <script src="../js/resources/js-test-pre.js"></script>
212 </head> 211 </head>
213 212
214 <body id="body"> 213 <body id="body">
215 <div id="divMain1"> 214 <div id="divMain1">
216 » » <div class="divText" id="divText1"><b>divText1</b></div> 215 » » <div class="divText" id="divText1"></div>
217 </div> 216 </div>
218 217
219 <div id="divMain2"> 218 <div id="divMain2">
220 » » <div class="dummy" id="dummy1">dummy</div> 219 » » <div class="dummy" id="dummy1"></div>
221 » » <div class="divText" id="divText2_1"><span><b>divText2_1</b></sp an></div> 220 » » <div class="divText" id="divText2_1"></div>
222 » » <div class="divText" id="divText2_2"><span id="absoluteSpan"><b> divText2_2</b></span> 221 » » <div class="divText" id="divText2_2">
223 » » » <div class="divText" id="divText2_3"><b>divText2_3</b></ div> 222 » » » <div class="divText" id="divText2_3"></div>
224 <img id="image" src="resources/transparent.png"></input> 223 <img id="image" src="resources/transparent.png"></input>
225 <span id="span">span</span>
226 </div> 224 </div>
227 </div> 225 </div>
228 226
229 <div class="region1"></div> 227 <div class="region1"></div>
230 228
231 <div class="region2" id="first_region2"></div> 229 <div class="region2" id="first_region2"></div>
232 <div class="region2" id="second_region2"></div> 230 <div class="region2" id="second_region2"></div>
233 <div class="region2" id="third_region2"></div> 231 <div class="region2" id="third_region2"></div>
234 232
235 <div id="grid1" class="grid">100px</div> 233 <div id="grid1" class="grid">100px</div>
(...skipping 25 matching lines...) Expand all
261 shouldBe("divText2_1.offsetTop", "150"); 259 shouldBe("divText2_1.offsetTop", "150");
262 260
263 shouldBe("divText2_2.offsetParent", "document.body"); 261 shouldBe("divText2_2.offsetParent", "document.body");
264 shouldBe("divText2_2.offsetLeft", "450"); 262 shouldBe("divText2_2.offsetLeft", "450");
265 shouldBe("divText2_2.offsetTop", "350"); 263 shouldBe("divText2_2.offsetTop", "350");
266 264
267 shouldBe("divText2_3.offsetParent", "document.body"); 265 shouldBe("divText2_3.offsetParent", "document.body");
268 shouldBe("divText2_3.offsetLeft", "600"); 266 shouldBe("divText2_3.offsetLeft", "600");
269 shouldBe("divText2_3.offsetTop", "500"); 267 shouldBe("divText2_3.offsetTop", "500");
270 268
271 shouldBe("span.offsetParent", "document.body");
272 shouldBe("span.offsetLeft", "700");
273 shouldBe("span.offsetTop", "610");
274
275 shouldBe("image.offsetParent", "document.body"); 269 shouldBe("image.offsetParent", "document.body");
276 shouldBe("image.offsetLeft", "650"); 270 shouldBe("image.offsetLeft", "650");
277 » » shouldBe("image.offsetTop", "630"); 271 » » shouldBe("image.offsetTop", "620");
278 272
279 if (window.testRunner) { 273 if (window.testRunner) {
280 var allGraphicElements = document.querySelectorAll(".reg ion1, .region2, .divText, .grid, .vgrid, .dummy, #span, #image"); 274 var allGraphicElements = document.querySelectorAll(".reg ion1, .region2, .divText, .grid, .vgrid, .dummy, #span, #image");
281 for (var i=0; i<allGraphicElements.length; i++) 275 for (var i=0; i<allGraphicElements.length; i++)
282 allGraphicElements[i].style.display = "none"; 276 allGraphicElements[i].style.display = "none";
283 } 277 }
284 278
285 </script> 279 </script>
286 <script src="../js/resources/js-test-post.js"></script> 280 <script src="../js/resources/js-test-post.js"></script>
287 </body> 281 </body>
288 </html> 282 </html>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/regions/offsetLeft-offsetTop-in-multiple-regions-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698