third_party/WebKit/LayoutTests/editing/deleting/delete-listitem-003.html

   1 <head>
   2 <style>
   3   p.listStyle:before {
   4     content: "\25cf";
   5     margin-right: 18pt;
   6   }
   7 </style>
   8 </head>
   9 <body>
  10 <div id="container">
  11 <div contenteditable="true" id="work">
  12     <p class="listStyle"><span>One</span><br id="one"></p>
  13     <p class="listStyle"><span>Two</span><br id="two"></p>
  14     <p class="listStyle"><span>Three</span><br id="three"></p>
  15 </div>
  16 </div>
  17 <script src="../../resources/js-test.js"></script>
  18 <script>
  19 function $(id) { return document.getElementById(id); }
  20
  21 var sample = document.querySelectorAll("p.listStyle")[1];
  22 var range = document.createRange();
  23 range.selectNode(sample.firstChild);
  24 var selection = window.getSelection();
  25 selection.removeAllRanges();
  26 selection.addRange(range);
  27 document.execCommand('Delete');
  28 shouldBeEqualToString('sample.outerHTML', '<p class="listStyle"><br id="two"></p>');
  29
  30 if (window.testRunner)
  31     $('container').outerHTML = '';
  32 </script>
  33 </body>