third_party/WebKit/LayoutTests/fast/css/tab-size-complex-path.html

   1 <html>
   2 <head>
   3 <style>
   4 pre {
   5     margin: 0.1em;
   6     text-rendering:optimizeLegibility;
   7 }
   8 </style>
   9 <script>
  10
  11 function setupBlock(description, style)
  12 {
  13     var descriptionBlock = document.createElement("b");
  14     descriptionBlock.innerHTML = description;
  15     document.body.appendChild(descriptionBlock);
  16
  17     var block = document.createElement("div");
  18     if (style)
  19         block.setAttribute("style", style);
  20     block.innerHTML = document.getElementById("template").innerHTML;
  21     document.body.appendChild(block);
  22     return block;
  23 }
  24
  25 function test()
  26 {
  27
  28     setupBlock("Default tab size (8).", null);
  29     setupBlock("Tab size = -10, should fall back to the default.", "tab-size: -10;");
  30     setupBlock("Tab size = 2.", "tab-size: 2;");
  31
  32     var dynamicBlock = setupBlock("Tab size becomes 2 dynamically.", null);
  33
  34     if (window.testRunner)
  35         testRunner.waitUntilDone();
  36     window.setTimeout(function() {
  37         dynamicBlock.style.setProperty("tab-size", "2");
  38         if (window.testRunner)
  39             testRunner.notifyDone();
  40     }, 0);
  41 }
  42 </script>
  43 </head>
  44 <body onload="test();">
  45 <div id="template" style="display:none;">
  46 <pre>&Tab;x</pre>
  47 <pre>&Tab;&Tab;x</pre>
  48 <pre>&Tab;x&Tab;x</pre>
  49 <pre>xx&Tab;xx&Tab;x</pre>
  50 <pre>xxxxxxxxx&Tab;xx&Tab;x</pre>
  51 </div>
  52
  53 </body>
  54 </html>