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

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 23528004: [CSS Grid Layout] Update named grid lines syntax to the last version of the specs (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@named
Patch Set: Patch for landing v2 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-named-grid-line-get-set.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 CSS 6 Test getting grid-definition-columns and grid-definition-rows set through CSS
7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "first 10px" 7 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-columns') is "(first) 10px"
8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "first 15px" 8 PASS window.getComputedStyle(gridWithFixedElement, '').getPropertyValue('grid-de finition-rows') is "(first) 15px"
9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "53% last" 9 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-columns') is "53% (last)"
10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27% last" 10 PASS window.getComputedStyle(gridWithPercentElement, '').getPropertyValue('grid- definition-rows') is "27% (last)"
11 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "first auto" 11 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-columns') is "(first) auto"
12 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-rows') is "auto last" 12 PASS window.getComputedStyle(gridWithAutoElement, '').getPropertyValue('grid-def inition-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-definiti on-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-definiti on-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-d efinition-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-d efinition-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-definition-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-definition-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%"
20 PASS window.getComputedStyle(gridWithRepeatElement, '').getPropertyValue('grid-d efinition-rows') is "100px (nav nav2) 25% (nav nav2) 25% (last)"
21 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-definition-columns') is "10px"
22 PASS window.getComputedStyle(gridWithEmptyParentheses, '').getPropertyValue('gri d-definition-rows') is "20px 50px"
19 23
20 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS 24 Test getting and setting grid-definition-columns and grid-definition-rows throug h JS
21 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 18px" 25 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 18px"
22 PASS element.style.gridDefinitionColumns is "first 18px" 26 PASS element.style.gridDefinitionColumns is "(first) 18px"
23 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px last" 27 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 66px (last)"
24 PASS element.style.gridDefinitionRows is "66px last" 28 PASS element.style.gridDefinitionRows is "66px (last)"
25 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first 55%" 29 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) 55%"
26 PASS element.style.gridDefinitionColumns is "first 55%" 30 PASS element.style.gridDefinitionColumns is "(first) 55%"
27 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 40% last" 31 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " 40% (last)"
28 PASS element.style.gridDefinitionRows is "40% last" 32 PASS element.style.gridDefinitionRows is "40% (last)"
29 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first auto" 33 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) auto"
30 PASS element.style.gridDefinitionColumns is "first auto" 34 PASS element.style.gridDefinitionColumns is "(first) auto"
31 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " auto last" 35 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " auto (last)"
32 PASS element.style.gridDefinitionRows is "auto last" 36 PASS element.style.gridDefinitionRows is "auto (last)"
33 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first min-content" 37 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) min-content"
34 PASS element.style.gridDefinitionColumns is "first min-content" 38 PASS element.style.gridDefinitionColumns is "(first) min-content"
35 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " min-content last" 39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " min-content (last)"
36 PASS element.style.gridDefinitionRows is "min-content last" 40 PASS element.style.gridDefinitionRows is "min-content (last)"
37 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first max-content" 41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) max-content"
38 PASS element.style.gridDefinitionColumns is "first max-content" 42 PASS element.style.gridDefinitionColumns is "(first) max-content"
39 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " max-content last" 43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " max-content (last)"
40 PASS element.style.gridDefinitionRows is "max-content last" 44 PASS element.style.gridDefinitionRows is "max-content (last)"
41 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first minmax(55%, 45px)" 45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(55%, 45px)"
42 PASS element.style.gridDefinitionColumns is "first minmax(55%, 45px)" 46 PASS element.style.gridDefinitionColumns is "(first) minmax(55%, 45px)"
43 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(30px, 40%) last" 47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(30px, 40%) (last)"
44 PASS element.style.gridDefinitionRows is "minmax(30px, 40%) last" 48 PASS element.style.gridDefinitionRows is "minmax(30px, 40%) (last)"
45 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first minmax(220px, max-content)" 49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(220px, max-content)"
46 PASS element.style.gridDefinitionColumns is "first minmax(22em, max-content)" 50 PASS element.style.gridDefinitionColumns is "(first) minmax(22em, max-content)"
47 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, 50px) last" 51 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, 50px) (last)"
48 PASS element.style.gridDefinitionRows is "minmax(max-content, 5em) last" 52 PASS element.style.gridDefinitionRows is "minmax(max-content, 5em) (last)"
49 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first minmax(220px, min-content)" 53 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(220px, min-content)"
50 PASS element.style.gridDefinitionColumns is "first minmax(22em, min-content)" 54 PASS element.style.gridDefinitionColumns is "(first) minmax(22em, min-content)"
51 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(min-content, 50px) last" 55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(min-content, 50px) (last)"
52 PASS element.style.gridDefinitionRows is "minmax(min-content, 5em) last" 56 PASS element.style.gridDefinitionRows is "minmax(min-content, 5em) (last)"
53 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first minmax(min-content, max-content)" 57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first) minmax(min-content, max-content)"
54 PASS element.style.gridDefinitionColumns is "first minmax(min-content, max-conte nt)" 58 PASS element.style.gridDefinitionColumns is "(first) minmax(min-content, max-con tent)"
55 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, min-content) last" 59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " minmax(max-content, min-content) (last)"
56 PASS element.style.gridDefinitionRows is "minmax(max-content, min-content) last" 60 PASS element.style.gridDefinitionRows is "minmax(max-content, min-content) (last )"
57 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "first nav minmax(min-content, max-content) last" 61 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(first nav) minmax(min-content, max-content) (last)"
58 PASS element.style.gridDefinitionColumns is "first nav minmax(min-content, max-c ontent) last" 62 PASS element.style.gridDefinitionColumns is "(first nav) minmax(min-content, max -content) (last)"
59 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " first nav minmax(max-content, min-content) last" 63 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (first nav) minmax(max-content, min-content) (last)"
60 PASS element.style.gridDefinitionRows is "first nav minmax(max-content, min-cont ent) last" 64 PASS element.style.gridDefinitionRows is "(first nav) minmax(max-content, min-co ntent) (last)"
61 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-definition-columns') i s "(first nav) minmax(min-content, max-content) (nav) auto (last)"
62 PASS element.style.gridDefinitionColumns is "first nav minmax(min-content, max-c ontent) nav auto last" 66 PASS element.style.gridDefinitionColumns is "(first nav) minmax(min-content, max -content) (nav) auto (last)"
63 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-definition-rows') is " (first nav2) minmax(max-content, min-content) (nav2) minmax(10px, 15px) (last)"
64 PASS element.style.gridDefinitionRows is "first nav2 minmax(max-content, min-con tent) nav2 minmax(10px, 15px) last" 68 PASS element.style.gridDefinitionRows is "(first nav2) minmax(max-content, min-c ontent) (nav2) minmax(10px, 15px) (last)"
65 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "foo bar auto foo auto bar" 69 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "(foo bar) auto (foo) auto (bar)"
66 PASS element.style.gridDefinitionColumns is "foo bar auto foo auto bar" 70 PASS element.style.gridDefinitionColumns is "(foo bar) auto (foo) auto (bar)"
67 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " foo bar auto foo auto bar" 71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " (foo bar) auto (foo) auto (bar)"
68 PASS element.style.gridDefinitionRows is "foo bar auto foo auto bar" 72 PASS element.style.gridDefinitionRows is "(foo bar) auto (foo) auto (bar)"
69 73
70 Test getting and setting invalid grid-definition-columns and grid-definition-row s through JS 74 Test getting and setting invalid grid-definition-columns and grid-definition-row s through JS
71 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 75 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none"
72 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 76 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none"
73 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none" 77 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-columns') i s "none"
74 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none" 78 PASS getComputedStyle(element, '').getPropertyValue('grid-definition-rows') is " none"
75 PASS successfullyParsed is true 79 PASS successfullyParsed is true
76 80
77 TEST COMPLETE 81 TEST COMPLETE
78 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/resources/grid-columns-rows-get-set.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698