| OLD | NEW |
| 1 Test that setting/getting grid-template-{columns|rows} with repeat(auto-fill|aut
o-fit,) works as expected | 1 Test that setting/getting grid-template-{columns|rows} with repeat(auto-fill|aut
o-fit,) 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 auto-repeat syntax. | 6 Test auto-repeat syntax. |
| 7 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 200px [foo bar] 200px [foo bar] 200px [foo bar] 200px" | 7 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 200px [foo bar] 200px [foo bar] 200px [foo bar] 200px" |
| 8 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] 200px)" | 8 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] 200px)" |
| 9 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
0px [foo bar] 200px [foo bar] 200px [foo bar]" | 9 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "20
0px [foo bar] 200px [foo bar] 200px [foo bar]" |
| 10 PASS element.style.gridTemplateRows is "repeat(auto-fill, 20em [foo bar])" | 10 PASS element.style.gridTemplateRows is "repeat(auto-fill, 20em [foo bar])" |
| 11 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 400px [foo bar] 400px" | 11 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[foo bar] 400px [foo bar] 400px" |
| 12 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] minmax(30
0px, 1fr))" | 12 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] minmax(30
0px, 1fr))" |
| 13 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f
oo] 175px [bar foo] 175px [bar foo] 175px [bar]" | 13 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "[f
oo] 175px [bar foo] 175px [bar foo] 175px [bar]" |
| 14 PASS element.style.gridTemplateRows is "repeat(auto-fill, [foo] minmax(175px, ma
x-content) [bar])" | 14 PASS element.style.gridTemplateRows is "repeat(auto-fill, [foo] minmax(175px, ma
x-content) [bar])" |
| 15 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"100px 100px 100px 250px 250px" | 15 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"100px 100px 100px 250px 250px" |
| 16 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(50px, 100px)
) 250px 250px" | 16 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(50px, 100px)
) 250px 250px" |
| 17 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45
0px 50px [bar] 50px [bar foo] 10px [foo] 10px" | 17 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "45
0px 50px [bar] 50px [bar foo] 10px [foo] 10px" |
| 18 PASS element.style.gridTemplateRows is "450px repeat(auto-fill, minmax(5em, max-
content) [bar]) [foo] 1em [foo] 1em" | 18 PASS element.style.gridTemplateRows is "450px repeat(auto-fill, minmax(max-conte
nt, 5em) [bar]) [foo] 1em [foo] 1em" |
| 19 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[start] 80px [foo bar] 200px [foo bar] 200px [foo bar] 200px [end]" | 19 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"[start] 80px [foo bar] 200px [foo bar] 200px [foo bar] 200px [end]" |
| 20 PASS element.style.gridTemplateColumns is "[start] 10% repeat(auto-fill, [foo ba
r] 200px) [end]" | 20 PASS element.style.gridTemplateColumns is "[start] 10% repeat(auto-fill, [foo ba
r] 200px) [end]" |
| 21 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75
px [prev] 200px [foo bar next] 150px [last end]" | 21 PASS getComputedStyle(element, '').getPropertyValue('grid-template-rows') is "75
px [prev] 200px [foo bar next] 150px [last end]" |
| 22 PASS element.style.gridTemplateRows is "75px [prev] repeat(auto-fill, 20em [foo
bar]) [next] 15em [last end]" | 22 PASS element.style.gridTemplateRows is "75px [prev] repeat(auto-fill, 20em [foo
bar]) [next] 15em [last end]" |
| 23 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be none. Was [foo bar] 150px [foo bar] 150px [foo bar] 150px [foo bar] 150px
[foo bar] 150px. | 23 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be none. Was [foo bar] 150px [foo bar] 150px [foo bar] 150px [foo bar] 150px
[foo bar] 150px. |
| 24 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] 150px)" | 24 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] 150px)" |
| 25 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be none. Was 240px [foo bar] 240px [foo bar]. | 25 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be none. Was 240px [foo bar] 240px [foo bar]. |
| 26 PASS element.style.gridTemplateRows is "repeat(auto-fit, 24em [foo bar])" | 26 PASS element.style.gridTemplateRows is "repeat(auto-fit, 24em [foo bar])" |
| 27 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be none. Was [foo bar] 400px [foo bar] 400px. | 27 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be none. Was [foo bar] 400px [foo bar] 400px. |
| 28 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270
px, 1fr))" | 28 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270
px, 1fr))" |
| (...skipping 20 matching lines...) Expand all Loading... |
| 49 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" | 50 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 51 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" | 52 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 53 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" | 54 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 55 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" | 56 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 57 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 57 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 58 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 58 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
| 59 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | |
| 60 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | |
| 61 PASS successfullyParsed is true | 59 PASS successfullyParsed is true |
| 62 | 60 |
| 63 TEST COMPLETE | 61 TEST COMPLETE |
| 64 | 62 |
| OLD | NEW |