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

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-element-border-grid-item.html

Issue 146773002: [CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed renaming issues with some tests. Created 6 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 <script> 3 <script>
4 if (window.testRunner) 4 if (window.testRunner)
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); 5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1);
6 </script> 6 </script>
7 <script src="../../resources/check-layout.js"></script> 7 <script src="../../resources/check-layout.js"></script>
8 <link href="resources/grid.css" rel="stylesheet"> 8 <link href="resources/grid.css" rel="stylesheet">
9 <style> 9 <style>
10 .grid { 10 .grid {
11 border-top: 20px dotted blue; 11 border-top: 20px dotted blue;
12 border-right: 30px dotted blue; 12 border-right: 30px dotted blue;
13 border-bottom: 40px dotted blue; 13 border-bottom: 40px dotted blue;
14 border-left: 50px dotted blue; 14 border-left: 50px dotted blue;
15 grid-definition-rows: 100px 100px; 15 grid-template-rows: 100px 100px;
16 grid-definition-columns: 100px 100px; 16 grid-template-columns: 100px 100px;
17 width: 200px; 17 width: 200px;
18 } 18 }
19 </style> 19 </style>
20 </head> 20 </head>
21 <body onload="checkLayout('.grid')"> 21 <body onload="checkLayout('.grid')">
22 22
23 <div>This test checks that the grid items are shifted by the grid container's bo rders before and start.</div> 23 <div>This test checks that the grid items are shifted by the grid container's bo rders before and start.</div>
24 24
25 <div style="position: relative"> 25 <div style="position: relative">
26 <div class="grid" data-expected-width="280" data-expected-height="260"> 26 <div class="grid" data-expected-width="280" data-expected-height="260">
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
90 <div class="grid horizontalBT directionRTL" data-expected-width="280" data-e xpected-height="260"> 90 <div class="grid horizontalBT directionRTL" data-expected-width="280" data-e xpected-height="260">
91 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="30" data -offset-y="120" data-expected-width="100" data-expected-height="100"></div> 91 <div class="sizedToGridArea firstRowFirstColumn" data-offset-x="30" data -offset-y="120" data-expected-width="100" data-expected-height="100"></div>
92 <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="130" da ta-offset-y="120" data-expected-width="100" data-expected-height="100"></div> 92 <div class="sizedToGridArea firstRowSecondColumn" data-offset-x="130" da ta-offset-y="120" data-expected-width="100" data-expected-height="100"></div>
93 <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="30" dat a-offset-y="20" data-expected-width="100" data-expected-height="100"></div> 93 <div class="sizedToGridArea secondRowFirstColumn" data-offset-x="30" dat a-offset-y="20" data-expected-width="100" data-expected-height="100"></div>
94 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="130" d ata-offset-y="20" data-expected-width="100" data-expected-height="100"></div> 94 <div class="sizedToGridArea secondRowSecondColumn" data-offset-x="130" d ata-offset-y="20" data-expected-width="100" data-expected-height="100"></div>
95 </div> 95 </div>
96 </div> 96 </div>
97 97
98 </body> 98 </body>
99 </html> 99 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698