OLD | NEW |
1 description('Test that setting and getting display: grid and inline-grid works a
s expected'); | 1 description('Test that setting and getting display: grid and inline-grid works a
s expected'); |
2 | 2 |
3 debug("Test getting |display| set through CSS"); | 3 debug("Test getting |display| set through CSS"); |
4 var gridElement = document.getElementById("gridElement"); | 4 var gridElement = document.getElementById("gridElement"); |
5 var inlineGridElement = document.getElementById("inlineGridElement"); | 5 var inlineGridElement = document.getElementById("inlineGridElement"); |
6 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('display')", "'grid
'"); | 6 shouldBe("getComputedStyle(gridElement, '').getPropertyValue('display')", "'grid
'"); |
7 shouldBe("getComputedStyle(inlineGridElement, '').getPropertyValue('display')",
"'inline-grid'"); | 7 shouldBe("getComputedStyle(inlineGridElement, '').getPropertyValue('display')",
"'inline-grid'"); |
| 8 shouldBe("getComputedStyle(inlineFloatGridElement, '').getPropertyValue('display
')", "'grid'"); |
| 9 shouldBe("getComputedStyle(inlineAbsoluteGridElement, '').getPropertyValue('disp
lay')", "'grid'"); |
8 | 10 |
9 debug(""); | 11 debug(""); |
10 debug("Test getting and setting display through JS"); | 12 debug("Test getting and setting display through JS"); |
11 var element = document.createElement("div"); | 13 var element = document.createElement("div"); |
12 document.body.appendChild(element); | 14 document.body.appendChild(element); |
13 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'")
; | 15 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'")
; |
14 element.style.display = "grid"; | 16 element.style.display = "grid"; |
15 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'grid'"); | 17 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'grid'"); |
16 | 18 |
17 element = document.createElement("div"); | 19 element = document.createElement("div"); |
18 document.body.appendChild(element); | 20 document.body.appendChild(element); |
19 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'")
; | 21 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'")
; |
20 element.style.display = "inline-grid"; | 22 element.style.display = "inline-grid"; |
21 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'inline-g
rid'"); | 23 shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'inline-g
rid'"); |
OLD | NEW |