| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>'columns' property with 'auto' and something else</title> | 4 <title>'columns' property with 'auto' and something else</title> |
| 5 <script src="../../resources/js-test.js"></script> | 5 <script src="../../resources/js-test.js"></script> |
| 6 <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"); | 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) | 8 if (window.testRunner) |
| 9 testRunner.dumpAsText(); | 9 testRunner.dumpAsText(); |
| 10 | 10 |
| 11 function runTests() { | 11 function runTests() { |
| 12 var tests = [["-webkit-columns:auto 3;", "auto", "3", "auto 3"], | 12 var tests = [["-webkit-columns:auto 3;", "auto", "3", "auto 3"], |
| 13 ["-webkit-columns:auto 10em;", "10em", "auto", "10em auto
"], | 13 ["-webkit-columns:auto 10em;", "10em", "auto", "10em auto
"], |
| 14 ["-webkit-columns:3 auto;", "auto", "3", "auto 3"], | 14 ["-webkit-columns:3 auto;", "auto", "3", "auto 3"], |
| 15 ["-webkit-columns:10em auto;", "10em", "auto", "10em auto
"], | 15 ["-webkit-columns:10em auto;", "10em", "auto", "10em auto
"], |
| 16 ["-webkit-columns:7 7em; -webkit-columns:auto auto auto;"
, "7em", "7", "7em 7"], | 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"], | 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"], | 18 ["-webkit-columns:7 7em; -webkit-columns:auto;", "auto",
"auto", "auto auto"], |
| 19 ["-webkit-columns:7 7em; -webkit-columns:auto auto;", "a
uto", "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"], | 20 ["-webkit-columns:auto; -webkit-columns:initial;", "initi
al", "initial", "initial"], |
| 21 ["-webkit-columns:auto; -webkit-columns:initial initial;"
, "auto", "auto", "auto"], | 21 ["-webkit-columns:auto; -webkit-columns:initial initial;"
, "auto", "auto", "auto auto"], |
| 22 ["-webkit-columns:auto; -webkit-columns:inherit;", "inher
it", "inherit", "inherit"], | 22 ["-webkit-columns:auto; -webkit-columns:inherit;", "inher
it", "inherit", "inherit"], |
| 23 ["-webkit-columns:auto; -webkit-columns:inherit inherit;"
, "auto", "auto", "auto"], | 23 ["-webkit-columns:auto; -webkit-columns:inherit inherit;"
, "auto", "auto", "auto auto"], |
| 24 ["-webkit-columns:7;", "auto", "7", "7"], | 24 ["-webkit-columns:7;", "auto", "7", "auto 7"], |
| 25 ["-webkit-columns:7em;", "7em", "auto", "7em"]]; | 25 ["-webkit-columns:7em;", "7em", "auto", "7em auto"]]; |
| 26 | 26 |
| 27 tests.forEach(function(test) { | 27 tests.forEach(function(test) { |
| 28 element.style.cssText = test[0]; | 28 element.style.cssText = test[0]; |
| 29 shouldBeEqualToString("element.style.WebkitColumnWidth", test[1]); | 29 shouldBeEqualToString("element.style.WebkitColumnWidth", test[1]); |
| 30 shouldBeEqualToString("element.style.WebkitColumnCount", test[2]); | 30 shouldBeEqualToString("element.style.WebkitColumnCount", test[2]); |
| 31 shouldBeEqualToString("element.style.WebkitColumns", test[3]); | 31 shouldBeEqualToString("element.style.WebkitColumns", test[3]); |
| 32 }); | 32 }); |
| 33 } | 33 } |
| 34 </script> | 34 </script> |
| 35 </head> | 35 </head> |
| 36 <body> | 36 <body> |
| 37 <div id="element"></div> | 37 <div id="element"></div> |
| 38 <script> | 38 <script> |
| 39 runTests(); | 39 runTests(); |
| 40 </script> | 40 </script> |
| 41 </body> | 41 </body> |
| 42 </html> | 42 </html> |
| OLD | NEW |