| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
| 5 <style> | 5 <style> |
| 6 .gridAutoFixedFixed { | 6 .gridAutoFixedFixed { |
| 7 grid-auto-rows: 30px; | 7 grid-auto-rows: 30px; |
| 8 grid-auto-columns: 50px; | 8 grid-auto-columns: 50px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 104 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 115 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid
-auto-rows')", computedAutoRows || autoRows); | 115 shouldBeEqualToString("getComputedStyle(element, '').getPropertyValue('grid
-auto-rows')", computedAutoRows || autoRows); |
| 116 } | 116 } |
| 117 | 117 |
| 118 debug(""); | 118 debug(""); |
| 119 debug("Test getting and setting grid-auto-columns and grid-auto-rows through JS"
); | 119 debug("Test getting and setting grid-auto-columns and grid-auto-rows through JS"
); |
| 120 testAutoValues("18em", "66em", "180px", "660px"); | 120 testAutoValues("18em", "66em", "180px", "660px"); |
| 121 testAutoValues("minmax(min-content, 8vh)", "minmax(10vw, min-content)", "minmax(
min-content, 48px)", "minmax(80px, min-content)"); | 121 testAutoValues("minmax(min-content, 8vh)", "minmax(10vw, min-content)", "minmax(
min-content, 48px)", "minmax(80px, min-content)"); |
| 122 testAutoValues("minmax(min-content, max-content)", "minmax(max-content, min-cont
ent)"); | 122 testAutoValues("minmax(min-content, max-content)", "minmax(max-content, min-cont
ent)"); |
| 123 testAutoValues("minmax(min-content, 10px) 48px 5%", "auto 30px minmax(10%, 60%)"
); | 123 testAutoValues("minmax(min-content, 10px) 48px 5%", "auto 30px minmax(10%, 60%)"
); |
| 124 testAutoValues("fit-content(10px) fit-content(30%)", "fit-content(5%) fit-conten
t(calc(20px + 2em))", "fit-content(10px) fit-content(30%)", "fit-content(5%) fit
-content(40px)"); | 124 testAutoValues("fit-content(10px) fit-content(30%)", "fit-content(5%) fit-conten
t(calc(20px + 2em))", "fit-content(10px) fit-content(30%)", "fit-content(5%) fit
-content(40px)"); |
| 125 testAutoValues("minmax(auto, 2fr)", "minmax(auto, 1fr)", "2fr", "1fr"); |
| 125 | 126 |
| 126 debug(""); | 127 debug(""); |
| 127 debug("Test setting grid-auto-columns and grid-auto-rows to bad minmax value thr
ough JS"); | 128 debug("Test setting grid-auto-columns and grid-auto-rows to bad minmax value thr
ough JS"); |
| 128 testAutoValues("minmax(10px 20px)", "minmax(10px)", "auto", "auto"); | 129 testAutoValues("minmax(10px 20px)", "minmax(10px)", "auto", "auto"); |
| 129 testAutoValues("minmax(minmax(10px, 20px), 20px)", "minmax(10px, 20px, 30px)", "
auto", "auto"); | 130 testAutoValues("minmax(minmax(10px, 20px), 20px)", "minmax(10px, 20px, 30px)", "
auto", "auto"); |
| 130 testAutoValues("minmax()", "minmax(30px 30% 30em)", "auto", "auto"); | 131 testAutoValues("minmax()", "minmax(30px 30% 30em)", "auto", "auto"); |
| 131 testAutoValues("none", "none", "auto", "auto"); | 132 testAutoValues("none", "none", "auto", "auto"); |
| 132 testAutoValues("10px [a] 20px", "[z] auto [y] min-content", "auto", "auto"); | 133 testAutoValues("10px [a] 20px", "[z] auto [y] min-content", "auto", "auto"); |
| 133 testAutoValues("repeat(2, 10px [a] 20px)", "[z] repeat(auto-fit, 100px)", "auto"
, "auto"); | 134 testAutoValues("repeat(2, 10px [a] 20px)", "[z] repeat(auto-fit, 100px)", "auto"
, "auto"); |
| 134 testAutoValues("fit-content(min-content) fit-content(auto)", "fit-content(fit-co
ntent(3%)) fit-content(minmax(2px, 30px))", "auto", "auto"); | 135 testAutoValues("fit-content(min-content) fit-content(auto)", "fit-content(fit-co
ntent(3%)) fit-content(minmax(2px, 30px))", "auto", "auto"); |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 168 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-auto-rows')",
"'auto'"); | 169 shouldBe("getComputedStyle(element, '').getPropertyValue('grid-auto-rows')",
"'auto'"); |
| 169 | 170 |
| 170 document.body.removeChild(element); | 171 document.body.removeChild(element); |
| 171 } | 172 } |
| 172 debug(""); | 173 debug(""); |
| 173 debug("Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS
"); | 174 debug("Test setting grid-auto-columns and grid-auto-rows to 'initial' through JS
"); |
| 174 testInitial(); | 175 testInitial(); |
| 175 </script> | 176 </script> |
| 176 </body> | 177 </body> |
| 177 </html> | 178 </html> |
| OLD | NEW |