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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-expected.txt

Issue 16959008: [CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns} (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebased Created 7 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 | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.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 setting and getting grid-columns and grid-rows works as expected 1 Test that setting and getting grid-definition-columns and grid-definition-rows w orks as expected
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 Test getting grid-columns and grid-rows set through CSS 6 Test getting grid-definition-columns and grid-definition-rows set through CSS
7 PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-columns') is 'none' 7 PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-definition -columns') is 'none'
8 PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-rows') is 'none' 8 PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('grid-definition -rows') is 'none'
9 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-columns') is '10px' 9 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-definitio n-columns') is '10px'
10 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-rows') is '15px' 10 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-definitio n-rows') is '15px'
11 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-columns ') is '53%' 11 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-definit ion-columns') is '53%'
12 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-rows') is '27%' 12 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-definit ion-rows') is '27%'
13 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-columns') is 'auto' 13 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-definition -columns') is 'auto'
14 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-rows') is 'auto' 14 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-definition -rows') is 'auto'
15 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-columns') is '100px' 15 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-definition-c olumns') is '100px'
16 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-rows') is '1 50px' 16 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-definition-r ows') is '150px'
17 PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('g rid-columns') is '64px' 17 PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('g rid-definition-columns') is '64px'
18 PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('g rid-rows') is '60px' 18 PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('g rid-definition-rows') is '60px'
19 PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-columns') is 'm inmax(10%, 15px)' 19 PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definition-colu mns') is 'minmax(10%, 15px)'
20 PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-rows') is 'minm ax(20px, 50%)' 20 PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definition-rows ') is 'minmax(20px, 50%)'
21 PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-columns') i s 'min-content' 21 PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-definition- columns') is 'min-content'
22 PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-rows') is ' min-content' 22 PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('grid-definition- rows') is 'min-content'
23 PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-columns') i s 'max-content' 23 PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-definition- columns') is 'max-content'
24 PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-rows') is ' max-content' 24 PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('grid-definition- rows') is 'max-content'
25 PASS getComputedStyle(gridWithFraction, '').getPropertyValue('grid-columns') is '1fr' 25 PASS getComputedStyle(gridWithFraction, '').getPropertyValue('grid-definition-co lumns') is '1fr'
26 PASS getComputedStyle(gridWithFraction, '').getPropertyValue('grid-rows') is '2f r' 26 PASS getComputedStyle(gridWithFraction, '').getPropertyValue('grid-definition-ro ws') is '2fr'
27 27
28 Test getting wrong values for grid-columns and grid-rows through CSS (they shoul d resolve to the default: 'none') 28 Test getting wrong values for grid-definition-columns and grid-definition-rows t hrough CSS (they should resolve to the default: 'none')
29 PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('grid-colu mns') is 'none' 29 PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('grid-defi nition-columns') is 'none'
30 PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('grid-rows ') is 'none' 30 PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('grid-defi nition-rows') is 'none'
31 PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('grid-co lumns') is 'none' 31 PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('grid-de finition-columns') is 'none'
32 PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('grid-ro ws') is 'none' 32 PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('grid-de finition-rows') is 'none'
33 33
34 Test the initial value 34 Test the initial value
35 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 35 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
36 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 36 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
37 37
38 Test getting and setting grid-columns and grid-rows through JS 38 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS
39 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '18px' 39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '18px'
40 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '66px' 40 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 66px'
41 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '55%' 41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '55%'
42 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '40%' 42 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 40%'
43 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'auto' 43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'auto'
44 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'auto' 44 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' auto'
45 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '80px' 45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '80px'
46 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '150px' 46 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 150px'
47 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'min-cont ent' 47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'min-content'
48 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'min-content ' 48 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' min-content'
49 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'max-cont ent' 49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'max-content'
50 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'max-content ' 50 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' max-content'
51 51
52 Test getting and setting grid-columns and grid-rows to minmax() values through J S 52 Test getting and setting grid-definition-columns and grid-definition-rows to min max() values through JS
53 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'minmax(5 5%, 45px)' 53 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'minmax(55%, 45px)'
54 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(30px , 40%)' 54 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(30px, 40%)'
55 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'minmax(2 20px, 48px)' 55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'minmax(220px, 48px)'
56 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(80px , 50px)' 56 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(80px, 50px)'
57 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'minmax(m in-content, 48px)' 57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'minmax(min-content, 48px)'
58 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(80px , min-content)' 58 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(80px, min-content)'
59 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'minmax(2 20px, max-content)' 59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'minmax(220px, max-content)'
60 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(max- content, 50px)' 60 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(max-content, 50px)'
61 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'minmax(2 20px, max-content)' 61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'minmax(220px, max-content)'
62 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(max- content, 50px)' 62 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(max-content, 50px)'
63 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'minmax(m in-content, max-content)' 63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'minmax(min-content, max-content)'
64 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(max- content, min-content)' 64 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(max-content, min-content)'
65 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '3600fr' 65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '3600fr'
66 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '154fr' 66 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 154fr'
67 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '3.1459fr ' 67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '3.1459fr'
68 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '2.718fr' 68 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 2.718fr'
69 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '3fr' 69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '3fr'
70 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '4fr' 70 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 4fr'
71 71
72 Test setting grid-columns and grid-rows to bad values through JS 72 Test setting grid-definition-columns and grid-definition-rows to bad values thro ugh JS
73 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
74 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 74 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
75 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
76 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 76 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
77 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
78 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 78 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
79 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
80 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 80 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
81 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 81 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
82 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 82 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
83 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 83 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
84 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 84 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
85 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 85 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
86 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 86 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
87 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 87 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
88 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 88 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
89 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 89 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
90 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 90 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
91 91
92 Test setting grid-columns and grid-rows back to 'none' through JS 92 Test setting grid-definition-columns and grid-definition-rows back to 'none' thr ough JS
93 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '18px' 93 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '18px'
94 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '66px' 94 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 66px'
95 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 95 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
96 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 96 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
97 97
98 Test setting grid-columns and grid-rows to 'inherit' through JS 98 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS
99 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '50px las t' 99 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px last'
100 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'first 101%' 100 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 101%'
101 101
102 Test setting grid-columns and grid-rows to 'initial' through JS 102 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS
103 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '150% las t' 103 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% last'
104 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'first 1fr' 104 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' first 1fr'
105 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 105 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
106 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 106 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
107 PASS successfullyParsed is true 107 PASS successfullyParsed is true
108 108
109 TEST COMPLETE 109 TEST COMPLETE
110 110
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set.html ('k') | LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698