OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html> | |
3 <head> | |
4 <title>'columns' property with 'auto' and something else</title> | |
5 <script src="../../resources/js-test.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 </body> | |
42 </html> | |
OLD | NEW |