third_party/WebKit/LayoutTests/editing/shadow/select-contenteditable-shadowhost.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <script src="../../resources/js-test.js"></script>
   5 <script src="../../fast/dom/resources/event-sender-util.js"></script>
   6
   7 <p>This test confirms that selecting an element having Shadow DOM doesn't cross editing boundaries errornously.</p>
   8
   9 <div>
  10     <div id="before">BEFORE</div>
  11     <div id="host" contenteditable>HOST</div>
  12     <div id="after">AFTER</div>
  13 </div>
  14
  15 <pre id="console"></pre>
  16
  17 <script>
  18
  19 var shadowRoot = host.createShadowRoot();
  20 shadowRoot.innerHTML = "SHADOW DOM";
  21
  22 var selection = shadowRoot.getSelection();
  23
  24 debug('Move mouse from BEFORE to HOST');
  25
  26 mouseMoveToElem(before);
  27 eventSender.mouseDown();
  28 mouseMoveToElem(host);
  29 eventSender.mouseUp();
  30 shouldBeNull('selection.anchorNode');
  31 shouldBeNull('selection.focusNode');
  32
  33 // Check crash won't happen.
  34 document.execCommand('delete');
  35 debug('PASS document.execCommand("delete") did not crash.');
  36
  37 debug('');
  38 debug('Move mouse from AFTER to HOST');
  39
  40 mouseMoveToElem(after);
  41 eventSender.mouseDown();
  42 mouseMoveToElem(host);
  43 eventSender.mouseUp();
  44 shouldBeNull('selection.anchorNode');
  45 shouldBeNull('selection.focusNode');
  46 // Check crash won't happen.
  47 document.execCommand('delete');
  48 debug('PASS document.execCommand("delete") did not crash.');
  49
  50 var successfullyParsed = true;
  51 </script>
  52 </body>
  53
  54 </html>