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 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be [foo bar] 200px [foo bar] 200px [foo bar] 200px [foo bar] 200px. Was 200p
x 200px 200px 200px. | 7 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be [foo bar] 10px. Was 0px. |
8 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] 200px)" | 8 PASS element.style.gridTemplateColumns is "repeat(auto-fill, [foo bar] 10px)" |
9 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 200px [foo bar] 200px [foo bar] 200px [foo bar]. Was 200px 200px 200px. | 9 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 20px [foo bar]. Was 0px. |
10 PASS element.style.gridTemplateRows is "repeat(auto-fill, 20em [foo bar])" | 10 PASS element.style.gridTemplateRows is "repeat(auto-fill, 2em [foo bar])" |
11 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be [foo bar] 400px [foo bar] 400px. Was 400px 400px. | 11 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be [foo bar] 800px. Was 0px. |
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(10
px, 1fr))" |
13 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be [foo] 175px [bar foo] 175px [bar foo] 175px [bar]. Was 175px 175px 175px. | 13 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be [foo] 20px [bar]. Was 0px. |
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(2em, max-
content) [bar])" |
15 PASS getComputedStyle(element, '').getPropertyValue('grid-template-columns') is
"100px 100px 100px 250px 250px" | 15 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be 100px 20px 20px. Was 20px 20px. |
16 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(50px, 100px)
) 250px 250px" | 16 PASS element.style.gridTemplateColumns is "repeat(auto-fill, minmax(10px, 100px)
) 20px 20px" |
17 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 450px 50px [bar] 50px [bar foo] 10px [foo] 10px. Was 450px 50px [foo] 50px [
foo] 10px 10px. | 17 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 70px 20px [bar foo] 10px [foo] 10px. Was 70px 10px [foo] 10px [foo]. |
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 "70px repeat(auto-fill, minmax(2em, max-c
ontent) [bar]) [foo] 1em [foo] 1em" |
19 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be none. Was 150px 150px 150px 150px 150px. | 19 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be [foo bar] 10px. Was 0px. |
20 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] 150px)" | 20 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] 10px)" |
21 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be none. Was 240px 240px. | 21 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 20px [foo bar]. Was 0px. |
22 PASS element.style.gridTemplateRows is "repeat(auto-fit, 24em [foo bar])" | 22 PASS element.style.gridTemplateRows is "repeat(auto-fit, 2em [foo bar])" |
23 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be none. Was 400px 400px. | 23 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be [foo bar] 800px. Was 0px. |
24 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(270
px, 1fr))" | 24 PASS element.style.gridTemplateColumns is "repeat(auto-fit, [foo bar] minmax(10p
x, 1fr))" |
25 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be none. Was 200px 200px 200px. | 25 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be [foo] 20px [bar]. Was 0px. |
26 PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(20em, max-
content) [bar])" | 26 PASS element.style.gridTemplateRows is "repeat(auto-fit, [foo] minmax(2em, max-c
ontent) [bar])" |
27 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be 20px 20px. Was 300px 300px 20px 20px. | 27 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-columns') sho
uld be 10px 20px 20px. Was 20px 20px. |
28 PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(300px, min-co
ntent)) 20px 20px" | 28 PASS element.style.gridTemplateColumns is "repeat(auto-fit, minmax(10px, min-con
tent)) 20px 20px" |
29 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 60px [foo] 10px [foo] 10px. Was 60px 300px [foo] 10px [foo] 10px. | 29 FAIL getComputedStyle(element, '').getPropertyValue('grid-template-rows') should
be 60px 20px [bar foo] 10px [foo] 10px. Was 60px 10px [foo] 10px [foo]. |
30 PASS element.style.gridTemplateRows is "10% repeat(auto-fit, minmax(30em, max-co
ntent) [bar]) [foo] 1em [foo] 1em" | 30 PASS element.style.gridTemplateRows is "10% repeat(auto-fit, minmax(2em, max-con
tent) [bar]) [foo] 1em [foo] 1em" |
31 | 31 |
32 Test invalid repeat syntax. | 32 Test invalid repeat syntax. |
33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 33 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
34 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" | 35 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
36 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" | 37 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
38 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" | 39 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
40 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" | 40 PASS window.getComputedStyle(element, '').getPropertyValue('grid-template-column
s') is "none" |
(...skipping 10 matching lines...) Expand all Loading... |
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 successfullyParsed is true | 57 PASS successfullyParsed is true |
58 | 58 |
59 TEST COMPLETE | 59 TEST COMPLETE |
60 | 60 |
OLD | NEW |