[CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns}
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / grid-columns-rows-get-set-expected.txt
1 Test that setting and getting grid-definition-columns and grid-definition-rows works as expected
2
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
4
5
6 Test getting -webkit-grid-definition-columns and -webkit-grid-definition-rows set through CSS
7 PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
8 PASS getComputedStyle(gridWithNoneElement, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
9 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-definition-columns') is '10px'
10 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('-webkit-grid-definition-rows') is '15px'
11 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-definition-columns') is '53%'
12 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('-webkit-grid-definition-rows') is '27%'
13 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-definition-columns') is 'auto'
14 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('-webkit-grid-definition-rows') is 'auto'
15 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-definition-columns') is '100px'
16 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('-webkit-grid-definition-rows') is '150px'
17 PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-definition-columns') is '64px'
18 PASS getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-definition-rows') is '60px'
19 PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(10%, 15px)'
20 PASS getComputedStyle(gridWithMinMax, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(20px, 50%)'
21 PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('-webkit-grid-definition-columns') is '-webkit-min-content'
22 PASS getComputedStyle(gridWithMinContent, '').getPropertyValue('-webkit-grid-definition-rows') is '-webkit-min-content'
23 PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('-webkit-grid-definition-columns') is '-webkit-max-content'
24 PASS getComputedStyle(gridWithMaxContent, '').getPropertyValue('-webkit-grid-definition-rows') is '-webkit-max-content'
25
26 Test getting wrong values for -webkit-grid-definition-columns and -webkit-grid-definition-rows through CSS (they should resolve to the default: 'none')
27 PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
28 PASS getComputedStyle(gridWithFitContentElement, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
29 PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
30 PASS getComputedStyle(gridWithFitAvailableElement, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
31
32 Test the initial value
33 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
34 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
35
36 Test getting and setting -webkit-grid-definition-columns and -webkit-grid-definition-rows through JS
37 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is '18px'
38 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is '66px'
39 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is '55%'
40 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is '40%'
41 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'auto'
42 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'auto'
43 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is '80px'
44 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is '150px'
45 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is '-webkit-min-content'
46 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is '-webkit-min-content'
47 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is '-webkit-max-content'
48 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is '-webkit-max-content'
49
50 Test getting and setting -webkit-grid-definition-columns and -webkit-grid-definition-rows to minmax() values through JS
51 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(55%, 45px)'
52 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(30px, 40%)'
53 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(220px, 48px)'
54 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(80px, 50px)'
55 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(-webkit-min-content, 48px)'
56 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(80px, -webkit-min-content)'
57 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(220px, -webkit-max-content)'
58 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(-webkit-max-content, 50px)'
59 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(220px, -webkit-max-content)'
60 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(-webkit-max-content, 50px)'
61 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'minmax(-webkit-min-content, -webkit-max-content)'
62 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'minmax(-webkit-max-content, -webkit-min-content)'
63
64 Test setting grid-definition-columns and grid-definition-rows to bad minmax value through JS
65 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
66 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
67 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
68 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
69 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
70 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
71 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
72 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
73
74 Test setting grid-definition-columns and grid-definition-rows back to 'none' through JS
75 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is '18px'
76 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is '66px'
77 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-columns') is 'none'
78 PASS getComputedStyle(element, '').getPropertyValue('-webkit-grid-definition-rows') is 'none'
79 PASS successfullyParsed is true
80
81 TEST COMPLETE
82