third_party/WebKit/LayoutTests/editing/pasteboard/merge-end-borders.html

   1 <script>
   2 if (window.testRunner)
   3      testRunner.dumpEditingCallbacks();
   4 </script>
   5 <p>This is a test for the merge that paste does of the last paragraph of the incoming fragment with content after the end of the selection being pasted into.  A fragment that ends in with paragraph surrounded by a blue border is pasted into a selection ending in a paragraph surrounded by a red border.  The red border should win.</p><p><b>The second paragraph should be surrounded by a red border before and after the test.</b></p>
   6
   7 <div id="test" contenteditable="true">First paragraph<div style="border: 1px solid red;">This text should be surrounded by a red border.</div></div>
   8
   9 <script type="text/javascript" src="../editing.js"></script>
  10 <script>
  11 if (window.internals)
  12     internals.settings.setEditingBehavior('mac');
  13 var s = window.getSelection();
  14 var e = document.getElementById("test");
  15
  16 s.collapse(e, 0);
  17 // Move to the last word in the first paragraph
  18 moveSelectionForwardByWordCommand();
  19 moveSelectionForwardByCharacterCommand();
  20 // Select from here to the end of the first word of the next paragraph.
  21 extendSelectionForwardByWordCommand();
  22 extendSelectionForwardByWordCommand();
  23
  24 insertHTMLCommand("paragraph<div style='border: 1px solid blue;'>This</div>");
  25 </script>