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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/non-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/non-grid-columns-rows-get-set-multiple.html ('k') | LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('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 "53% 99%" 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "53% 99%"
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27% 52%" 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27% 52%"
(...skipping 10 matching lines...) Expand all
21 PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-d efinition-columns') is "min-content max-content" 21 PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-d efinition-columns') is "min-content max-content"
22 PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-d efinition-rows') is "max-content min-content" 22 PASS window.getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-d efinition-rows') is "max-content min-content"
23 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-columns') is "minmax(45px, 30%) 15px" 23 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-columns') is "minmax(45px, 30%) 15px"
24 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-rows') is "120px minmax(35%, 10px)" 24 PASS window.getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid- definition-rows') is "120px minmax(35%, 10px)"
25 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-columns') is "minmax(min-content, 30%) 15px" 25 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-columns') is "minmax(min-content, 30%) 15px"
26 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-rows') is "120px minmax(35%, max-content)" 26 PASS window.getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValu e('grid-definition-rows') is "120px minmax(35%, max-content)"
27 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-columns') is "1fr 2fr" 27 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-columns') is "1fr 2fr"
28 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-rows') is "3fr 4fr" 28 PASS window.getComputedStyle(gridWithFractionFraction, '').getPropertyValue('gri d-definition-rows') is "3fr 4fr"
29 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-columns') is "minmax(min-content, 45px) 2fr" 29 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-columns') is "minmax(min-content, 45px) 2fr"
30 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-rows') is "3fr minmax(14px, max-content)" 30 PASS window.getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid- definition-rows') is "3fr minmax(14px, max-content)"
31 PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-defini tion-columns') is "200px 100px"
32 PASS window.getComputedStyle(gridWithCalcCalc, '').getPropertyValue('grid-defini tion-rows') is "150px 75px"
33 PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-de finition-columns') is "50% 80px"
34 PASS window.getComputedStyle(gridWithCalcAndFixed, '').getPropertyValue('grid-de finition-rows') is "88px 25%"
35 PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-d efinition-columns') is "calc(30px + 20%) minmax(min-content, 80px)"
36 PASS window.getComputedStyle(gridWithCalcAndMinMax, '').getPropertyValue('grid-d efinition-rows') is "minmax(25%, max-content) calc(10% - 7px)"
37 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-columns') is "minmax(calc(23px + 10%), 400px) 120px"
38 PASS window.getComputedStyle(gridWithCalcInsideMinMax, '').getPropertyValue('gri d-definition-rows') is "150px minmax(5%, calc(50% - 125px))"
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 56 matching lines...) Expand 10 before | Expand all | Expand 10 after
97 105
98 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS 106 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" 107 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" 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "1fr line 2fr line"
101 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none' 109 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
102 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none' 110 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
103 PASS successfullyParsed is true 111 PASS successfullyParsed is true
104 112
105 TEST COMPLETE 113 TEST COMPLETE
106 114
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/non-grid-columns-rows-get-set-multiple.html ('k') | LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698