| 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 |