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;", "3", "auto"], | |
13 ["-webkit-columns:auto 10em;", "auto", "10em"], | |
Julien - ping for review
2013/07/23 17:26:50
Nit: You could remove the -webkit-columns in all t
mstensho (USE GERRIT)
2013/07/23 21:35:33
Yes, that would avoid some repetition, but wouldn'
| |
14 ["-webkit-columns:3 auto;", "3", "auto"], | |
15 ["-webkit-columns:10em auto;", "auto", "10em"], | |
16 ["-webkit-columns:7 7em; -webkit-columns:auto auto auto;" , "7", "7em"], | |
17 ["-webkit-columns:7 7em; -webkit-columns:10em auto auto;" , "7", "7em"], | |
18 ["-webkit-columns:7 7em; -webkit-columns:auto;", "auto", "auto"], | |
19 ["-webkit-columns:7 7em; -webkit-columns:auto auto;", "a uto", "auto"], | |
20 ["-webkit-columns:auto; -webkit-columns:initial;", "initi al", "initial"], | |
21 ["-webkit-columns:auto; -webkit-columns:initial initial;" , "auto", "auto"], | |
22 ["-webkit-columns:auto; -webkit-columns:inherit;", "inher it", "inherit"], | |
23 ["-webkit-columns:auto; -webkit-columns:inherit inherit;" , "auto", "auto"], | |
24 ["-webkit-columns:7;", "7", "initial"], | |
25 ["-webkit-columns:7em;", "initial", "7em"]]; | |
26 | |
27 tests.forEach(function(test) { | |
28 elm.style.cssText = test[0]; | |
Julien - ping for review
2013/07/23 17:26:50
Let's avoid shortening the variable names, especia
mstensho (USE GERRIT)
2013/07/23 21:35:33
Done.
| |
29 shouldBeEqualToString("elm.style.WebkitColumnCount", test[1]); | |
30 shouldBeEqualToString("elm.style.WebkitColumnWidth", test[2]); | |
31 }); | |
32 } | |
33 </script> | |
34 </head> | |
35 <body onload="runTests()"> | |
36 <div id="elm"></div> | |
37 <script src="../js/resources/js-test-post.js"></script> | |
38 </body> | |
39 </html> | |
OLD | NEW |