editor/reftests/exec-command-indent-ws.html

   1 <!DOCTYPE HTML>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html><head>
   7   <meta charset="utf-8">
   8   <title>Testcase for bug </title>
   9 <style>
  10 html,body {
  11   color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
  12 }
  13
  14 li::before { content: " list-item counter:" counters(list-item,".") " "; }
  15 ol,ul { border:1px solid; margin: 0; }
  16 div > ul { counter-reset: list-item 7; }
  17 </style>
  18 </head>
  19 <body>
  20
  21 <div contenteditable>
  22 <ol start=8>
  23   <li>A</li>
  24   <ol></ol>
  25   <li class="indent">B</li>
  26   <li>C</li>
  27 </ol>
  28 </div>
  29
  30 <div contenteditable>
  31 <ol start=8>
  32   <li>A</li>
  33   <li class="indent">B</li>
  34   <ol></ol>
  35   <li>C</li>
  36 </ol>
  37 </div>
  38
  39 <div contenteditable>
  40 <ul>
  41   <li>A</li>
  42   <ul></ul>
  43   <li class="indent">B</li>
  44   <li>C</li>
  45 </ul>
  46 </div>
  47
  48 <div contenteditable>
  49 <ul>
  50   <li>A</li>
  51   <li class="indent">B</li>
  52   <ul></ul>
  53   <li>C</li>
  54 </ul>
  55 </div>
  56
  57 <!-- now the same as above without whitespace: -->
  58
  59 <div contenteditable><ol start=8><li>A</li><ol></ol><li class="indent">B</li><li>C</li></ol></div>
  60 <div contenteditable><ol start=8><li>A</li><li class="indent">B</li><ol></ol><li>C</li></ol></div>
  61 <div contenteditable><ul><li>A</li><ul></ul><li class="indent">B</li><li>C</li></ul></div>
  62 <div contenteditable><ul><li>A</li><li class="indent">B</li><ul></ul><li>C</li></ul></div>
  63
  64 <script>
  65 function test() {
  66   [...document.querySelectorAll('.indent')].forEach(function(elm) {
  67     var r = document.createRange();
  68     r.setStart(elm.firstChild,0)
  69     r.setEnd(elm.firstChild,0)
  70     window.getSelection().addRange(r);
  71     document.execCommand("indent");
  72     window.getSelection().removeAllRanges();
  73   });
  74 }
  75
  76 test();
  77 document.activeElement.blur();
  78 </script>
  79
  80 </body>
  81 </html>