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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-auto-repeat-huge-grid.html

Issue 2670363003: [css-grid] Clamp the number of auto repeat tracks in all cases (Closed)
Patch Set: New version matching the specs Created 3 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
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/Grid.cpp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <title>Test for auto-fit and auto-fill with huge grids (lots of tracks)</title> 2 <title>Test for auto-fit and auto-fill with huge grids (lots of tracks)</title>
3 <link href="resources/grid.css" rel="stylesheet"> 3 <link href="resources/grid.css" rel="stylesheet">
4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet"> 4 <link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel ="stylesheet">
5 <link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" re l="stylesheet"> 5 <link href="../css-intrinsic-dimensions/resources/height-keyword-classes.css" re l="stylesheet">
6 6
7 <script src="../../resources/testharness.js"></script> 7 <script src="../../resources/testharness.js"></script>
8 <script src="../../resources/testharnessreport.js"></script> 8 <script src="../../resources/testharnessreport.js"></script>
9 <script src="resources/grid-definitions-parsing-utils.js"></script> 9 <script src="resources/grid-definitions-parsing-utils.js"></script>
10 <style> 10 <style>
11 .wideGrid { width: 1000000000px; } 11 .wideGrid { width: 1000000000px; }
12 .tallGrid { height: 1000000000px; } 12 .tallGrid { height: 1000000000px; }
13 13
14 .width25k { width: 25000px; }
15 .height25k { height: 25000px; }
16
17 .lastColumn { grid-column: -2 / -1; }
18 .lastRow { grid-row: -2 / -1; }
19
14 .minSizeWideGrid { min-width: 1000000000px; } 20 .minSizeWideGrid { min-width: 1000000000px; }
15 .minSizeTallGrid { min-height: 1000000000px; } 21 .minSizeTallGrid { min-height: 1000000000px; }
16 22
17 .lotsOfFixedRepeatWithAutoFitCols { grid-template-columns: repeat(auto-fit, 10px 2px 8px) repeat(992, 1px); } 23 .lotsOfFixedRepeatWithAutoFitCols { grid-template-columns: repeat(auto-fit, 10px 2px 8px) repeat(992, 1px); }
18 .lotsOfFixedRepeatWithAutoFillCols { grid-template-columns: repeat(auto-fill, 10 px 2px 8px 7px 20px) repeat(995, 1px); } 24 .lotsOfFixedRepeatWithAutoFillCols { grid-template-columns: repeat(auto-fill, 10 px 2px 8px 7px 20px) repeat(995, 1px); }
19 25
20 .lotsOfAutoRepeatWithAutoFitCols { grid-template-columns: repeat(auto-fit, 10px 2px 8px) repeat(10, 1px); } 26 .lotsOfAutoRepeatWithAutoFitCols { grid-template-columns: repeat(auto-fit, 10px 2px 8px) repeat(10, 1px); }
21 .lotsOfAutoRepeatWithAutoFillCols { grid-template-columns: repeat(auto-fill, 10p x 2px 8px 7px 20px) repeat(10, 1px); } 27 .lotsOfAutoRepeatWithAutoFillCols { grid-template-columns: repeat(auto-fill, 10p x 2px 8px 7px 20px) repeat(10, 1px); }
22 28
29 .lotsOfFixedRepeatWithAutoFitColsReversed { grid-template-columns: repeat(992, 1px) repeat(auto-fit, 10px 2px 8px); }
30 .lotsOfFixedRepeatWithAutoFillColsReversed { grid-template-columns: repeat(995, 1px) repeat(auto-fill, 10px 2px 8px 7px 20px); }
31
23 .lotsOfFixedRepeatWithAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2p x 8px) repeat(992, 1px); } 32 .lotsOfFixedRepeatWithAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2p x 8px) repeat(992, 1px); }
24 .lotsOfFixedRepeatWithAutoFillRows { grid-template-rows: repeat(auto-fill, 10px 2px 8px 7px 20px) repeat(995, 1px); } 33 .lotsOfFixedRepeatWithAutoFillRows { grid-template-rows: repeat(auto-fill, 10px 2px 8px 7px 20px) repeat(995, 1px); }
25 34
26 .lotsOfAutoRepeatWithAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2px 8px) repeat(10, 1px); } 35 .lotsOfAutoRepeatWithAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2px 8px) repeat(10, 1px); }
27 .lotsOfAutoRepeatWithAutoFillRows { grid-template-rows: repeat(auto-fill, 10px 2 px 8px 7px 20px) repeat(10, 1px); } 36 .lotsOfAutoRepeatWithAutoFillRows { grid-template-rows: repeat(auto-fill, 10px 2 px 8px 7px 20px) repeat(10, 1px); }
37
38 .lotsOfFixedRepeatWithAutoFitRowsReversed { grid-template-rows: repeat(992, 1px ) repeat(auto-fit, 10px 2px 8px); }
39 .lotsOfFixedRepeatWithAutoFillRowsReversed { grid-template-rows: repeat(995, 1px ) repeat(auto-fill, 10px 2px 8px 7px 20px); }
40
41 .autoFitRows25px { grid-template-rows: repeat(auto-fit, 10px 2px 8px 5px); }
42 .autoFitCols25px { grid-template-columns: repeat(auto-fit, 10px 2px 8px 5px); }
43
44 .autoFillRows25px { grid-template-rows: repeat(auto-fill, 17px 8px); }
45 .autoFillCols25px { grid-template-columns: repeat(auto-fill, 2px 23px); }
46
47 .autoFitRows205pxFixed5px { grid-template-rows: repeat(900, 5px) repeat(auto-fit , 20px 50px 13px 50px 72px); }
48 .autoFitCols205pxFixed5px { grid-template-columns: repeat(900, 5px) repeat(auto- fit, 20px 50px 13px 50px 72px); }
49
50 .autoFillRows205pxFixed5px { grid-template-rows: repeat(900, 5px) repeat(auto-f ill, 200px 5px); }
51 .autoFillCols205pxFixed5px { grid-template-columns: repeat(900, 5px) repeat(auto -fill, 200px 5px); }
52
53 .autoFitAndAThousandFixedRows { grid-template-rows: repeat(auto-fit, 20px 50px 7 2px) repeat(1000, 37px); }
54 .autoFitAndAThousandFixedCols { grid-template-columns: repeat(auto-fit, 20px 50p x 72px) repeat(1000, 37px); }
55
56 .autoFillAndAThousandFixedRows { grid-template-rows: repeat(auto-fill, 2px) repe at(1000, 37px); }
57 .autoFillAndAThousandFixedCols { grid-template-columns: repeat(auto-fill, 2px) r epeat(1000, 37px); }
58
59 .autoFitAndMoreThanThousandFixedRows { grid-template-rows: repeat(700, 7px) rep eat(auto-fit, 11px 13px 125px) repeat(600, 6px); }
60 .autoFitAndMoreThanThousandFixedCols { grid-template-columns: repeat(700, 7px) repeat(auto-fit, 11px 13px 125px) repeat(600, 6px); }
61
62 .autoFillAndMoreThanThousandFixedRows { grid-template-rows: repeat(700, 7px) rep eat(auto-fill, 20px 50px 72px) repeat(600, 6px); }
63 .autoFillAndMoreThanThousandFixedCols { grid-template-columns: repeat(700, 7px) repeat(auto-fill, 20px 50px 72px) repeat(600, 6px); }
64
65 .handMadeMoreThanThousandAutoFillRows { grid-template-rows: repeat(auto-fill, 10 px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7 px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1 px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10p x 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5 px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7p x 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1p x 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 1 3px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5p x 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 1 2px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8 px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13 px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12 px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8p x 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13p x 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2 px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12p x 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2 px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3 px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2p x 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 1 0px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2p x 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3p x 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10 px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7 px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1 px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10p x 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5 px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7p x 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 999px); }
66 .handMadeMoreThanThousandAutoFillCols { grid-template-columns: repeat(auto-fill, 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12 px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8p x 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13p x 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2 px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12p x 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2 px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3 px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2p x 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 1 0px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2p x 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3p x 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10 px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7 px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1 px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10p x 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5 px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7p x 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1p x 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 1 3px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5p x 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 1 2px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8 px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13 px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12 px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8p x 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13p x 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2 px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12p x 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2 px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 999px); }
67
68 .handMadeMoreThanThousandAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5p x 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 1 2px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8 px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13 px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12 px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8p x 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13p x 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2 px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12p x 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2 px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3 px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2p x 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 1 0px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2p x 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3p x 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10 px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7 px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1 px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10p x 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5 px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7p x 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1p x 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 1 3px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5p x 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 1 2px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8 px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13 px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12 px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 999px); }
69 .handMadeMoreThanThousandAutoFitCols { grid-template-columns: repeat(auto-fit, 1 0px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2p x 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3p x 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10 px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7 px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1 px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10p x 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5 px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7p x 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1p x 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 1 3px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5p x 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 1 2px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8 px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13 px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12 px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8p x 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13p x 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2 px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12p x 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2 px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3 px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2p x 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 1 0px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2p x 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3p x 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10 px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7 px 2px 12px 5px 10px 2px 13px 1px 3px 8px 7px 2px 12px 5px 999px); }
70
28 </style> 71 </style>
29 72
30 <div id="wideAutoFillGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFillCol s"></div> 73 <div id="wideAutoFillGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFillCol s"></div>
31 <div id="wideAutoFitGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFitCols" > 74 <div id="wideAutoFitGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFitCols" >
32 <div>Item1</div> 75 <div>Item1</div>
33 <div>Item2</div> 76 <div>Item2</div>
34 <div>Item3</div> 77 <div class="lastColumn">Item3</div>
35 </div> 78 </div>
36 79
37 <div id="tallAutoFillGrid" class="grid tallGrid lotsOfFixedRepeatWithAutoFillRow s"></div> 80 <div id="autoFillGrid" class="grid tallGrid lotsOfFixedRepeatWithAutoFillRows">< /div>
38 <div id="tallAutoFitGrid" class="grid tallGrid lotsOfFixedRepeatWithAutoFitRows" > 81 <div id="autoFitGrid" class="grid tallGrid lotsOfFixedRepeatWithAutoFitRows">
39 <div>Item1</div> 82 <div>Item1</div>
40 <div>Item2</div> 83 <div>Item2</div>
41 <div>Item3</div> 84 <div class="lastRow">Item3</div>
42 </div> 85 </div>
43 86
44 <div id="wideAutoFillGridFewRepetitions" class="grid wideGrid lotsOfAutoRepeatWi thAutoFillCols"></div> 87 <div id="wideAutoFillGridFewRepetitions" class="grid wideGrid lotsOfAutoRepeatWi thAutoFillCols"></div>
45 <div id="wideAutoFitGridFewRepetitions" class="grid wideGrid lotsOfAutoRepeatWit hAutoFitCols"> 88 <div id="wideAutoFitGridFewRepetitions" class="grid wideGrid lotsOfAutoRepeatWit hAutoFitCols">
46 <div>Item1</div> 89 <div>Item1</div>
47 <div>Item2</div> 90 <div>Item2</div>
48 <div>Item3</div> 91 <div class="lastColumn">Item3</div>
49 </div> 92 </div>
50 93
51 <div id="tallAutoFillGridFewRepetitions" class="grid tallGrid lotsOfAutoRepeatWi thAutoFillRows"></div> 94 <div id="tallAutoFillGridFewRepetitions" class="grid tallGrid lotsOfAutoRepeatWi thAutoFillRows"></div>
52 <div id="tallAutoFitGridFewRepetitions" class="grid tallGrid lotsOfAutoRepeatWit hAutoFitRows"> 95 <div id="tallAutoFitGridFewRepetitions" class="grid tallGrid lotsOfAutoRepeatWit hAutoFitRows">
53 <div>Item1</div> 96 <div>Item1</div>
54 <div>Item2</div> 97 <div>Item2</div>
55 <div>Item3</div> 98 <div class="lastRow">Item3</div>
99 </div>
100
101 <div id="wideAutoFillGridReversed" class="grid wideGrid lotsOfFixedRepeatWithAut oFillColsReversed"></div>
102 <div id="wideAutoFitGridReversed" class="grid wideGrid lotsOfFixedRepeatWithAuto FitColsReversed">
103 <div>Item1</div>
104 <div>Item2</div>
105 <div class="lastColumn">Item3</div>
106 </div>
107
108 <div id="tallAutoFillGridReversed" class="grid tallGrid lotsOfFixedRepeatWithAut oFillRowsReversed"></div>
109 <div id="tallAutoFitGridReversed" class="grid tallGrid lotsOfFixedRepeatWithAuto FitRowsReversed">
110 <div>Item1</div>
111 <div>Item2</div>
112 <div class="lastRow">Item3</div>
56 </div> 113 </div>
57 114
58 <div id="wideAutoFillGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWith AutoFillCols minSizeWideGrid min-content"></div> 115 <div id="wideAutoFillGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWith AutoFillCols minSizeWideGrid min-content"></div>
59 <div id="wideAutoFitGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWithA utoFitCols minSizeWideGrid min-content"> 116 <div id="wideAutoFitGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWithA utoFitCols minSizeWideGrid min-content">
60 <div>Item1</div> 117 <div>Item1</div>
61 <div>Item2</div> 118 <div>Item2</div>
62 <div>Item3</div> 119 <div class="lastColumn">Item3</div>
63 </div> 120 </div>
64 121
65 <div id="tallAutoFillGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWith AutoFillRows minSizeTallGrid min-content"></div> 122 <div id="tallAutoFillGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWith AutoFillRows minSizeTallGrid min-content"></div>
66 <div id="tallAutoFitGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWithA utoFitRows minSizeTallGrid min-content"> 123 <div id="tallAutoFitGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWithA utoFitRows minSizeTallGrid min-content">
67 <div>Item1</div> 124 <div>Item1</div>
68 <div>Item2</div> 125 <div>Item2</div>
69 <div>Item3</div> 126 <div class="lastRow">Item3</div>
127 </div>
128
129 <div id="aThousandAutoFillRows" class="grid height25k autoFillRows25px"></div>
130 <div id="aThousandAutoFitRows" class="grid height25k autoFitRows25px">
131 <div>Item1</div>
132 <div>Item2</div>
133 <div class="lastRow">Item3</div>
134 </div>
135
136 <div id="aThousandAutoFillCols" class="grid width25k autoFillCols25px"></div>
137 <div id="aThousandAutoFitCols" class="grid width25k autoFitCols25px">
138 <div>Item1</div>
139 <div>Item2</div>
140 <div class="lastColumn">Item3</div>
141 </div>
142
143 <div id="aThousandAutoFillAndFixedRows" class="grid height25k autoFillRows205pxF ixed5px"></div>
144 <div id="aThousandAutoFitAndFixedRows" class="grid height25k autoFitRows205pxFix ed5px">
145 <div>Item1</div>
146 <div>Item2</div>
147 <div class="lastRow">Item3</div>
148 </div>
149
150 <div id="aThousandAutoFillAndFixedCols" class="grid width25k autoFillCols205pxFi xed5px"></div>
151 <div id="aThousandAutoFitAndFixedCols" class="grid width25k autoFitCols205pxFixe d5px">
152 <div>Item1</div>
153 <div>Item2</div>
154 <div class="lastColumn">Item3</div>
155 </div>
156
157 <div id="aThousandFixedZeroAutoFillRows" class="grid height25k autoFillAndAThous andFixedRows"></div>
158 <div id="aThousandFixedZeroAutoFitRows" class="grid height25k autoFitAndAThousan dFixedRows">
159 <div>Item1</div>
160 <div>Item2</div>
161 <div class="lastRow">Item3</div>
162 </div>
163
164 <div id="aThousandFixedZeroAutoFillCols" class="grid width25k autoFillAndAThousa ndFixedCols"></div>
165 <div id="aThousandFixedZeroAutoFitCols" class="grid width25k autoFitAndAThousand FixedCols">
166 <div>Item1</div>
167 <div>Item2</div>
168 <div class="lastColumn">Item3</div>
169 </div>
170
171
172 <div id="aThousandFixedZeroAutoFillRowsFreeSpace" class="grid tallGrid autoFillA ndAThousandFixedRows"></div>
173 <div id="aThousandFixedZeroAutoFitRowsFreeSpace" class="grid tallGrid autoFitAnd AThousandFixedRows">
174 <div>Item1</div>
175 <div>Item2</div>
176 <div class="lastRow">Item3</div>
177 </div>
178
179 <div id="aThousandFixedZeroAutoFillColsFreeSpace" class="grid wideGrid autoFillA ndAThousandFixedCols"></div>
180 <div id="aThousandFixedZeroAutoFitColsFreeSpace" class="grid wideGrid autoFitAnd AThousandFixedCols">
181 <div>Item1</div>
182 <div>Item2</div>
183 <div class="lastColumn">Item3</div>
184 </div>
185
186 <div id="moreThanAThousandFixedZeroAutoFillRows" class="grid height25k autoFillA ndMoreThanThousandFixedRows"></div>
187 <div id="moreThanAThousandFixedZeroAutoFitRows" class="grid height25k autoFitAnd MoreThanThousandFixedRows">
188 <div>Item1</div>
189 <div>Item2</div>
190 <div class="lastRow">Item3</div>
191 </div>
192
193 <div id="moreThanAThousandFixedZeroAutoFillCols" class="grid width25k autoFillAn dMoreThanThousandFixedCols"></div>
194 <div id="moreThanAThousandFixedZeroAutoFitCols" class="grid width25k autoFitAndM oreThanThousandFixedCols">
195 <div>Item1</div>
196 <div>Item2</div>
197 <div class="lastColumn">Item3</div>
198 </div>
199
200 <div id="handMadeAutoFillRows" class="grid tallGrid handMadeMoreThanThousandAuto FillRows"></div>
201 <div id="handMadeAutoFitRows" class="grid tallGrid handMadeMoreThanThousandAutoF itRows">
202 <div>Item1</div>
203 <div>Item2</div>
204 <div class="lastRow">Item3</div>
205 </div>
206
207 <div id="handMadeAutoFillCols" class="grid wideGrid handMadeMoreThanThousandAuto FillCols"></div>
208 <div id="handMadeAutoFitCols" class="grid wideGrid handMadeMoreThanThousandAutoF itCols">
209 <div>Item1</div>
210 <div>Item2</div>
211 <div class="lastColumn">Item3</div>
70 </div> 212 </div>
71 213
72 <script> 214 <script>
73 function testElement(element, property, length) { 215 function testElement(element, property, length) {
74 var tracks = getComputedStyle(document.getElementById(element), '').getProp ertyValue(property).split(' '); 216 var propertyValue = getComputedStyle(document.getElementById(element), ''). getPropertyValue(property);
217
218 if (propertyValue == "") {
219 assert_equals(length, 0);
220 return [];
221 }
222
223 var tracks = propertyValue.split(' ');
75 assert_equals(tracks.length, length); 224 assert_equals(tracks.length, length);
76 return tracks; 225 return tracks;
77 } 226 }
78 227
79 test(function() { 228 test(function() {
80 testElement("wideAutoFillGrid", "grid-template-columns", 1000); 229 var autoFillGrid = testElement("wideAutoFillGrid", "grid-template-columns", 1000);
81 testElement("wideAutoFitGrid", "grid-template-columns", 998); 230 var autoFitGrid = testElement("wideAutoFitGrid", "grid-template-columns", 1 000);
82 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids."); 231
83 232 assert_equals(autoFitGrid[1000 - 1], "10px");
84 test(function() { 233 assert_equals(autoFitGrid[1000 - 2], "0px");
85 testElement("tallAutoFillGrid", "grid-template-rows", 1000); 234 assert_equals(autoFitGrid[0], "10px");
86 testElement("tallAutoFitGrid", "grid-template-rows", 998); 235 assert_equals(autoFitGrid[1], "2px");
87 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids."); 236
88 237 assert_equals(autoFillGrid[1000 - 1], "20px");
89 test(function() { 238 assert_equals(autoFillGrid[1000 - 2], "7px");
90 var wideAutoFillGrid = document.getElementById("wideAutoFillGridFewRepetiti ons"); 239 assert_equals(autoFillGrid[0], "10px");
91 var wideAutoFitGrid = document.getElementById("wideAutoFitGridFewRepetition s"); 240 assert_equals(autoFillGrid[1], "2px");
92 241 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids (normal tracks clamped).");
93 wideAutoFillGrid.style.gridGap = "100px"; 242
94 wideAutoFitGrid.style.gridGap = "100px"; 243 test(function() {
95 244 var autoFillGrid = testElement("autoFillGrid", "grid-template-rows", 1000);
96 testElement("wideAutoFillGridFewRepetitions", "grid-template-columns", 1000 ); 245 var autoFitGrid = testElement("autoFitGrid", "grid-template-rows", 1000);
97 testElement("wideAutoFitGridFewRepetitions", "grid-template-columns", 1000) ; 246
98 247 assert_equals(autoFitGrid[1000 - 1], "10px");
99 wideAutoFillGrid.style.gridGap = "1000000px"; 248 assert_equals(autoFitGrid[1000 - 2], "0px");
100 wideAutoFitGrid.style.gridGap = "1000000px"; 249 assert_equals(autoFitGrid[0], "10px");
250 assert_equals(autoFitGrid[1], "2px");
251
252 assert_equals(autoFillGrid[1000 - 1], "20px");
253 assert_equals(autoFillGrid[1000 - 2], "7px");
254 assert_equals(autoFillGrid[0], "10px");
255 assert_equals(autoFillGrid[1], "2px");
256 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids (normal tracks clamped).");
257
258 test(function() {
259 var autoFillGrid = testElement("wideAutoFillGridReversed", "grid-template-c olumns", 1000);
260 var autoFitGrid = testElement("wideAutoFitGridReversed", "grid-template-col umns", 1000);
261
262 assert_equals(autoFitGrid[1000 - 1], "2px");
263 assert_equals(autoFitGrid[1000 - 2], "0px");
264 assert_equals(autoFitGrid[0], "1px");
265 assert_equals(autoFitGrid[1], "1px");
266
267 assert_equals(autoFillGrid[1000 - 1], "20px");
268 assert_equals(autoFillGrid[1000 - 2], "7px");
269 assert_equals(autoFillGrid[0], "1px");
270 assert_equals(autoFillGrid[1], "1px");
271 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids (auto repeat tracks clamped).");
272
273 test(function() {
274 var autoFillGrid = testElement("tallAutoFillGridReversed", "grid-template-r ows", 1000);
275 var autoFitGrid = testElement("tallAutoFitGridReversed", "grid-template-row s", 1000);
276
277 assert_equals(autoFitGrid[1000 - 1], "2px");
278 assert_equals(autoFitGrid[1000 - 2], "0px");
279 assert_equals(autoFitGrid[0], "1px");
280 assert_equals(autoFitGrid[1], "1px");
281
282 assert_equals(autoFillGrid[1000 - 1], "20px");
283 assert_equals(autoFillGrid[1000 - 2], "7px");
284 assert_equals(autoFillGrid[0], "1px");
285 assert_equals(autoFillGrid[1], "1px");
286 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids (auto repeat tracks clamped).");
287
288 test(function() {
289 var fillGridElement = document.getElementById("wideAutoFillGridFewRepetitio ns");
290 var fitGridElement = document.getElementById("wideAutoFitGridFewRepetitions ");
291
292 fillGridElement.style.gridGap = "100px";
293 fitGridElement.style.gridGap = "100px";
294
295 var autoFillGrid = testElement("wideAutoFillGridFewRepetitions", "grid-temp late-columns", 1000);
296 var autoFitGrid = testElement("wideAutoFitGridFewRepetitions", "grid-templa te-columns", 1000);
297
298 assert_equals(autoFitGrid[1000 - 1], "10px");
299 assert_equals(autoFitGrid[1000 - 2], "0px");
300 assert_equals(autoFillGrid[1000 - 1], "20px");
301 assert_equals(autoFillGrid[1000 - 2], "7px");
302
303 fillGridElement.style.gridGap = "1000000px";
304 fitGridElement.style.gridGap = "1000000px";
101 305
102 testElement("wideAutoFillGridFewRepetitions", "grid-template-columns", 130) ; 306 testElement("wideAutoFillGridFewRepetitions", "grid-template-columns", 130) ;
103 testElement("wideAutoFitGridFewRepetitions", "grid-template-columns", 82); 307 testElement("wideAutoFitGridFewRepetitions", "grid-template-columns", 82);
104 308
105 wideAutoFillGrid.style.gridGap = "0px"; 309 fillGridElement.style.gridGap = "0px";
106 wideAutoFitGrid.style.gridGap = "0px"; 310 fitGridElement.style.gridGap = "0px";
107 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids with gaps."); 311 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids with gaps.");
108 312
109 test(function() { 313 test(function() {
110 var tallAutoFillGrid = document.getElementById("tallAutoFillGridFewRepetiti ons"); 314 var autoFillGridElement = document.getElementById("tallAutoFillGridFewRepet itions");
111 var tallAutoFitGrid = document.getElementById("tallAutoFitGridFewRepetition s"); 315 var autoFitGridElement = document.getElementById("tallAutoFitGridFewRepetit ions");
112 316
113 tallAutoFillGrid.style.gridGap = "100px"; 317 autoFillGridElement.style.gridGap = "100px";
114 tallAutoFitGrid.style.gridGap = "100px"; 318 autoFitGridElement.style.gridGap = "100px";
115 319
116 testElement("tallAutoFillGridFewRepetitions", "grid-template-rows", 1000); 320 var autoFillGrid = testElement("tallAutoFillGridFewRepetitions", "grid-temp late-rows", 1000);
117 testElement("tallAutoFitGridFewRepetitions", "grid-template-rows", 1000); 321 var autoFitGrid = testElement("tallAutoFitGridFewRepetitions", "grid-templa te-rows", 1000);
118 322
119 tallAutoFillGrid.style.gridGap = "1000000px"; 323 assert_equals(autoFitGrid[1000 - 1], "10px");
120 tallAutoFitGrid.style.gridGap = "1000000px"; 324 assert_equals(autoFitGrid[1000 - 2], "0px");
325 assert_equals(autoFillGrid[1000 - 1], "20px");
326 assert_equals(autoFillGrid[1000 - 2], "7px");
327
328 autoFillGridElement.style.gridGap = "1000000px";
329 autoFitGridElement.style.gridGap = "1000000px";
121 330
122 testElement("tallAutoFillGridFewRepetitions", "grid-template-rows", 130); 331 testElement("tallAutoFillGridFewRepetitions", "grid-template-rows", 130);
123 testElement("tallAutoFitGridFewRepetitions", "grid-template-rows", 82); 332 testElement("tallAutoFitGridFewRepetitions", "grid-template-rows", 82);
124 333
125 tallAutoFillGrid.style.gridGap = "0px"; 334 autoFillGridElement.style.gridGap = "0px";
126 tallAutoFitGrid.style.gridGap = "0px"; 335 autoFitGridElement.style.gridGap = "0px";
127 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids with gaps."); 336 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids with gaps.");
128 337
129 test(function() { 338 test(function() {
130 var autoFillCols = testElement("wideAutoFillGridFewRepetitionsMinSize", "gr id-template-columns", 1000); 339 var autoFillCols = testElement("wideAutoFillGridFewRepetitionsMinSize", "gr id-template-columns", 1000);
131 var autoFitCols = testElement("wideAutoFitGridFewRepetitionsMinSize", "grid -template-columns", 1000); 340 var autoFitCols = testElement("wideAutoFitGridFewRepetitionsMinSize", "grid -template-columns", 1000);
132 341
133 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */ 342 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */
134 assert_equals(autoFillCols[1000 - 10 - 1], "20px"); 343 assert_equals(autoFillCols[1000 - 1], "20px");
135 assert_equals(autoFillCols[1000 - 10], "1px"); 344 assert_equals(autoFillCols[1000 - 2], "7px");
136 assert_equals(autoFitCols[1000 - 10 - 1], "0px"); 345 assert_equals(autoFitCols[1000 - 1], "10px");
137 assert_equals(autoFitCols[1000 - 10], "1px"); 346 assert_equals(autoFitCols[1000 - 2], "0px");
138 347 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids with gaps and min-width.");
348
349 test(function() {
139 var autoFillRows = testElement("tallAutoFillGridFewRepetitionsMinSize", "gr id-template-rows", 1000); 350 var autoFillRows = testElement("tallAutoFillGridFewRepetitionsMinSize", "gr id-template-rows", 1000);
140 var autoFitRows = testElement("tallAutoFitGridFewRepetitionsMinSize", "grid -template-rows", 1000); 351 var autoFitRows = testElement("tallAutoFitGridFewRepetitionsMinSize", "grid -template-rows", 1000);
141 352
142 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */ 353 assert_equals(autoFillRows[1000 - 1], "20px");
143 assert_equals(autoFillRows[1000 - 10 - 1], "20px"); 354 assert_equals(autoFillRows[1000 - 2], "7px");
144 assert_equals(autoFillRows[1000 - 10], "1px"); 355 assert_equals(autoFitRows[1000 - 1], "10px");
145 assert_equals(autoFitRows[1000 - 10 - 1], "0px"); 356 assert_equals(autoFitRows[1000 - 2], "0px");
146 assert_equals(autoFitRows[1000 - 10], "1px"); 357 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids with gaps and min-height.");
147 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wi de grids with gaps and min-width."); 358
359 test(function() {
360 var autoFillRows = testElement("aThousandAutoFillRows", "grid-template-rows ", 1000);
361 var autoFitRows = testElement("aThousandAutoFitRows", "grid-template-rows", 1000);
362
363 assert_equals(autoFillRows[1000 - 1], "8px");
364 assert_equals(autoFillRows[1000 - 2], "17px");
365 assert_equals(autoFitRows[1000 - 1], "5px");
366 assert_equals(autoFitRows[1000 - 2], "0px");
367 }, "Test that we don't crash when there are exactly kGridMaxTracks auto repeat r ows on very tall grids.");
368
369 test(function() {
370 var autoFillCols = testElement("aThousandAutoFillCols", "grid-template-colu mns", 1000);
371 var autoFitCols = testElement("aThousandAutoFitCols", "grid-template-column s", 1000);
372
373 assert_equals(autoFillCols[1000 - 1], "23px");
374 assert_equals(autoFillCols[1000 - 2], "2px");
375 assert_equals(autoFitCols[1000 - 1], "5px");
376 assert_equals(autoFitCols[1000 - 2], "0px");
377 }, "Test that we don't crash when there are exactly kGridMaxTracks auto repeat c olumns on very wide grids.");
378
379 test(function() {
380 var autoFillRows = testElement("aThousandAutoFillAndFixedRows", "grid-templ ate-rows", 1000);
381 var autoFitRows = testElement("aThousandAutoFitAndFixedRows", "grid-templat e-rows", 1000);
382
383 assert_equals(autoFillRows[1000 - 1], "5px");
384 assert_equals(autoFillRows[1000 - 2], "200px");
385 assert_equals(autoFitRows[1000 - 1], "72px");
386 assert_equals(autoFitRows[1000 - 2], "0px");
387 }, "Test that we don't crash when there are exactly kGridMaxTracks (normal and a uto-repeat) rows on very tall grids.");
388
389 test(function() {
390 var autoFillCols = testElement("aThousandAutoFillAndFixedCols", "grid-templ ate-columns", 1000);
391 var autoFitCols = testElement("aThousandAutoFitAndFixedCols", "grid-templat e-columns", 1000);
392
393 assert_equals(autoFillCols[1000 - 1], "5px");
394 assert_equals(autoFillCols[1000 - 2], "200px");
395 assert_equals(autoFitCols[1000 - 1], "72px");
396 assert_equals(autoFitCols[1000 - 2], "0px");
397 }, "Test that we don't crash when there are exactly kGridMaxTracks (normal and a uto-repeat) columns on very wide grids.");
398
399 test(function() {
400 var autoFillGrid = testElement("aThousandFixedZeroAutoFillRows", "grid-temp late-rows", 1000);
401 var autoFitGrid = testElement("aThousandFixedZeroAutoFitRows", "grid-templa te-rows", 1000);
402
403 assert_equals(autoFillGrid[1000 - 1], "37px");
404 assert_equals(autoFillGrid[0], "2px");
405 assert_equals(autoFitGrid[1000 - 1], "37px");
406 assert_equals(autoFitGrid[0], "20px");
407 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-repe at rows on very tall grids.");
408
409 test(function() {
410 var autoFillGrid = testElement("aThousandFixedZeroAutoFillCols", "grid-temp late-columns", 1000);
411 var autoFitGrid = testElement("aThousandFixedZeroAutoFitCols", "grid-templa te-columns", 1000);
412
413 assert_equals(autoFillGrid[1000 - 1], "37px");
414 assert_equals(autoFillGrid[0], "2px");
415 assert_equals(autoFitGrid[1000 - 1], "37px");
416 assert_equals(autoFitGrid[0], "20px");
417 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-repe at columns on very wide grids.");
418
419 test(function() {
420 var autoFillGrid = testElement("aThousandFixedZeroAutoFillRowsFreeSpace", " grid-template-rows", 1000);
421 var autoFitGrid = testElement("aThousandFixedZeroAutoFitRowsFreeSpace", "gr id-template-rows", 1000);
422
423 assert_equals(autoFillGrid[1000 - 1], "2px");
424 assert_equals(autoFillGrid[0], "2px");
425 assert_equals(autoFitGrid[1000 - 1], "20px");
426 assert_equals(autoFitGrid[0], "20px");
427 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-repe at rows on very tall grids with enough room for auto repetitions.");
428
429 test(function() {
430 var autoFillGrid = testElement("aThousandFixedZeroAutoFillColsFreeSpace", " grid-template-columns", 1000);
431 var autoFitGrid = testElement("aThousandFixedZeroAutoFitColsFreeSpace", "gr id-template-columns", 1000);
432
433 assert_equals(autoFillGrid[1000 - 1], "2px");
434 assert_equals(autoFillGrid[0], "2px");
435 assert_equals(autoFitGrid[1000 - 1], "20px");
436 assert_equals(autoFitGrid[0], "20px");
437 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-repe at columns on very wide grids with enough room for auto repetitions.");
438
439 test(function() {
440 var autoFillGrid = testElement("moreThanAThousandFixedZeroAutoFillRows", "g rid-template-rows", 1000);
441 var autoFitGrid = testElement("moreThanAThousandFixedZeroAutoFitRows", "gri d-template-rows", 1000);
442
443 assert_equals(autoFillGrid[1000 - 1], "72px");
444 assert_equals(autoFillGrid[0], "7px");
445 assert_equals(autoFitGrid[1000 - 1], "125px");
446 assert_equals(autoFitGrid[0], "7px");
447 }, "Test that we don't crash when there are more than kGridMaxTracks non auto-re peat rows on very tall grids.");
448
449 test(function() {
450 var autoFillGrid = testElement("moreThanAThousandFixedZeroAutoFillCols", "g rid-template-columns", 1000);
451 var autoFitGrid = testElement("moreThanAThousandFixedZeroAutoFitCols", "gri d-template-columns", 1000);
452
453 assert_equals(autoFillGrid[1000 - 1], "72px");
454 assert_equals(autoFillGrid[0], "7px");
455 assert_equals(autoFitGrid[1000 - 1], "125px");
456 assert_equals(autoFitGrid[0], "7px");
457 }, "Test that we don't crash when there are more than kGridMaxTracks non auto-re peat columns on very wide grids.");
458
459 test(function() {
460 var autoFillGrid = testElement("handMadeAutoFillRows", "grid-template-rows" , 1000);
461 var autoFitGrid = testElement("handMadeAutoFitRows", "grid-template-rows", 1000);
462
463 assert_equals(autoFillGrid[1000 - 1], "5px");
464 assert_equals(autoFillGrid[0], "10px");
465 assert_equals(autoFitGrid[1000 - 1], "5px");
466 assert_equals(autoFitGrid[0], "10px");
467 }, "Test that we don't crash when there are more than kGridMaxTracks rows in the auto repeat <track-list>.");
468
469 test(function() {
470 var autoFillGrid = testElement("handMadeAutoFillCols", "grid-template-colum ns", 1000);
471 var autoFitGrid = testElement("handMadeAutoFitCols", "grid-template-columns ", 1000);
472
473 assert_equals(autoFillGrid[1000 - 1], "5px");
474 assert_equals(autoFillGrid[0], "10px");
475 assert_equals(autoFitGrid[1000 - 1], "5px");
476 assert_equals(autoFitGrid[0], "10px");
477 }, "Test that we don't crash when there are more than kGridMaxTracks columns in the auto repeat <track-list>.");
148 478
149 </script> 479 </script>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/Grid.cpp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698