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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/named-grid-line-get-set-expected.txt

Issue 146773002: [CSS Grid Layout] Rename grid-definition-{columns|rows} to match the new syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fixed renaming issues with some tests. Created 6 years, 10 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/named-grid-line-get-set.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-template-columns and grid-template-rows works 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 CSS 6 Test getting grid-template-columns and grid-template-rows set through CSS
7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "(first) 10px" 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-columns') is "(first) 10px"
8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "(first) 15px" 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-te mplate-rows') is "(first) 15px"
9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "424px (last)" 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-columns') is "424px (last)"
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "162px (last)" 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-rows') is "162px (last)"
11 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-definition-columns') is "0px (last)" 11 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-columns') is "0px (last)"
12 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-definition-rows') is "0px (last)" 12 PASS window.getComputedStyle(gridWithPercentWithoutSize, '').getPropertyValue('g rid-template-rows') is "0px (last)"
13 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-definition-columns') is "77px (last)" 13 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-columns') is "77px (last)"
14 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-definition-rows') is "22px (last)" 14 PASS window.getComputedStyle(gridWithPercentWithoutSizeWithChildren, '').getProp ertyValue('grid-template-rows') is "22px (last)"
15 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "(first) 0px" 15 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-columns') is "(first) 0px"
16 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "0px (last)" 16 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-rows') is "0px (last)"
17 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-columns') is "(first) 77px" 17 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-columns') is "(first) 77px"
18 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-definition-rows') is "22px (last)" 18 PASS window.getComputedStyle(gridWithAutoWithChildrenElement, '').getPropertyVal ue('grid-template-rows') is "22px (last)"
19 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "(first) 80px" 19 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template -columns') is "(first) 80px"
20 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "300px (last)" 20 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template -rows') is "300px (last)"
21 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-columns') is "(first nav) 10px (last)" 21 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-t emplate-columns') is "(first nav) 10px (last)"
22 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-rows') is "(first nav) 15px (last)" 22 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-t emplate-rows') is "(first nav) 15px (last)"
23 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-columns') is "(first nav) 80px (nav) 120px (last)" 23 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-template-columns') is "(first nav) 80px (nav) 120px (last)"
24 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-rows') is "(first nav2) 150px (nav2) 450px (last)" 24 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-template-rows') is "(first nav2) 150px (nav2) 450px (last)"
25 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-columns') is "(first) 10px (nav nav2) 400px (nav nav2) 400px" 25 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-t emplate-columns') is "(first) 10px (nav nav2) 400px (nav nav2) 400px"
26 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-rows') is "100px (nav nav2) 150px (nav nav2) 150px (last)" 26 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-t emplate-rows') is "100px (nav nav2) 150px (nav nav2) 150px (last)"
27 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-definition-columns') is "10px" 27 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-template-columns') is "10px"
28 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-definition-rows') is "20px 50px" 28 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-template-rows') is "20px 50px"
29 29
30 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS 30 Test getting and setting grid-template-columns and grid-template-rows through JS
31 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 18px" 31 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 18px"
32 PASS element.style.gridDefinitionColumns is "(first) 18px" 32 PASS element.style.gridTemplateColumns is "(first) 18px"
33 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px (last)" 33 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px (last)"
34 PASS element.style.gridDefinitionRows is "66px (last)" 34 PASS element.style.gridTemplateRows is "66px (last)"
35 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 440px" 35 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 440px"
36 PASS element.style.gridDefinitionColumns is "(first) 55%" 36 PASS element.style.gridTemplateColumns is "(first) 55%"
37 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 240px (last)" 37 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px (last)"
38 PASS element.style.gridDefinitionRows is "40% (last)" 38 PASS element.style.gridTemplateRows is "40% (last)"
39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 0px" 39 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 0px"
40 PASS element.style.gridDefinitionColumns is "(first) auto" 40 PASS element.style.gridTemplateColumns is "(first) auto"
41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px (last)" 41 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x (last)"
42 PASS element.style.gridDefinitionRows is "auto (last)" 42 PASS element.style.gridTemplateRows is "auto (last)"
43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 0px" 43 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 0px"
44 PASS element.style.gridDefinitionColumns is "(first) min-content" 44 PASS element.style.gridTemplateColumns is "(first) min-content"
45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px (last)" 45 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x (last)"
46 PASS element.style.gridDefinitionRows is "min-content (last)" 46 PASS element.style.gridTemplateRows is "min-content (last)"
47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 0px" 47 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 0px"
48 PASS element.style.gridDefinitionColumns is "(first) max-content" 48 PASS element.style.gridTemplateColumns is "(first) max-content"
49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px (last)" 49 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x (last)"
50 PASS element.style.gridDefinitionRows is "max-content (last)" 50 PASS element.style.gridTemplateRows is "max-content (last)"
51 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 440px" 51 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 440px"
52 PASS element.style.gridDefinitionColumns is "(first) minmax(55%, 45px)" 52 PASS element.style.gridTemplateColumns is "(first) minmax(55%, 45px)"
53 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 240px (last)" 53 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "24 0px (last)"
54 PASS element.style.gridDefinitionRows is "minmax(30px, 40%) (last)" 54 PASS element.style.gridTemplateRows is "minmax(30px, 40%) (last)"
55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 220px" 55 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 220px"
56 PASS element.style.gridDefinitionColumns is "(first) minmax(22em, max-content)" 56 PASS element.style.gridTemplateColumns is "(first) minmax(22em, max-content)"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 50px (last)" 57 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50 px (last)"
58 PASS element.style.gridDefinitionRows is "minmax(max-content, 5em) (last)" 58 PASS element.style.gridTemplateRows is "minmax(max-content, 5em) (last)"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 220px" 59 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 220px"
60 PASS element.style.gridDefinitionColumns is "(first) minmax(22em, min-content)" 60 PASS element.style.gridTemplateColumns is "(first) minmax(22em, min-content)"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 50px (last)" 61 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "50 px (last)"
62 PASS element.style.gridDefinitionRows is "minmax(min-content, 5em) (last)" 62 PASS element.style.gridTemplateRows is "minmax(min-content, 5em) (last)"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 0px" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 0px"
64 PASS element.style.gridDefinitionColumns is "(first) minmax(min-content, max-con tent)" 64 PASS element.style.gridTemplateColumns is "(first) minmax(min-content, max-conte nt)"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 0px (last)" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "0p x (last)"
66 PASS element.style.gridDefinitionRows is "minmax(max-content, min-content) (last )" 66 PASS element.style.gridTemplateRows is "minmax(max-content, min-content) (last)"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first nav) 0px (last)" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first nav) 0px (last)"
68 PASS element.style.gridDefinitionColumns is "(first nav) minmax(min-content, max -content) (last)" 68 PASS element.style.gridTemplateColumns is "(first nav) minmax(min-content, max-c ontent) (last)"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (first nav) 0px (last)" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(f irst nav) 0px (last)"
70 PASS element.style.gridDefinitionRows is "(first nav) minmax(max-content, min-co ntent) (last)" 70 PASS element.style.gridTemplateRows is "(first nav) minmax(max-content, min-cont ent) (last)"
71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first nav) 0px (nav) 0px (last)" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first nav) 0px (nav) 0px (last)"
72 PASS element.style.gridDefinitionColumns is "(first nav) minmax(min-content, max -content) (nav) auto (last)" 72 PASS element.style.gridTemplateColumns is "(first nav) minmax(min-content, max-c ontent) (nav) auto (last)"
73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (first nav2) 0px (nav2) 15px (last)" 73 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(f irst nav2) 0px (nav2) 15px (last)"
74 PASS element.style.gridDefinitionRows is "(first nav2) minmax(max-content, min-c ontent) (nav2) minmax(10px, 15px) (last)" 74 PASS element.style.gridTemplateRows is "(first nav2) minmax(max-content, min-con tent) (nav2) minmax(10px, 15px) (last)"
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(foo bar) 0px (foo) 0px (bar)" 75 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(foo bar) 0px (foo) 0px (bar)"
76 PASS element.style.gridDefinitionColumns is "(foo bar) auto (foo) auto (bar)" 76 PASS element.style.gridTemplateColumns is "(foo bar) auto (foo) auto (bar)"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (foo bar) 0px (foo) 0px (bar)" 77 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(f oo bar) 0px (foo) 0px (bar)"
78 PASS element.style.gridDefinitionRows is "(foo bar) auto (foo) auto (bar)" 78 PASS element.style.gridTemplateRows is "(foo bar) auto (foo) auto (bar)"
79 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 0px (foo bar) 20px (foo bar) 20px" 79 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 0px (foo bar) 20px (foo bar) 20px"
80 PASS element.style.gridDefinitionColumns is "(first) auto (foo bar) 20px (foo ba r) 20px" 80 PASS element.style.gridTemplateColumns is "(first) auto (foo bar) 20px (foo bar) 20px"
81 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 220px (foo) 300px (baz)" 81 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "22 0px (foo) 300px (baz)"
82 PASS element.style.gridDefinitionRows is "220px (foo) 50% (baz)" 82 PASS element.style.gridTemplateRows is "220px (foo) 50% (baz)"
83 83
84 Test getting invalid grid-definition-columns and grid-definition-rows set throug h CSS 84 Test getting invalid grid-template-columns and grid-template-rows set through CS S
85 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid- definition-columns') is "none" 85 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid- template-columns') is "none"
86 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid- definition-rows') is "none" 86 PASS window.getComputedStyle(gridWithoutParentheses, '').getPropertyValue('grid- template-rows') is "none"
87 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa lue('grid-definition-columns') is "none" 87 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa lue('grid-template-columns') is "none"
88 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa lue('grid-definition-rows') is "none" 88 PASS window.getComputedStyle(gridWithInvalidNestedParentheses, '').getPropertyVa lue('grid-template-rows') is "none"
89 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue ('grid-definition-columns') is "none" 89 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue ('grid-template-columns') is "none"
90 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue ('grid-definition-rows') is "none" 90 PASS window.getComputedStyle(gridWithUnbalancedParentheses, '').getPropertyValue ('grid-template-rows') is "none"
91 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue( 'grid-definition-columns') is "none" 91 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue( 'grid-template-columns') is "none"
92 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue( 'grid-definition-rows') is "none" 92 PASS window.getComputedStyle(gridWithMisplacedParentheses, '').getPropertyValue( 'grid-template-rows') is "none"
93 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue ('grid-definition-columns') is "none" 93 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue ('grid-template-columns') is "none"
94 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue ('grid-definition-rows') is "none" 94 PASS window.getComputedStyle(gridWithContiguousParentheses, '').getPropertyValue ('grid-template-rows') is "none"
95 95
96 Test getting and setting invalid grid-definition-columns and grid-definition-row s through JS 96 Test getting and setting invalid grid-template-columns and grid-template-rows th rough JS
97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 97 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 98 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 99 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 100 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 101 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 102 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 103 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 104 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
105 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 105 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
106 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 106 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-colu mns') is "none" 107 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column s') is "none"
108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-definition-rows ') is "none" 108 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "none"
109 PASS successfullyParsed is true 109 PASS successfullyParsed is true
110 110
111 TEST COMPLETE 111 TEST COMPLETE
112 112
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/named-grid-line-get-set.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