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 |