OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | 6 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); |
7 </script> | 7 </script> |
8 <style> | 8 <style> |
9 .gridItemWithPositiveInteger { | 9 .gridItemWithPositiveInteger { |
10 -webkit-grid-start: 10; | 10 -webkit-grid-start: 10; |
(...skipping 59 matching lines...) Loading... |
70 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')
", "'auto / auto'"); | 70 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')
", "'auto / auto'"); |
71 | 71 |
72 debug(""); | 72 debug(""); |
73 debug("Test getting and setting grid-start and grid-before through JS"); | 73 debug("Test getting and setting grid-start and grid-before through JS"); |
74 testStartBeforeJSParsing("18", "66"); | 74 testStartBeforeJSParsing("18", "66"); |
75 testStartBeforeJSParsing("-55", "-40"); | 75 testStartBeforeJSParsing("-55", "-40"); |
76 testStartBeforeJSParsing("span 3", "span 20"); | 76 testStartBeforeJSParsing("span 3", "span 20"); |
77 testStartBeforeJSParsing("auto", "auto"); | 77 testStartBeforeJSParsing("auto", "auto"); |
78 | 78 |
79 debug(""); | 79 debug(""); |
| 80 debug("Test setting grid-start and grid-before to 'inherit' through JS"); |
| 81 testStartBeforeInheritJSParsing("inherit", "18"); |
| 82 testStartBeforeInheritJSParsing("2", "inherit"); |
| 83 testStartBeforeInheritJSParsing("inherit", "inherit"); |
| 84 |
| 85 debug(""); |
| 86 debug("Test setting grid-start and grid-before to 'initial' through JS"); |
| 87 testStartBeforeInitialJSParsing(); |
| 88 |
| 89 debug(""); |
80 debug("Test setting grid-start and grid-before back to 'auto' through JS"); | 90 debug("Test setting grid-start and grid-before back to 'auto' through JS"); |
81 element.style.webkitGridStart = "18"; | 91 element.style.webkitGridStart = "18"; |
82 element.style.webkitGridBefore = "66"; | 92 element.style.webkitGridBefore = "66"; |
83 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-start
')", "'18'"); | 93 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-start
')", "'18'"); |
84 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-colum
n')", "'18 / auto'"); | 94 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-colum
n')", "'18 / auto'"); |
85 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-befor
e')", "'66'"); | 95 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-befor
e')", "'66'"); |
86 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')
", "'66 / auto'"); | 96 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')
", "'66 / auto'"); |
87 element.style.webkitGridStart = "auto"; | 97 element.style.webkitGridStart = "auto"; |
88 element.style.webkitGridBefore = "auto"; | 98 element.style.webkitGridBefore = "auto"; |
89 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-start
')", "'auto'"); | 99 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-start
')", "'auto'"); |
90 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-colum
n')", "'auto / auto'"); | 100 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-colum
n')", "'auto / auto'"); |
91 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-befor
e')", "'auto'"); | 101 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-befor
e')", "'auto'"); |
92 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')
", "'auto / auto'"); | 102 shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-row')
", "'auto / auto'"); |
93 </script> | 103 </script> |
94 <script src="../js/resources/js-test-post.js"></script> | 104 <script src="../js/resources/js-test-post.js"></script> |
95 </body> | 105 </body> |
96 </html> | 106 </html> |
OLD | NEW |