third_party/WebKit/LayoutTests/fast/css/getPropertyValue-columns.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <title>-webkit-columns shorthand getPropertyValue test</title>
   5     <style>
   6       .test {
   7         width: 100px;
   8         height: 100px;
   9       }
  10     </style>
  11     <script src="../../resources/js-test.js"></script>
  12     <script>
  13       if (window.testRunner)
  14         testRunner.dumpAsText();
  15     </script>
  16   </head>
  17   <body>
  18     <div id="columns1" class="test" style="-webkit-columns: 10px;"></div>
  19     <div id="columns2" class="test" style="-webkit-columns: 10;"></div>
  20     <div id="columns3" class="test" style="-webkit-columns: 10px auto;"></div>
  21     <div id="columns4" class="test" style="-webkit-columns: auto;"></div>
  22     <div id="columns5" class="test" style="-webkit-columns: auto 2;"></div>
  23     <div id="columns6" class="test" style="-webkit-column-width: 10px; -webkit-column-count: 2;"></div>
  24     <div id="columns7" class="test" style="-webkit-column-width: auto; -webkit-column-count: auto;"></div>
  25     <div id="columns8" class="test" style="-webkit-columns: foo;"></div>
  26     <div id="columns9" class="test" style="-webkit-column-width: 10px;"></div>
  27     <script>
  28       description("<a href=\"https://bugs.webkit.org/show_bug.cgi?id=111011\">Bug 111011: getPropertyValue for -webkit-columns returns null, should compute the shorthand value</a>");
  29
  30       function webkitColumnsValue(id) {
  31         var element = document.getElementById(id);
  32         return element.style.getPropertyValue("-webkit-columns");
  33       }
  34
  35       shouldBeEqualToString('webkitColumnsValue("columns1")', '10px auto');
  36       shouldBeEqualToString('webkitColumnsValue("columns2")', 'auto 10');
  37       shouldBeEqualToString('webkitColumnsValue("columns3")', '10px auto');
  38       shouldBeEqualToString('webkitColumnsValue("columns4")', 'auto auto');
  39       shouldBeEqualToString('webkitColumnsValue("columns5")', 'auto 2');
  40       shouldBeEqualToString('webkitColumnsValue("columns6")', '10px 2');
  41       shouldBeEqualToString('webkitColumnsValue("columns7")', 'auto auto');
  42       debug("NOTE: 'foo' is an illegal CSS value for '-webkit-columns'.");
  43       shouldBeEqualToString('webkitColumnsValue("columns8")', "");
  44       debug("NOTE: If only few longhand properties are specified, getPropertyValue for shorthand property returns empty string.")
  45       shouldBeEqualToString('webkitColumnsValue("columns9")', "");
  46     </script>
  47   </body>
  48 </html>