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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css-grid-layout/non-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/non-named-grid-line-get-set.html ('k') | LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track.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 "53% (last)" 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-columns') is "53% (last)"
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27% (last)" 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- template-rows') is "27% (last)"
11 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "(first) auto" 11 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-columns') is "(first) auto"
12 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "auto (last)" 12 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-tem plate-rows') is "auto (last)"
13 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-columns') is "(first) minmax(10%, 15px)" 13 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template -columns') is "(first) minmax(10%, 15px)"
14 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-definiti on-rows') is "minmax(20px, 50%) (last)" 14 PASS window.getComputedStyle(gridWithMinMax, '').getPropertyValue('grid-template -rows') is "minmax(20px, 50%) (last)"
15 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-columns') is "(first nav) 10px (last)" 15 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-t emplate-columns') is "(first nav) 10px (last)"
16 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-d efinition-rows') is "(first nav) 15px (last)" 16 PASS window.getComputedStyle(gridWithFixedMultiple, '').getPropertyValue('grid-t emplate-rows') is "(first nav) 15px (last)"
17 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-columns') is "(first nav) 10% (nav) 15% (last)" 17 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-template-columns') is "(first nav) 10% (nav) 15% (last)"
18 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-definition-rows') is "(first nav2) 25% (nav2) 75% (last)" 18 PASS window.getComputedStyle(gridWithPercentageSameStringMultipleTimes, '').getP ropertyValue('grid-template-rows') is "(first nav2) 25% (nav2) 75% (last)"
19 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-columns') is "(first) 10px (nav nav2) 50% (nav nav2) 50%" 19 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-t emplate-columns') is "(first) 10px (nav nav2) 50% (nav nav2) 50%"
20 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-rows') is "100px (nav nav2) 25% (nav nav2) 25% (last)" 20 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-t emplate-rows') is "100px (nav nav2) 25% (nav nav2) 25% (last)"
21 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-definition-columns') is "10px" 21 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-template-columns') is "10px"
22 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-definition-rows') is "20px 50px" 22 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-template-rows') is "20px 50px"
23 23
24 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS 24 Test getting and setting grid-template-columns and grid-template-rows through JS
25 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 18px" 25 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 18px"
26 PASS element.style.gridDefinitionColumns is "(first) 18px" 26 PASS element.style.gridTemplateColumns is "(first) 18px"
27 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px (last)" 27 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "66 px (last)"
28 PASS element.style.gridDefinitionRows is "66px (last)" 28 PASS element.style.gridTemplateRows is "66px (last)"
29 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 55%" 29 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) 55%"
30 PASS element.style.gridDefinitionColumns is "(first) 55%" 30 PASS element.style.gridTemplateColumns is "(first) 55%"
31 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 40% (last)" 31 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "40 % (last)"
32 PASS element.style.gridDefinitionRows is "40% (last)" 32 PASS element.style.gridTemplateRows is "40% (last)"
33 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) auto" 33 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) auto"
34 PASS element.style.gridDefinitionColumns is "(first) auto" 34 PASS element.style.gridTemplateColumns is "(first) auto"
35 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " auto (last)" 35 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "au to (last)"
36 PASS element.style.gridDefinitionRows is "auto (last)" 36 PASS element.style.gridTemplateRows is "auto (last)"
37 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) min-content" 37 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) min-content"
38 PASS element.style.gridDefinitionColumns is "(first) min-content" 38 PASS element.style.gridTemplateColumns is "(first) min-content"
39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " min-content (last)" 39 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi n-content (last)"
40 PASS element.style.gridDefinitionRows is "min-content (last)" 40 PASS element.style.gridTemplateRows is "min-content (last)"
41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) max-content" 41 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) max-content"
42 PASS element.style.gridDefinitionColumns is "(first) max-content" 42 PASS element.style.gridTemplateColumns is "(first) max-content"
43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " max-content (last)" 43 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "ma x-content (last)"
44 PASS element.style.gridDefinitionRows is "max-content (last)" 44 PASS element.style.gridTemplateRows is "max-content (last)"
45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(55%, 45px)" 45 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) minmax(55%, 45px)"
46 PASS element.style.gridDefinitionColumns is "(first) minmax(55%, 45px)" 46 PASS element.style.gridTemplateColumns is "(first) minmax(55%, 45px)"
47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(30px, 40%) (last)" 47 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(30px, 40%) (last)"
48 PASS element.style.gridDefinitionRows is "minmax(30px, 40%) (last)" 48 PASS element.style.gridTemplateRows is "minmax(30px, 40%) (last)"
49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(220px, max-content)" 49 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) minmax(220px, max-content)"
50 PASS element.style.gridDefinitionColumns is "(first) minmax(22em, max-content)" 50 PASS element.style.gridTemplateColumns is "(first) minmax(22em, max-content)"
51 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, 50px) (last)" 51 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(max-content, 50px) (last)"
52 PASS element.style.gridDefinitionRows is "minmax(max-content, 5em) (last)" 52 PASS element.style.gridTemplateRows is "minmax(max-content, 5em) (last)"
53 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(220px, min-content)" 53 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) minmax(220px, min-content)"
54 PASS element.style.gridDefinitionColumns is "(first) minmax(22em, min-content)" 54 PASS element.style.gridTemplateColumns is "(first) minmax(22em, min-content)"
55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(min-content, 50px) (last)" 55 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(min-content, 50px) (last)"
56 PASS element.style.gridDefinitionRows is "minmax(min-content, 5em) (last)" 56 PASS element.style.gridTemplateRows is "minmax(min-content, 5em) (last)"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(min-content, max-content)" 57 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first) minmax(min-content, max-content)"
58 PASS element.style.gridDefinitionColumns is "(first) minmax(min-content, max-con tent)" 58 PASS element.style.gridTemplateColumns is "(first) minmax(min-content, max-conte nt)"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, min-content) (last)" 59 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "mi nmax(max-content, min-content) (last)"
60 PASS element.style.gridDefinitionRows is "minmax(max-content, min-content) (last )" 60 PASS element.style.gridTemplateRows is "minmax(max-content, min-content) (last)"
61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first nav) minmax(min-content, max-content) (last)" 61 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first nav) minmax(min-content, max-content) (last)"
62 PASS element.style.gridDefinitionColumns is "(first nav) minmax(min-content, max -content) (last)" 62 PASS element.style.gridTemplateColumns is "(first nav) minmax(min-content, max-c ontent) (last)"
63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (first nav) minmax(max-content, min-content) (last)" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(f irst nav) minmax(max-content, min-content) (last)"
64 PASS element.style.gridDefinitionRows is "(first nav) minmax(max-content, min-co ntent) (last)" 64 PASS element.style.gridTemplateRows is "(first nav) minmax(max-content, min-cont ent) (last)"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first nav) minmax(min-content, max-content) (nav) auto (last)" 65 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(first nav) minmax(min-content, max-content) (nav) auto (last)"
66 PASS element.style.gridDefinitionColumns is "(first nav) minmax(min-content, max -content) (nav) auto (last)" 66 PASS element.style.gridTemplateColumns is "(first nav) minmax(min-content, max-c ontent) (nav) auto (last)"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (first nav2) minmax(max-content, min-content) (nav2) minmax(10px, 15px) (last)" 67 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(f irst nav2) minmax(max-content, min-content) (nav2) minmax(10px, 15px) (last)"
68 PASS element.style.gridDefinitionRows is "(first nav2) minmax(max-content, min-c ontent) (nav2) minmax(10px, 15px) (last)" 68 PASS element.style.gridTemplateRows is "(first nav2) minmax(max-content, min-con tent) (nav2) minmax(10px, 15px) (last)"
69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(foo bar) auto (foo) auto (bar)" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "(foo bar) auto (foo) auto (bar)"
70 PASS element.style.gridDefinitionColumns is "(foo bar) auto (foo) auto (bar)" 70 PASS element.style.gridTemplateColumns is "(foo bar) auto (foo) auto (bar)"
71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (foo bar) auto (foo) auto (bar)" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "(f oo bar) auto (foo) auto (bar)"
72 PASS element.style.gridDefinitionRows is "(foo bar) auto (foo) auto (bar)" 72 PASS element.style.gridTemplateRows is "(foo bar) auto (foo) auto (bar)"
73 73
74 Test getting and setting invalid grid-definition-columns and grid-definition-row s through JS 74 Test getting and setting invalid grid-template-columns and grid-template-rows th rough JS
75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 75 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
76 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 76 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 77 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is "none"
78 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 78 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "no ne"
79 PASS successfullyParsed is true 79 PASS successfullyParsed is true
80 80
81 TEST COMPLETE 81 TEST COMPLETE
82 82
OLDNEW
« no previous file with comments | « LayoutTests/fast/css-grid-layout/non-named-grid-line-get-set.html ('k') | LayoutTests/fast/css-grid-layout/percent-grid-item-in-percent-grid-track.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698