[css-grid] Implement fit-content track size
[WebKit-https.git] / LayoutTests / fast / css-grid-layout / grid-auto-columns-rows-get-set-expected.txt
1 Test that setting and getting grid-auto-columns and grid-auto-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 grid-auto-columns and grid-auto-rows set through CSS
7 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-rows') is "30px"
8 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-auto-columns') is "50px"
9 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-rows') is "minmax(10%, 15px)"
10 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-auto-columns') is "minmax(30%, 100px)"
11 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-rows') is "-webkit-min-content"
12 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-auto-columns') is "-webkit-max-content"
13 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-auto-rows') is "minmax(auto, 48px)"
14 PASS window.getComputedStyle(gridAutoAutoInMinMax, '').getPropertyValue('grid-auto-columns') is "minmax(80px, auto)"
15 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto-rows') is "fit-content(50%)"
16 PASS window.getComputedStyle(gridAutoFitContent, '').getPropertyValue('grid-auto-columns') is "fit-content(30px)"
17
18 Test that getting grid-template-columns and grid-template-rows set through CSS lists every track listed whether implicitly or explicitly created
19 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-auto-rows') is "30px"
20 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-auto-columns') is "50px"
21 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-template-columns') is "50px"
22 PASS window.getComputedStyle(gridAutoFixedFixedWithChildren, '').getPropertyValue('grid-template-rows') is "30px"
23 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-auto-rows') is "30px"
24 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-auto-columns') is "40px"
25 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-template-columns') is "20px 40px 40px"
26 PASS window.getComputedStyle(gridAutoFixedFixedWithFixedFixedWithChildren, '').getPropertyValue('grid-template-rows') is "15px 30px 30px"
27 PASS window.getComputedStyle(gridAutoMultipleTracks, '').getPropertyValue('grid-template-columns') is "25px 50px 100px 25px"
28 PASS window.getComputedStyle(gridAutoMultipleTracks, '').getPropertyValue('grid-template-rows') is "10px 20px 30px 10px"
29 PASS window.getComputedStyle(gridAutoMultipleTracksNegativeIndexes, '').getPropertyValue('grid-template-columns') is "100px 25px 50px 100px"
30 PASS window.getComputedStyle(gridAutoMultipleTracksNegativeIndexes, '').getPropertyValue('grid-template-rows') is "30px 10px 20px 30px"
31
32 Test that grid-template-* definitions are not affected by grid-auto-* definitions
33 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-template-columns') is "none"
34 PASS window.getComputedStyle(gridAutoFixedFixed, '').getPropertyValue('grid-template-rows') is "none"
35 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-template-columns') is "none"
36 PASS window.getComputedStyle(gridAutoMinMax, '').getPropertyValue('grid-template-rows') is "none"
37 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-template-columns') is "none"
38 PASS window.getComputedStyle(gridAutoMinMaxContent, '').getPropertyValue('grid-template-rows') is "none"
39
40 Test the initial value
41 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
42 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
43
44 Test getting and setting grid-auto-columns and grid-auto-rows through JS
45 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "180px"
46 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "660px"
47 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(-webkit-min-content, 48px)"
48 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax(80px, -webkit-min-content)"
49 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(-webkit-min-content, -webkit-max-content)"
50 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "minmax(-webkit-max-content, -webkit-min-content)"
51 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "minmax(-webkit-min-content, 10px) 48px 5%"
52 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto 30px minmax(10%, 60%)"
53 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "fit-content(10px) fit-content(30%)"
54 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "fit-content(5%) fit-content(40px)"
55
56 Test setting grid-auto-columns and grid-auto-rows to bad minmax value through JS
57 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
58 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
60 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
62 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
64 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
66 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
68 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is "auto"
70 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is "auto"
71
72 Test setting grid-auto-columns and grid-auto-rows to 'inherit' through JS
73 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '50px'
74 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '101%'
75
76 Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS
77 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is '150%'
78 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is '1fr'
79 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-columns') is 'auto'
80 PASS getComputedStyle(element, '').getPropertyValue('grid-auto-rows') is 'auto'
81 PASS successfullyParsed is true
82
83 TEST COMPLETE
84