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 |