OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>'columns' property with 'auto' and something else</title> |
| 5 <script src="../js/resources/js-test-pre.js"></script> |
| 6 <script> |
| 7 description("Test the behavior when 'auto' is part of the 'columns' proper
ty value. See http://www.w3.org/TR/css3-multicol/#columns"); |
| 8 if (window.testRunner) |
| 9 testRunner.dumpAsText(); |
| 10 |
| 11 function runTests() { |
| 12 var tests = [["-webkit-columns:auto 3;", "auto", "3", "auto 3"], |
| 13 ["-webkit-columns:auto 10em;", "10em", "auto", "10em auto
"], |
| 14 ["-webkit-columns:3 auto;", "auto", "3", "auto 3"], |
| 15 ["-webkit-columns:10em auto;", "10em", "auto", "10em auto
"], |
| 16 ["-webkit-columns:7 7em; -webkit-columns:auto auto auto;"
, "7em", "7", "7em 7"], |
| 17 ["-webkit-columns:7 7em; -webkit-columns:10em auto auto;"
, "7em", "7", "7em 7"], |
| 18 ["-webkit-columns:7 7em; -webkit-columns:auto;", "auto",
"auto", "auto"], |
| 19 ["-webkit-columns:7 7em; -webkit-columns:auto auto;", "a
uto", "auto", "auto auto"], |
| 20 ["-webkit-columns:auto; -webkit-columns:initial;", "initi
al", "initial", "initial"], |
| 21 ["-webkit-columns:auto; -webkit-columns:initial initial;"
, "auto", "auto", "auto"], |
| 22 ["-webkit-columns:auto; -webkit-columns:inherit;", "inher
it", "inherit", "inherit"], |
| 23 ["-webkit-columns:auto; -webkit-columns:inherit inherit;"
, "auto", "auto", "auto"], |
| 24 ["-webkit-columns:7;", "auto", "7", "7"], |
| 25 ["-webkit-columns:7em;", "7em", "auto", "7em"]]; |
| 26 |
| 27 tests.forEach(function(test) { |
| 28 element.style.cssText = test[0]; |
| 29 shouldBeEqualToString("element.style.WebkitColumnWidth", test[1]); |
| 30 shouldBeEqualToString("element.style.WebkitColumnCount", test[2]); |
| 31 shouldBeEqualToString("element.style.WebkitColumns", test[3]); |
| 32 }); |
| 33 } |
| 34 </script> |
| 35 </head> |
| 36 <body> |
| 37 <div id="element"></div> |
| 38 <script> |
| 39 runTests(); |
| 40 </script> |
| 41 <script src="../js/resources/js-test-post.js"></script> |
| 42 </body> |
| 43 </html> |
OLD | NEW |