OLD | NEW |
(Empty) | |
| 1 Test that setting/getting grid-template-{columns|rows} with repeat(auto-fill|aut
o-fit,) works as expected |
| 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 |
| 5 |
| 6 Test auto-repeat syntax. |
| 7 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 10px" |
| 8 PASS element.style.gridTemplateColumns is "[foo bar] 10px" |
| 9 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px [foo bar]" |
| 10 PASS element.style.gridTemplateRows is "2em [foo bar]" |
| 11 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 800px" |
| 12 PASS element.style.gridTemplateColumns is "[foo bar] minmax(10px, 1fr)" |
| 13 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f
oo] 20px [bar]" |
| 14 PASS element.style.gridTemplateRows is "[foo] minmax(2em, max-content) [bar]" |
| 15 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"100px 20px 20px" |
| 16 PASS element.style.gridTemplateColumns is "minmax(10px, 100px) 20px 20px" |
| 17 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "70
px 20px [bar foo] 10px [foo] 10px" |
| 18 PASS element.style.gridTemplateRows is "70px minmax(2em, max-content) [bar] [foo
] 1em [foo] 1em" |
| 19 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 10px" |
| 20 PASS element.style.gridTemplateColumns is "[foo bar] 10px" |
| 21 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
px [foo bar]" |
| 22 PASS element.style.gridTemplateRows is "2em [foo bar]" |
| 23 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 800px" |
| 24 PASS element.style.gridTemplateColumns is "[foo bar] minmax(10px, 1fr)" |
| 25 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f
oo] 20px [bar]" |
| 26 PASS element.style.gridTemplateRows is "[foo] minmax(2em, max-content) [bar]" |
| 27 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"10px 20px 20px" |
| 28 PASS element.style.gridTemplateColumns is "minmax(10px, min-content) 20px 20px" |
| 29 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "60
px 20px [bar foo] 10px [foo] 10px" |
| 30 PASS element.style.gridTemplateRows is "10% minmax(2em, max-content) [bar] [foo]
1em [foo] 1em" |
| 31 |
| 32 Test invalid repeat syntax. |
| 33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 34 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 36 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 37 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 38 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 39 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 40 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 41 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 42 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 43 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 44 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 45 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 46 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 47 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 48 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 49 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 50 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 51 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 52 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 53 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 54 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 55 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 57 PASS successfullyParsed is true |
| 58 |
| 59 TEST COMPLETE |
| 60 |
OLD | NEW |