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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-columns-rows-computed-style-gaps-content-alignment-expected.txt

Issue 2080643002: [css-grid] Implement repeat(auto-fit) (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Patch for landing v3 Created 4 years, 5 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 | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-columns-rows-computed-style-gaps-content-alignment.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Test that computed style for grid-template-columns and grid-template-rows works as expected with content alignment and gaps. 1 Test that computed style for grid-template-columns and grid-template-rows works as expected with content alignment and gaps.
2 2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ". 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ".
4 4
5 5
6 PASS window.getComputedStyle(gridContentStart, '').getPropertyValue('grid-templa te-columns') is "300px 200px 100px" 6 PASS window.getComputedStyle(gridContentStart, '').getPropertyValue('grid-templa te-columns') is "300px 200px 100px"
7 PASS window.getComputedStyle(gridContentStart, '').getPropertyValue('grid-templa te-rows') is "150px 100px 50px" 7 PASS window.getComputedStyle(gridContentStart, '').getPropertyValue('grid-templa te-rows') is "150px 100px 50px"
8 PASS window.getComputedStyle(gridContentCenter, '').getPropertyValue('grid-templ ate-columns') is "300px 200px 100px" 8 PASS window.getComputedStyle(gridContentCenter, '').getPropertyValue('grid-templ ate-columns') is "300px 200px 100px"
9 PASS window.getComputedStyle(gridContentCenter, '').getPropertyValue('grid-templ ate-rows') is "150px 100px 50px" 9 PASS window.getComputedStyle(gridContentCenter, '').getPropertyValue('grid-templ ate-rows') is "150px 100px 50px"
10 PASS window.getComputedStyle(gridContentEnd, '').getPropertyValue('grid-template -columns') is "300px 200px 100px" 10 PASS window.getComputedStyle(gridContentEnd, '').getPropertyValue('grid-template -columns') is "300px 200px 100px"
(...skipping 13 matching lines...) Expand all
24 PASS window.getComputedStyle(gridGapsContentEnd, '').getPropertyValue('grid-temp late-columns') is "300px 200px 100px" 24 PASS window.getComputedStyle(gridGapsContentEnd, '').getPropertyValue('grid-temp late-columns') is "300px 200px 100px"
25 PASS window.getComputedStyle(gridGapsContentEnd, '').getPropertyValue('grid-temp late-rows') is "150px 100px 50px" 25 PASS window.getComputedStyle(gridGapsContentEnd, '').getPropertyValue('grid-temp late-rows') is "150px 100px 50px"
26 PASS window.getComputedStyle(gridGapsContentSpaceBetween, '').getPropertyValue(' grid-template-columns') is "300px 200px 100px" 26 PASS window.getComputedStyle(gridGapsContentSpaceBetween, '').getPropertyValue(' grid-template-columns') is "300px 200px 100px"
27 PASS window.getComputedStyle(gridGapsContentSpaceBetween, '').getPropertyValue(' grid-template-rows') is "150px 100px 50px" 27 PASS window.getComputedStyle(gridGapsContentSpaceBetween, '').getPropertyValue(' grid-template-rows') is "150px 100px 50px"
28 PASS window.getComputedStyle(gridGapsContentSpaceAround, '').getPropertyValue('g rid-template-columns') is "300px 200px 100px" 28 PASS window.getComputedStyle(gridGapsContentSpaceAround, '').getPropertyValue('g rid-template-columns') is "300px 200px 100px"
29 PASS window.getComputedStyle(gridGapsContentSpaceAround, '').getPropertyValue('g rid-template-rows') is "150px 100px 50px" 29 PASS window.getComputedStyle(gridGapsContentSpaceAround, '').getPropertyValue('g rid-template-rows') is "150px 100px 50px"
30 PASS window.getComputedStyle(gridGapsContentSpaceEvenly, '').getPropertyValue('g rid-template-columns') is "300px 200px 100px" 30 PASS window.getComputedStyle(gridGapsContentSpaceEvenly, '').getPropertyValue('g rid-template-columns') is "300px 200px 100px"
31 PASS window.getComputedStyle(gridGapsContentSpaceEvenly, '').getPropertyValue('g rid-template-rows') is "150px 100px 50px" 31 PASS window.getComputedStyle(gridGapsContentSpaceEvenly, '').getPropertyValue('g rid-template-rows') is "150px 100px 50px"
32 PASS window.getComputedStyle(gridGapsContentStretch, '').getPropertyValue('grid- template-columns') is "300px 200px 100px" 32 PASS window.getComputedStyle(gridGapsContentStretch, '').getPropertyValue('grid- template-columns') is "300px 200px 100px"
33 PASS window.getComputedStyle(gridGapsContentStretch, '').getPropertyValue('grid- template-rows') is "150px 100px 50px" 33 PASS window.getComputedStyle(gridGapsContentStretch, '').getPropertyValue('grid- template-rows') is "150px 100px 50px"
34 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
35 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
36 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
37 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
38 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
39 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
40 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
41 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
42 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
43 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
44 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
45 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
46 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
47 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
48 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-columns') is "0px 0px 0px"
49 PASS window.getComputedStyle(gridAutoFitEmpty, '').getPropertyValue('grid-templa te-rows') is "25px"
50 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
51 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
52 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
53 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
54 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
55 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
56 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
57 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
58 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
59 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
60 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
61 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
62 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
63 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
64 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-columns') is "75px 0px 0px"
65 PASS window.getComputedStyle(gridAutoFitFirstColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
66 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
67 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
68 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
69 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
70 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
71 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
72 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
73 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
74 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
75 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
76 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
77 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
78 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
79 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
80 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-columns') is "0px 75px 0px"
81 PASS window.getComputedStyle(gridAutoFitSecondColumnChild, '').getPropertyValue( 'grid-template-rows') is "25px"
82 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
83 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
84 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
85 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
86 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
87 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
88 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
89 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
90 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
91 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
92 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
93 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
94 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
95 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
96 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-columns') is "0px 0px 75px"
97 PASS window.getComputedStyle(gridAutoFitThirdColumnChild, '').getPropertyValue(' grid-template-rows') is "25px"
98 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
99 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
100 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
101 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
102 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
103 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
104 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
105 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
106 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
107 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
108 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
109 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
110 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
111 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
112 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-columns') is "75px 75px 0px"
113 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildren, '').getPropertyV alue('grid-template-rows') is "25px"
114 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
115 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
116 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
117 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
118 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
119 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
120 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
121 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
122 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
123 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
124 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
125 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
126 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
127 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
128 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-columns') is "0px 75px 75px"
129 PASS window.getComputedStyle(gridAutoFitTwoConsecutiveChildrenTwo, '').getProper tyValue('grid-template-rows') is "25px"
130 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
131 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
132 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
133 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
134 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
135 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
136 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
137 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
138 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
139 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
140 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
141 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
142 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
143 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
144 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-columns') is "75px 0px 75px"
145 PASS window.getComputedStyle(gridAutoFitTwoAlternatingChildren, '').getPropertyV alue('grid-template-rows') is "25px"
34 PASS successfullyParsed is true 146 PASS successfullyParsed is true
35 147
36 TEST COMPLETE 148 TEST COMPLETE
37 149
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-template-columns-rows-computed-style-gaps-content-alignment.html ('k') | third_party/WebKit/LayoutTests/fast/css-grid-layout/mozilla/grid-repeat-auto-fill-fit-001.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698