|
Lines 25-30
var gridWithViewPortPercentageElement = document.getElementById("gridWithViewPor
a/LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js_sec1
|
| 25 |
shouldBe("getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-columns')", "'64px'"); |
25 |
shouldBe("getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-columns')", "'64px'"); |
| 26 |
shouldBe("getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-rows')", "'60px'"); |
26 |
shouldBe("getComputedStyle(gridWithViewPortPercentageElement, '').getPropertyValue('-webkit-grid-rows')", "'60px'"); |
| 27 |
|
27 |
|
|
|
28 |
var gridWithMinMax = document.getElementById("gridWithMinMax"); |
| 29 |
shouldBe("getComputedStyle(gridWithMinMax, '').getPropertyValue('-webkit-grid-columns')", "'minmax(10%, 15px)'"); |
| 30 |
shouldBe("getComputedStyle(gridWithMinMax, '').getPropertyValue('-webkit-grid-rows')", "'minmax(20px, 50%)'"); |
| 31 |
|
| 32 |
debug(""); |
| 28 |
debug("Test getting wrong values for -webkit-grid-columns and -webkit-grid-rows through CSS (they should resolve to the default: 'none')"); |
33 |
debug("Test getting wrong values for -webkit-grid-columns and -webkit-grid-rows through CSS (they should resolve to the default: 'none')"); |
| 29 |
var gridWithFitContentElement = document.getElementById("gridWithFitContentElement"); |
34 |
var gridWithFitContentElement = document.getElementById("gridWithFitContentElement"); |
| 30 |
shouldBe("getComputedStyle(gridWithFitContentElement, '').getPropertyValue('-webkit-grid-columns')", "'none'"); |
35 |
shouldBe("getComputedStyle(gridWithFitContentElement, '').getPropertyValue('-webkit-grid-columns')", "'none'"); |
|
Lines 69-74
element.style.webkitGridRows = "25vh";
a/LayoutTests/fast/css-grid-layout/resources/grid-columns-rows-get-set.js_sec2
|
| 69 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'80px'"); |
74 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'80px'"); |
| 70 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'150px'"); |
75 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'150px'"); |
| 71 |
|
76 |
|
|
|
77 |
element = document.createElement("div"); |
| 78 |
document.body.appendChild(element); |
| 79 |
element.style.webkitGridColumns = "minmax(55%, 45px)"; |
| 80 |
element.style.webkitGridRows = "minmax(30px, 40%)"; |
| 81 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'minmax(55%, 45px)'"); |
| 82 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'minmax(30px, 40%)'"); |
| 83 |
|
| 84 |
element = document.createElement("div"); |
| 85 |
document.body.appendChild(element); |
| 86 |
element.style.font = "10px Ahem"; |
| 87 |
element.style.webkitGridColumns = "minmax(22em, 8vh)"; |
| 88 |
element.style.webkitGridRows = "minmax(10vw, 5em)"; |
| 89 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'minmax(220px, 48px)'"); |
| 90 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'minmax(80px, 50px)'"); |
| 91 |
|
| 92 |
debug(""); |
| 93 |
debug("Test setting grid-columns and grid-rows to bad minmax value through JS"); |
| 94 |
element = document.createElement("div"); |
| 95 |
document.body.appendChild(element); |
| 96 |
// No comma. |
| 97 |
element.style.webkitGridColumns = "minmax(10px 20px)"; |
| 98 |
// Only 1 argument provided. |
| 99 |
element.style.webkitGridRows = "minmax(10px)"; |
| 100 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'none'"); |
| 101 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'none'"); |
| 102 |
|
| 103 |
element = document.createElement("div"); |
| 104 |
document.body.appendChild(element); |
| 105 |
// Nested minmax. |
| 106 |
element.style.webkitGridColumns = "minmax(minmax(10px, 20px), 20px)"; |
| 107 |
// Only 2 arguments are allowed. |
| 108 |
element.style.webkitGridRows = "minmax(10px, 20px, 30px)"; |
| 109 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'none'"); |
| 110 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'none'"); |
| 111 |
|
| 112 |
element = document.createElement("div"); |
| 113 |
document.body.appendChild(element); |
| 114 |
// No breadth value. |
| 115 |
element.style.webkitGridColumns = "minmax()"; |
| 116 |
// No comma. |
| 117 |
element.style.webkitGridRows = "minmax(30px 30% 30em)"; |
| 118 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'none'"); |
| 119 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'none'"); |
| 120 |
|
| 121 |
element = document.createElement("div"); |
| 122 |
document.body.appendChild(element); |
| 123 |
// Auto is not allowed inside minmax. |
| 124 |
element.style.webkitGridColumns = "minmax(auto, 8vh)"; |
| 125 |
element.style.webkitGridRows = "minmax(10vw, auto)"; |
| 126 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-columns')", "'none'"); |
| 127 |
shouldBe("getComputedStyle(element, '').getPropertyValue('-webkit-grid-rows')", "'none'"); |
| 128 |
|
| 72 |
debug(""); |
129 |
debug(""); |
| 73 |
debug("Test setting grid-columns and grid-rows back to 'none' through JS"); |
130 |
debug("Test setting grid-columns and grid-rows back to 'none' through JS"); |
| 74 |
element.style.webkitGridColumns = "18px"; |
131 |
element.style.webkitGridColumns = "18px"; |