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

Side by Side Diff: LayoutTests/fast/box-sizing/css-table-no-collapse.html

Issue 888743002: Force unitless data-expected attributes (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Redo percentage-height-when-height-specified-by-top-bottom.html onload change Created 5 years, 10 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 </head> 4 </head>
5 <body> 5 <body>
6 <style> 6 <style>
7 .table { 7 .table {
8 display: table; 8 display: table;
9 border: 25px solid green; 9 border: 25px solid green;
10 border-top: 10px solid cyan; 10 border-top: 10px solid cyan;
11 position: absolute; 11 position: absolute;
12 box-sizing: border-box; 12 box-sizing: border-box;
13 outline: 5px solid blue; 13 outline: 5px solid blue;
14 } 14 }
15 .tbody { display: table-row-group; } 15 .tbody { display: table-row-group; }
16 .tr { display: table-row; } 16 .tr { display: table-row; }
17 .td { display: table-cell; } 17 .td { display: table-cell; }
18 .block { 18 .block {
19 background-color: yellow; 19 background-color: yellow;
20 height: 50px; 20 height: 50px;
21 width: 50px; 21 width: 50px;
22 } 22 }
23 </style> 23 </style>
24 <script src="../../resources/check-layout.js"></script> 24 <script src="../../resources/check-layout.js"></script>
25 <script> 25 <script>
26 window.onload = function () { 26 window.onload = function () {
27 checkLayout(".table"); 27 checkLayout(".table");
28 } 28 }
29 </script> 29 </script>
30 <div class="table" data-expected-height="85px"> 30 <div class="table" data-expected-height="85">
31 <div class="tbody"> 31 <div class="tbody">
32 <div class="tr"> 32 <div class="tr">
33 <div class="td"> 33 <div class="td">
34 <div class="block"></div> 34 <div class="block"></div>
35 </div> 35 </div>
36 </div> 36 </div>
37 </div> 37 </div>
38 </div> 38 </div>
39 <div style="top: 200px;" class="table" data-expected-height="85px"> 39 <div style="top: 200px;" class="table" data-expected-height="85">
40 <div class="tbody"> 40 <div class="tbody">
41 <div class="tr"> 41 <div class="tr">
42 <div class="td"> 42 <div class="td">
43 <div class="block"></div> 43 <div class="block"></div>
44 </div> 44 </div>
45 </div> 45 </div>
46 </div> 46 </div>
47 </div> 47 </div>
48 <div style="bottom: 100px;" class="table" data-expected-height="85px"> 48 <div style="bottom: 100px;" class="table" data-expected-height="85">
49 <div class="tbody"> 49 <div class="tbody">
50 <div class="tr"> 50 <div class="tr">
51 <div class="td"> 51 <div class="td">
52 <div class="block"></div> 52 <div class="block"></div>
53 </div> 53 </div>
54 </div> 54 </div>
55 </div> 55 </div>
56 </div> 56 </div>
57 </body> 57 </body>
58 </html> 58 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698