third_party/WebKit/LayoutTests/editing/selection/node-removal-1.html

   1 <html>
   2 <head>
   3 <script>
   4 if (window.testRunner)
   5      testRunner.dumpEditingCallbacks();
   6 </script>
   7
   8
   9 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
  10
  11 <script>
  12
  13 function runTest() {
  14     var selection = window.getSelection();
  15     var e = document.getElementById("test");
  16     var r = document.getElementById("removeme");
  17
  18     selection.setBaseAndExtent(e, 0, r.childNodes[0], 2);
  19
  20     r.parentNode.removeChild(r);
  21 }
  22
  23 </script>
  24
  25 <title>Removing the endpoints of a selection</title>
  26 </head>
  27 <body>
  28 <p>This tests behavior when a node that serves as the start or end of a selection is removed from the document.  Ideally, we would just adjust the selection when an endpoint is removed, for now, we just blow away the selection.</p>
  29 <p>This test creates a selection that ends inside of a node that will be removed.  Then the node is removed.  There should be no selection afterward.</p>
  30 <div id="test">
  31 hello <span style="color:red;" id="removeme">removeme</span> world!
  32 </div>
  33
  34 <script>runTest()</script>
  35
  36 </body>
  37 </html>