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

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: Patch for landing Created 7 years, 1 month 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/non-grid-columns-rows-get-set.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-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(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "7px 11px" 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "7px 11px"
8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "17px 2px" 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "17px 2px"
9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "424px 792px" 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "424px 792px"
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "162px 312px" 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "162px 312px"
(...skipping 12 matching lines...) Expand all
23 PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPr opertyValue('grid-definition-columns') is "7px 17px" 23 PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPr opertyValue('grid-definition-columns') is "7px 17px"
24 PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPr opertyValue('grid-definition-rows') is "11px 3px" 24 PASS window.getComputedStyle(gridWithMinMaxContentWithChildrenElement, '').getPr opertyValue('grid-definition-rows') is "11px 3px"
25 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-columns') is "240px 15px" 25 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-columns') is "240px 15px"
26 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-rows') is "120px 210px" 26 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-rows') is "120px 210px"
27 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-columns') is "240px 15px" 27 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-columns') is "240px 15px"
28 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-rows') is "120px 210px" 28 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-rows') is "120px 210px"
29 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-columns') is "320px 480px" 29 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-columns') is "320px 480px"
30 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-rows') is "225px 375px" 30 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-rows') is "225px 375px"
31 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-columns') is "45px 755px" 31 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-columns') is "45px 755px"
32 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-rows') is "586px 14px" 32 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-rows') is "586px 14px"
33 PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-defini tion-columns') is "200px 100px"
34 PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-defini tion-rows') is "150px 75px"
35 PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-de finition-columns') is "400px 80px"
36 PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-de finition-rows') is "88px 150px"
37 PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-d efinition-columns') is "190px 80px"
38 PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-d efinition-rows') is "150px 53px"
39 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-columns') is "400px 120px"
40 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-rows') is "150px 175px"
33 41
34 Test the initial value 42 Test the initial value
35 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
36 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 44 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
37 45
38 Test getting and setting grid-definition-rows and grid-definition-columns throug h JS 46 Test getting and setting grid-definition-rows and grid-definition-columns throug h JS
39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px 22px" 47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "18px 22px"
40 PASS element.style.gridDefinitionColumns is "18px 22px" 48 PASS element.style.gridDefinitionColumns is "18px 22px"
41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px 70px" 49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px 70px"
42 PASS element.style.gridDefinitionRows is "66px 70px" 50 PASS element.style.gridDefinitionRows is "66px 70px"
(...skipping 14 matching lines...) Expand all
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 90px 0px" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 90px 0px"
58 PASS element.style.gridDefinitionRows is "minmax(10%, 15%) auto" 66 PASS element.style.gridDefinitionRows is "minmax(10%, 15%) auto"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "160px 640px" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "160px 640px"
60 PASS element.style.gridDefinitionColumns is "16em 2fr" 68 PASS element.style.gridDefinitionColumns is "16em 2fr"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px 0px" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 600px 0px"
62 PASS element.style.gridDefinitionRows is "14fr auto" 70 PASS element.style.gridDefinitionRows is "14fr auto"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "400px 96px" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "400px 96px"
64 PASS element.style.gridDefinitionColumns is "50% 12vw" 72 PASS element.style.gridDefinitionColumns is "50% 12vw"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 30px 510px" 73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 30px 510px"
66 PASS element.style.gridDefinitionRows is "5% 85vh" 74 PASS element.style.gridDefinitionRows is "5% 85vh"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "25px 20px"
76 PASS element.style.gridDefinitionColumns is "calc(25px) calc(2em)"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px 60px"
78 PASS element.style.gridDefinitionRows is "auto calc(10%)"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "345px 92px"
80 PASS element.style.gridDefinitionColumns is "calc(25px + 40%) minmax(min-content , calc(10% + 12px))"
81 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 100px 0px"
82 PASS element.style.gridDefinitionRows is "minmax(calc(75% - 350px), max-content) auto"
67 83
68 Test getting wrong values set from CSS 84 Test getting wrong values set from CSS
69 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -columns') is 'none' 85 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -columns') is 'none'
70 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -rows') is 'none' 86 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -rows') is 'none'
71 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-columns') is 'none' 87 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-columns') is 'none'
72 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-rows') is 'none' 88 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-rows') is 'none'
73 89
74 Test setting and getting wrong values from JS 90 Test setting and getting wrong values from JS
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"
91 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none"
92 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') 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"
93 113
94 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
95 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 750px last" 115 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 750px last"
96 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "20px middle 45px" 116 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "20px middle 45px"
97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 0px last" 117 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "50px 0px last"
98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "20px middle 45px" 118 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "20px middle 45px"
99 119
100 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
101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "1200px middle 55px" 121 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "1200px middle 55px"
102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "200px line 400px line" 122 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "200px line 400px line"
103 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 123 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
104 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 124 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
105 PASS successfullyParsed is true 125 PASS successfullyParsed is true
106 126
107 TEST COMPLETE 127 TEST COMPLETE
108 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/non-grid-columns-rows-get-set.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698