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

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: 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') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')
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
14 .minSizeWideGrid { min-width: 1000000000px; } 17 .minSizeWideGrid { min-width: 1000000000px; }
15 .minSizeTallGrid { min-height: 1000000000px; } 18 .minSizeTallGrid { min-height: 1000000000px; }
16 19
17 .lotsOfFixedRepeatWithAutoFitCols { grid-template-columns: repeat(auto-fit, 10px 2px 8px) repeat(992, 1px); } 20 .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); } 21 .lotsOfFixedRepeatWithAutoFillCols { grid-template-columns: repeat(auto-fill, 10 px 2px 8px 7px 20px) repeat(995, 1px); }
19 22
20 .lotsOfAutoRepeatWithAutoFitCols { grid-template-columns: repeat(auto-fit, 10px 2px 8px) repeat(10, 1px); } 23 .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); } 24 .lotsOfAutoRepeatWithAutoFillCols { grid-template-columns: repeat(auto-fill, 10p x 2px 8px 7px 20px) repeat(10, 1px); }
22 25
23 .lotsOfFixedRepeatWithAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2p x 8px) repeat(992, 1px); } 26 .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); } 27 .lotsOfFixedRepeatWithAutoFillRows { grid-template-rows: repeat(auto-fill, 10px 2px 8px 7px 20px) repeat(995, 1px); }
25 28
26 .lotsOfAutoRepeatWithAutoFitRows { grid-template-rows: repeat(auto-fit, 10px 2px 8px) repeat(10, 1px); } 29 .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); } 30 .lotsOfAutoRepeatWithAutoFillRows { grid-template-rows: repeat(auto-fill, 10px 2 px 8px 7px 20px) repeat(10, 1px); }
31
32 .autoFitRows25px { grid-template-rows: repeat(auto-fit, 10px 2px 8px 5px); }
33 .autoFitCols25px { grid-template-columns: repeat(auto-fit, 10px 2px 8px 5px); }
34
35 .autoFillRows25px { grid-template-rows: repeat(auto-fill, 17px 8px); }
36 .autoFillCols25px { grid-template-columns: repeat(auto-fill, 2px 23px); }
37
38 .autoFitRows205pxFixed5px { grid-template-rows: repeat(auto-fit, 20px 50px 13px 50px 72px) repeat(900, 5px); }
39 .autoFitCols205pxFixed5px { grid-template-columns: repeat(auto-fit, 20px 50px 13 px 50px 72px) repeat(900, 5px); }
40
41 .autoFillRows205pxFixed5px { grid-template-rows: repeat(auto-fill, 200px 5px) re peat(900, 5px); }
42 .autoFillCols205pxFixed5px { grid-template-columns: repeat(auto-fill, 200px 5px) repeat(900, 5px); }
43
44 .autoFitAndAThousandFixedRows { grid-template-rows: repeat(auto-fit, 20px 50px 7 2px) repeat(1000, 37px); }
45 .autoFitAndAThousandFixedCols { grid-template-columns: repeat(auto-fit, 20px 50p x 72px) repeat(1000, 37px); }
46
47 .autoFillAndAThousandFixedRows { grid-template-rows: repeat(auto-fill, 2px) repe at(1000, 37px); }
48 .autoFillAndAThousandFixedCols { grid-template-columns: repeat(auto-fill, 2px) r epeat(1000, 37px); }
49
50 .autoFitAndMoreThanThousandFixedRows { grid-template-rows: repeat(auto-fit, 11px 13px 125px) repeat(2000, 7px); }
51 .autoFitAndMoreThanThousandFixedCols { grid-template-columns: repeat(auto-fit, 1 1px 13px 125px) repeat(2000, 7px); }
52
53 .autoFillAndMoreThanThousandFixedRows { grid-template-rows: repeat(auto-fill, 20 px 50px 72px) repeat(2000, 7px); }
54 .autoFillAndMoreThanThousandFixedCols { grid-template-columns: repeat(auto-fill, 20px 50px 72px) repeat(2000, 7px); }
55
56 .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); }
57 .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); }
58
59 .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); }
60 .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); }
61
28 </style> 62 </style>
29 63
30 <div id="wideAutoFillGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFillCol s"></div> 64 <div id="wideAutoFillGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFillCol s"></div>
31 <div id="wideAutoFitGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFitCols" > 65 <div id="wideAutoFitGrid" class="grid wideGrid lotsOfFixedRepeatWithAutoFitCols" >
32 <div>Item1</div> 66 <div>Item1</div>
33 <div>Item2</div> 67 <div>Item2</div>
34 <div>Item3</div> 68 <div>Item3</div>
35 </div> 69 </div>
36 70
37 <div id="tallAutoFillGrid" class="grid tallGrid lotsOfFixedRepeatWithAutoFillRow s"></div> 71 <div id="tallAutoFillGrid" class="grid tallGrid lotsOfFixedRepeatWithAutoFillRow s"></div>
(...skipping 24 matching lines...) Expand all
62 <div>Item3</div> 96 <div>Item3</div>
63 </div> 97 </div>
64 98
65 <div id="tallAutoFillGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWith AutoFillRows minSizeTallGrid min-content"></div> 99 <div id="tallAutoFillGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWith AutoFillRows minSizeTallGrid min-content"></div>
66 <div id="tallAutoFitGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWithA utoFitRows minSizeTallGrid min-content"> 100 <div id="tallAutoFitGridFewRepetitionsMinSize" class="grid lotsOfAutoRepeatWithA utoFitRows minSizeTallGrid min-content">
67 <div>Item1</div> 101 <div>Item1</div>
68 <div>Item2</div> 102 <div>Item2</div>
69 <div>Item3</div> 103 <div>Item3</div>
70 </div> 104 </div>
71 105
106 <div id="AThousandAutoFillRows" class="grid height25k autoFillRows25px"></div>
Manuel Rego 2017/02/06 09:51:12 Nit: Previous IDs start with lowercase, but the ne
svillar 2017/02/06 10:06:03 Right, seems like we always use lowercase, so I'll
107 <div id="AThousandAutoFitRows" class="grid height25k autoFitRows25px">
108 <div>Item1</div>
109 <div>Item2</div>
110 <div>Item3</div>
111 </div>
112
113 <div id="AThousandAutoFillCols" class="grid width25k autoFillCols25px"></div>
114 <div id="AThousandAutoFitCols" class="grid width25k autoFitCols25px">
115 <div>Item1</div>
116 <div>Item2</div>
117 <div>Item3</div>
118 </div>
119
120 <div id="AThousandAutoFillAndFixedRows" class="grid height25k autoFillRows205pxF ixed5px"></div>
121 <div id="AThousandAutoFitAndFixedRows" class="grid height25k autoFitRows205pxFix ed5px">
122 <div>Item1</div>
123 <div>Item2</div>
124 <div>Item3</div>
125 </div>
126
127 <div id="AThousandAutoFillAndFixedCols" class="grid width25k autoFillCols205pxFi xed5px"></div>
128 <div id="AThousandAutoFitAndFixedCols" class="grid width25k autoFitCols205pxFixe d5px">
129 <div>Item1</div>
130 <div>Item2</div>
131 <div>Item3</div>
132 </div>
133
134 <div id="AThousandFixedZeroAutoFillRows" class="grid height25k autoFillAndAThous andFixedRows"></div>
135 <div id="AThousandFixedZeroAutoFitRows" class="grid height25k autoFitAndAThousan dFixedRows">
136 <div>Item1</div>
137 <div>Item2</div>
138 <div>Item3</div>
139 </div>
140
141 <div id="AThousandFixedZeroAutoFillCols" class="grid width25k autoFillAndAThousa ndFixedCols"></div>
142 <div id="AThousandFixedZeroAutoFitCols" class="grid width25k autoFitAndAThousand FixedCols">
143 <div>Item1</div>
144 <div>Item2</div>
145 <div>Item3</div>
146 </div>
147
148
149 <div id="AThousandFixedZeroAutoFillRowsFreeSpace" class="grid tallGrid autoFillA ndAThousandFixedRows"></div>
150 <div id="AThousandFixedZeroAutoFitRowsFreeSpace" class="grid tallGrid autoFitAnd AThousandFixedRows">
151 <div>Item1</div>
152 <div>Item2</div>
153 <div>Item3</div>
154 </div>
155
156 <div id="AThousandFixedZeroAutoFillColsFreeSpace" class="grid wideGrid autoFillA ndAThousandFixedCols"></div>
157 <div id="AThousandFixedZeroAutoFitColsFreeSpace" class="grid wideGrid autoFitAnd AThousandFixedCols">
158 <div>Item1</div>
159 <div>Item2</div>
160 <div>Item3</div>
161 </div>
162
163 <div id="MoreThanAThousandFixedZeroAutoFillRows" class="grid height25k autoFillA ndMoreThanThousandFixedRows"></div>
164 <div id="MoreThanAThousandFixedZeroAutoFitRows" class="grid height25k autoFitAnd MoreThanThousandFixedRows">
165 <div>Item1</div>
166 <div>Item2</div>
167 <div>Item3</div>
168 </div>
169
170 <div id="MoreThanAThousandFixedZeroAutoFillCols" class="grid width25k autoFillAn dMoreThanThousandFixedCols"></div>
171 <div id="MoreThanAThousandFixedZeroAutoFitCols" class="grid width25k autoFitAndM oreThanThousandFixedCols">
172 <div>Item1</div>
173 <div>Item2</div>
174 <div>Item3</div>
175 </div>
176
177 <div id="HandMadeAutoFillRows" class="grid tallGrid handMadeMoreThanThousandAuto FillRows"></div>
178 <div id="HandMadeAutoFitRows" class="grid tallGrid handMadeMoreThanThousandAutoF itRows"></div>
179
180 <div id="HandMadeAutoFillCols" class="grid wideGrid handMadeMoreThanThousandAuto FillCols"></div>
181 <div id="HandMadeAutoFitCols" class="grid wideGrid handMadeMoreThanThousandAutoF itCols"></div>
182
72 <script> 183 <script>
73 function testElement(element, property, length) { 184 function testElement(element, property, length) {
74 var tracks = getComputedStyle(document.getElementById(element), '').getProp ertyValue(property).split(' '); 185 var propertyValue = getComputedStyle(document.getElementById(element), ''). getPropertyValue(property);
186
187 if (propertyValue == "") {
188 assert_equals(length, 0);
189 return [];
190 }
191
192 var tracks = propertyValue.split(' ');
75 assert_equals(tracks.length, length); 193 assert_equals(tracks.length, length);
76 return tracks; 194 return tracks;
77 } 195 }
78 196
79 test(function() { 197 test(function() {
80 testElement("wideAutoFillGrid", "grid-template-columns", 1000); 198 testElement("wideAutoFillGrid", "grid-template-columns", 1000);
81 testElement("wideAutoFitGrid", "grid-template-columns", 998); 199 testElement("wideAutoFitGrid", "grid-template-columns", 998);
82 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids."); 200 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids.");
83 201
84 test(function() { 202 test(function() {
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
119 tallAutoFillGrid.style.gridGap = "1000000px"; 237 tallAutoFillGrid.style.gridGap = "1000000px";
120 tallAutoFitGrid.style.gridGap = "1000000px"; 238 tallAutoFitGrid.style.gridGap = "1000000px";
121 239
122 testElement("tallAutoFillGridFewRepetitions", "grid-template-rows", 130); 240 testElement("tallAutoFillGridFewRepetitions", "grid-template-rows", 130);
123 testElement("tallAutoFitGridFewRepetitions", "grid-template-rows", 82); 241 testElement("tallAutoFitGridFewRepetitions", "grid-template-rows", 82);
124 242
125 tallAutoFillGrid.style.gridGap = "0px"; 243 tallAutoFillGrid.style.gridGap = "0px";
126 tallAutoFitGrid.style.gridGap = "0px"; 244 tallAutoFitGrid.style.gridGap = "0px";
127 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids with gaps."); 245 }, "Test that we don't get more than kGridMaxTracks repetitions even on very tal l grids with gaps.");
128 246
129 test(function() { 247 test(function() {
130 var autoFillCols = testElement("wideAutoFillGridFewRepetitionsMinSize", "gr id-template-columns", 1000); 248 var autoFillCols = testElement("wideAutoFillGridFewRepetitionsMinSize", "gr id-template-columns", 1000);
131 var autoFitCols = testElement("wideAutoFitGridFewRepetitionsMinSize", "grid -template-columns", 1000); 249 var autoFitCols = testElement("wideAutoFitGridFewRepetitionsMinSize", "grid -template-columns", 1000);
132 250
133 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */ 251 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */
134 assert_equals(autoFillCols[1000 - 10 - 1], "20px"); 252 assert_equals(autoFillCols[1000 - 10 - 1], "20px");
135 assert_equals(autoFillCols[1000 - 10], "1px"); 253 assert_equals(autoFillCols[1000 - 10], "1px");
136 assert_equals(autoFitCols[1000 - 10 - 1], "0px"); 254 assert_equals(autoFitCols[1000 - 10 - 1], "0px");
137 assert_equals(autoFitCols[1000 - 10], "1px"); 255 assert_equals(autoFitCols[1000 - 10], "1px");
138 256
139 var autoFillRows = testElement("tallAutoFillGridFewRepetitionsMinSize", "gr id-template-rows", 1000); 257 var autoFillRows = testElement("tallAutoFillGridFewRepetitionsMinSize", "gr id-template-rows", 1000);
140 var autoFitRows = testElement("tallAutoFitGridFewRepetitionsMinSize", "grid -template-rows", 1000); 258 var autoFitRows = testElement("tallAutoFitGridFewRepetitionsMinSize", "grid -template-rows", 1000);
141 259
142 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */ 260 /* Check that clamping auto repetitions does not reduce the amount of the o ther tracks. */
143 assert_equals(autoFillRows[1000 - 10 - 1], "20px"); 261 assert_equals(autoFillRows[1000 - 10 - 1], "20px");
144 assert_equals(autoFillRows[1000 - 10], "1px"); 262 assert_equals(autoFillRows[1000 - 10], "1px");
145 assert_equals(autoFitRows[1000 - 10 - 1], "0px"); 263 assert_equals(autoFitRows[1000 - 10 - 1], "0px");
146 assert_equals(autoFitRows[1000 - 10], "1px"); 264 assert_equals(autoFitRows[1000 - 10], "1px");
147 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wi de grids with gaps and min-width."); 265 }, "Test that we don't get more than kGridMaxTracks repetitions even on very wid e grids with gaps and min-width.");
266
267 test(function() {
268 testElement("AThousandAutoFillRows", "grid-template-rows", 1000);
269 testElement("AThousandAutoFitRows", "grid-template-rows", 1000);
270 }, "Test that we don't crash when there are exactly kGridMaxTracks auto repeat r ows on very tall grids.");
271
272 test(function() {
273 testElement("AThousandAutoFillCols", "grid-template-columns", 1000);
274 testElement("AThousandAutoFitCols", "grid-template-columns", 1000);
275 }, "Test that we don't crash when there are exactly kGridMaxTracks auto repeat c olumns on very wide grids.");
276
277 test(function() {
278 testElement("AThousandAutoFillAndFixedRows", "grid-template-rows", 1000);
279 testElement("AThousandAutoFitAndFixedRows", "grid-template-rows", 1000);
280 }, "Test that we don't crash when there are exactly kGridMaxTracks (normal and a uto-repeat) rows on very tall grids.");
281
282 test(function() {
283 testElement("AThousandAutoFillAndFixedCols", "grid-template-columns", 1000) ;
284 testElement("AThousandAutoFitAndFixedCols", "grid-template-columns", 1000);
285 }, "Test that we don't crash when there are exactly kGridMaxTracks (normal and a uto-repeat) columns on very wide grids.");
286
287
288 test(function() {
289 var tallAutoFillGrid = testElement("AThousandFixedZeroAutoFillRows", "grid- template-rows", 1000);
290 var tallAutoFitGrid = testElement("AThousandFixedZeroAutoFitRows", "grid-te mplate-rows", 1000);
291
292 // There shouldn't be any auto-repeat tracks
Manuel Rego 2017/02/06 09:51:12 Nit: Missing dot after comment.
svillar 2017/02/06 10:06:03 ACK to all
293 assert_equals(tallAutoFillGrid[0], "37px");
294 assert_equals(tallAutoFitGrid[0], "37px");
295 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-repe at rows on very tall grids.");
296
297 test(function() {
298 var wideAutoFillGrid = testElement("AThousandFixedZeroAutoFillCols", "grid- template-columns", 1000);
299 var wideAutoFitGrid = testElement("AThousandFixedZeroAutoFitCols", "grid-te mplate-columns", 1000);
300
301 // There shouldn't be any auto-repeat tracks
Manuel Rego 2017/02/06 09:51:12 Nit: Ditto.
302 assert_equals(wideAutoFillGrid[0], "37px");
303 assert_equals(wideAutoFitGrid[0], "37px");
304 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-repe at columns on very wide grids.");
305
306 test(function() {
307 var tallAutoFillGrid = testElement("AThousandFixedZeroAutoFillRowsFreeSpace ", "grid-template-rows", 1000);
308 var tallAutoFitGrid = testElement("AThousandFixedZeroAutoFitRowsFreeSpace", "grid-template-rows", 1000);
309
310 // There shouldn't be any auto-repeat tracks
Manuel Rego 2017/02/06 09:51:11 Nit: Ditto.
311 assert_equals(tallAutoFillGrid[0], "37px");
312 assert_equals(tallAutoFitGrid[0], "37px");
313 }, "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.");
314
315 test(function() {
316 var wideAutoFillGrid = testElement("AThousandFixedZeroAutoFillColsFreeSpace ", "grid-template-columns", 1000);
317 var wideAutoFitGrid = testElement("AThousandFixedZeroAutoFitColsFreeSpace", "grid-template-columns", 1000);
318
319 // There shouldn't be any auto-repeat tracks
Manuel Rego 2017/02/06 09:51:12 Nit: Ditto.
320 assert_equals(wideAutoFillGrid[0], "37px");
321 assert_equals(wideAutoFitGrid[0], "37px");
322 }, "Test that we don't crash when there are exactly kGridMaxTracks non auto-rep eat columns on very wide grids with enough room for auto repetitions.");
323
324 test(function() {
325 var tallAutoFillGrid = testElement("MoreThanAThousandFixedZeroAutoFillRows" , "grid-template-rows", 1000);
326 var tallAutoFitGrid = testElement("MoreThanAThousandFixedZeroAutoFitRows", "grid-template-rows", 1000);
327
328 // There shouldn't be any auto-repeat tracks
Manuel Rego 2017/02/06 09:51:12 Nit: Ditto.
329 assert_equals(tallAutoFillGrid[0], "7px");
330 assert_equals(tallAutoFitGrid[0], "7px");
331 }, "Test that we don't crash when there are more than kGridMaxTracks non auto-re peat rows on very tall grids.");
332
333 test(function() {
334 var wideAutoFillGrid = testElement("MoreThanAThousandFixedZeroAutoFillCols" , "grid-template-columns", 1000);
335 var wideAutoFitGrid = testElement("MoreThanAThousandFixedZeroAutoFitCols", "grid-template-columns", 1000);
336
337 // There shouldn't be any auto-repeat tracks
Manuel Rego 2017/02/06 09:51:12 Nit: Ditto.
338 assert_equals(wideAutoFillGrid[0], "7px");
339 assert_equals(wideAutoFitGrid[0], "7px");
340 }, "Test that we don't crash when there are more than kGridMaxTracks non auto-re peat columns on very wide grids.");
341
342 test(function() {
343 testElement("HandMadeAutoFillRows", "grid-template-rows", 0);
344 testElement("HandMadeAutoFitRows", "grid-template-rows", 0);
345 }, "Test that we don't crash when there are more than kGridMaxTracks rows in th e auto repeat <track-list>.");
346
347 test(function() {
348 testElement("HandMadeAutoFillCols", "grid-template-columns", 0);
349 testElement("HandMadeAutoFitCols", "grid-template-columns", 0);
350 }, "Test that we don't crash when there are more than kGridMaxTracks columns in the auto repeat <track-list>.");
148 351
149 </script> 352 </script>
OLDNEW
« no previous file with comments | « no previous file | third_party/WebKit/Source/core/layout/Grid.cpp » ('j') | third_party/WebKit/Source/core/layout/LayoutGrid.cpp » ('J')

Powered by Google App Engine
This is Rietveld 408576698