third_party/WebKit/LayoutTests/fast/multicol/columns-shorthand-parsing-2.html

   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' property 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 auto"],
  19                        ["-webkit-columns:7 7em; -webkit-columns:auto auto;",  "auto", "auto", "auto auto"],
  20                        ["-webkit-columns:auto; -webkit-columns:initial;", "initial", "initial", "initial"],
  21                        ["-webkit-columns:auto; -webkit-columns:initial initial;", "auto", "auto", "auto auto"],
  22                        ["-webkit-columns:auto; -webkit-columns:inherit;", "inherit", "inherit", "inherit"],
  23                        ["-webkit-columns:auto; -webkit-columns:inherit inherit;", "auto", "auto", "auto auto"],
  24                        ["-webkit-columns:7;", "auto", "7", "auto 7"],
  25                        ["-webkit-columns:7em;", "7em", "auto", "7em auto"]];
  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>