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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 23472008: [CSS Grid Layout] Support calc() breadth track size (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@103761-wk
Patch Set: Created 7 years, 3 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-multiple.html ('k') | LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('j') | LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Test that setting and getting grid-definition-columns and grid-definition-rows w orks 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-definition-columns| and |grid-definition-rows| set through CS S 6 Test getting |grid-definition-columns| and |grid-definition-rows| set through CS S
7 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "7px 11px" 7 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "7px 11px"
8 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "17px 2px" 8 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "17px 2px"
9 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "53% 99%" 9 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "53% 99%"
10 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "27% 52%" 10 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "27% 52%"
(...skipping 10 matching lines...) Expand all
21 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "min-content max-content" 21 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "min-content max-content"
22 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "max-content min-content" 22 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "max-content min-content"
23 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(45px, 30%) 15px" 23 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(45px, 30%) 15px"
24 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "120px minmax(35%, 10px)" 24 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "120px minmax(35%, 10px)"
25 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(min-content, 30%) 15px" 25 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(min-content, 30%) 15px"
26 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "120px minmax(35%, max-content)" 26 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "120px minmax(35%, max-content)"
27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "1fr 2fr" 27 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "1fr 2fr"
28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "3fr 4fr" 28 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "3fr 4fr"
29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(min-content, 45px) 2fr" 29 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(min-content, 45px) 2fr"
30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "3fr minmax(14px, max-content)" 30 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "3fr minmax(14px, max-content)"
31 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "200px 100px"
32 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "150px 75px"
33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50% 80px"
34 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "88px 25%"
35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "190px minmax(min-content, 80px)"
36 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "minmax(25%, max-content) 53px"
37 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "minmax(103px, 400px) 120px"
38 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "150px minmax(5%, 175px)"
31 39
32 Test the initial value 40 Test the initial value
33 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
34 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 42 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
35 43
36 Test getting and setting grid-definition-rows and grid-definition-columns throug h JS 44 Test getting and setting grid-definition-rows and grid-definition-columns throug h JS
37 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px 22px" 45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px 22px"
38 PASS element.style.gridDefinitionColumns is "18px 22px" 46 PASS element.style.gridDefinitionColumns is "18px 22px"
39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px 70px" 47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px 70px"
40 PASS element.style.gridDefinitionRows is "66px 70px" 48 PASS element.style.gridDefinitionRows is "66px 70px"
(...skipping 14 matching lines...) Expand all
55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(10%, 15%) auto" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(10%, 15%) auto"
56 PASS element.style.gridDefinitionRows is "minmax(10%, 15%) auto" 64 PASS element.style.gridDefinitionRows is "minmax(10%, 15%) auto"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "160px 2fr" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "160px 2fr"
58 PASS element.style.gridDefinitionColumns is "16em 2fr" 66 PASS element.style.gridDefinitionColumns is "16em 2fr"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 14fr auto" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 14fr auto"
60 PASS element.style.gridDefinitionRows is "14fr auto" 68 PASS element.style.gridDefinitionRows is "14fr auto"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "50% 96px" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "50% 96px"
62 PASS element.style.gridDefinitionColumns is "50% 12vw" 70 PASS element.style.gridDefinitionColumns is "50% 12vw"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 5% 510px" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 5% 510px"
64 PASS element.style.gridDefinitionRows is "5% 85vh" 72 PASS element.style.gridDefinitionRows is "5% 85vh"
73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "25px 20px"
74 PASS element.style.gridDefinitionColumns is "calc(25px) calc(2em)"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " auto 10%"
76 PASS element.style.gridDefinitionRows is "auto calc(10%)"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "345px minmax(min-content, 92px)"
78 PASS element.style.gridDefinitionColumns is "calc(25px + 40%) minmax(min-content , calc(10% + 12px))"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(100px, max-content) auto"
80 PASS element.style.gridDefinitionRows is "minmax(calc(75% - 350px), max-content) auto"
65 81
66 Test getting wrong values set from CSS 82 Test getting wrong values set from CSS
67 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -columns') is 'none' 83 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -columns') is 'none'
68 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -rows') is 'none' 84 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -rows') is 'none'
69 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-columns') is 'none' 85 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-columns') is 'none'
70 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-rows') is 'none' 86 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-rows') is 'none'
71 87
72 Test setting and getting wrong values from JS 88 Test setting and getting wrong values from JS
73 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 89 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
74 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 90 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
75 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 91 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
76 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 92 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
77 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
78 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
79 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
80 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
81 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
82 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
83 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
84 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
85 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
86 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
87 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
88 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
89 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 105 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
90 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 106 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
109 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
110 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
111 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
112 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none"
91 113
92 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS 114 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS
93 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 1fr last" 115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 1fr last"
94 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "101% middle 45px" 116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "101% middle 45px"
95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 1fr last" 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 1fr last"
96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "101% middle 45px" 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "101% middle 45px"
97 119
98 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS 120 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS
99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "150% middle 55px" 121 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "150% middle 55px"
100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "1fr line 2fr line" 122 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "1fr line 2fr line"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 123 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
102 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 124 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
103 PASS successfullyParsed is true 125 PASS successfullyParsed is true
104 126
105 TEST COMPLETE 127 TEST COMPLETE
106 128
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html ('k') | LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('j') | LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698