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

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 16959008: [CSS Grid Layout] Rename grid-{rows|columns} to grid-definition-{rows|columns} (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: rebased Created 7 years, 5 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/grid-dynamic-updates-relayout.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-columns and grid-rows works 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 |display| set through CSS 6 Test getting |display| set through CSS
7 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-columns') is '7px 11px' 7 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-definitio n-columns') is '7px 11px'
8 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-rows') is '17px 2px' 8 PASS getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-definitio n-rows') is '17px 2px'
9 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-columns ') is '53% 99%' 9 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-definit ion-columns') is '53% 99%'
10 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-rows') is '27% 52%' 10 PASS getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid-definit ion-rows') is '27% 52%'
11 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-columns') is 'auto auto' 11 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-definition -columns') is 'auto auto'
12 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-rows') is 'auto auto' 12 PASS getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-definition -rows') is 'auto auto'
13 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-columns') is '100px 120px' 13 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-definition-c olumns') is '100px 120px'
14 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-rows') is '1 50px 170px' 14 PASS getComputedStyle(gridWithEMElement, '').getPropertyValue('grid-definition-r ows') is '150px 170px'
15 PASS getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-columns') i s '15px auto 100px' 15 PASS getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-definition- columns') is '15px auto 100px'
16 PASS getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-rows') is ' 120px 18px auto' 16 PASS getComputedStyle(gridWithThreeItems, '').getPropertyValue('grid-definition- rows') is '120px 18px auto'
17 PASS getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('g rid-columns') is '50% 120px' 17 PASS getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('g rid-definition-columns') is '50% 120px'
18 PASS getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('g rid-rows') is '35% 168px' 18 PASS getComputedStyle(gridWithPercentAndViewportPercent, '').getPropertyValue('g rid-definition-rows') is '35% 168px'
19 PASS getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('g rid-columns') is 'none' 19 PASS getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('g rid-definition-columns') is 'none'
20 PASS getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('g rid-rows') is 'none' 20 PASS getComputedStyle(gridWithFitContentAndFitAvailable, '').getPropertyValue('g rid-definition-rows') is 'none'
21 PASS getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-columns' ) is 'min-content max-content' 21 PASS getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-definiti on-columns') is 'min-content max-content'
22 PASS getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-rows') i s 'max-content min-content' 22 PASS getComputedStyle(gridWithMinMaxContent, '').getPropertyValue('grid-definiti on-rows') is 'max-content min-content'
23 PASS getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-columns ') is 'minmax(45px, 30%) 15px' 23 PASS getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-definit ion-columns') is 'minmax(45px, 30%) 15px'
24 PASS getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-rows') is '120px minmax(35%, 10px)' 24 PASS getComputedStyle(gridWithMinMaxAndFixed, '').getPropertyValue('grid-definit ion-rows') is '120px minmax(35%, 10px)'
25 PASS getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid -columns') is 'minmax(min-content, 30%) 15px' 25 PASS getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid -definition-columns') is 'minmax(min-content, 30%) 15px'
26 PASS getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid -rows') is '120px minmax(35%, max-content)' 26 PASS getComputedStyle(gridWithMinMaxAndMinMaxContent, '').getPropertyValue('grid -definition-rows') is '120px minmax(35%, max-content)'
27 PASS getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-colum ns') is '1fr 2fr' 27 PASS getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-defin ition-columns') is '1fr 2fr'
28 PASS getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-rows' ) is '3fr 4fr' 28 PASS getComputedStyle(gridWithFractionFraction, '').getPropertyValue('grid-defin ition-rows') is '3fr 4fr'
29 PASS getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-columns ') is 'minmax(min-content, 45px) 2fr' 29 PASS getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-definit ion-columns') is 'minmax(min-content, 45px) 2fr'
30 PASS getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-rows') is '3fr minmax(14px, max-content)' 30 PASS getComputedStyle(gridWithFractionMinMax, '').getPropertyValue('grid-definit ion-rows') is '3fr minmax(14px, max-content)'
31 31
32 Test the initial value 32 Test the initial value
33 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 33 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
34 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 34 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
35 35
36 Test getting and setting display through JS 36 Test getting and setting display through JS
37 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '18px 22p x' 37 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '18px 22px'
38 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '66px 70px' 38 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 66px 70px'
39 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '55% 80%' 39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '55% 80%'
40 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '40% 63%' 40 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 40% 63%'
41 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'auto aut o' 41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'auto auto'
42 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'auto auto' 42 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' auto auto'
43 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'auto 160 px 22px' 43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'auto 160px 22px'
44 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '56% 100px a uto' 44 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 56% 100px auto'
45 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '160px mi nmax(16px, 20px)' 45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '160px minmax(16px, 20px)'
46 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'minmax(10%, 15%) auto' 46 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' minmax(10%, 15%) auto'
47 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '160px 2f r' 47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '160px 2fr'
48 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '14fr auto' 48 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 14fr auto'
49 49
50 Test getting wrong values set from CSS 50 Test getting wrong values set from CSS
51 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-columns') is 'none' 51 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -columns') is 'none'
52 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-rows') is 'none' 52 PASS getComputedStyle(gridWithNoneAndAuto, '').getPropertyValue('grid-definition -rows') is 'none'
53 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-columns') is 'none' 53 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-columns') is 'none'
54 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-rows') is 'none' 54 PASS getComputedStyle(gridWithNoneAndFixed, '').getPropertyValue('grid-definitio n-rows') is 'none'
55 55
56 Test setting and getting wrong values from JS 56 Test setting and getting wrong values from JS
57 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
58 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 58 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
59 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
60 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 60 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
61 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
62 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 62 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
63 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
64 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 64 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
65 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
66 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 66 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
67 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '50% 96px ' 67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50% 96px'
68 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '5% 510px' 68 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 5% 510px'
69 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
70 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 70 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
71 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
72 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 72 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
73 73
74 Test setting grid-columns and grid-rows to 'inherit' through JS 74 Test setting grid-definition-columns and grid-definition-rows to 'inherit' throu gh JS
75 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '50px 1fr last' 75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '50px 1fr last'
76 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '101% middle 45px' 76 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 101% middle 45px'
77 77
78 Test setting grid-columns and grid-rows to 'initial' through JS 78 Test setting grid-definition-columns and grid-definition-rows to 'initial' throu gh JS
79 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is '150% mid dle 55px' 79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s '150% middle 55px'
80 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is '1fr line 2f r line' 80 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' 1fr line 2fr line'
81 PASS getComputedStyle(element, '').getPropertyValue('grid-columns') is 'none' 81 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s 'none'
82 PASS getComputedStyle(element, '').getPropertyValue('grid-rows') is 'none' 82 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is ' none'
83 PASS successfullyParsed is true 83 PASS successfullyParsed is true
84 84
85 TEST COMPLETE 85 TEST COMPLETE
86 86
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/grid-columns-rows-get-set-multiple.html ('k') | LayoutTests/fast/css-grid-layout/grid-dynamic-updates-relayout.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698