third_party/WebKit/LayoutTests/editing/selection/move-between-lines-of-different-editabilities.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <style>
   5
   6 div[contenteditable=false] {
   7     background: red;
   8 }
   9
  10 </style>
  11 <div id="test" contenteditable=true>
  12 Line 1 editable<div contenteditable=false>Uneditable div 1</div>
  13 Line 2 editable<div contenteditable=false>Uneditable div 2</div>
  14 Line 3 editable</div>
  15 <script src="../editing.js"></script>
  16 <script src="../../resources/dump-as-markup.js"></script>
  17 <script>
  18
  19 Markup.description('This test moves caret between lines of different editabilities.')
  20
  21 document.getElementById('test').focus();
  22
  23 for (var i = 0; i < 6; i++)
  24     execMoveSelectionForwardByCharacterCommand();
  25
  26 if (window.testRunner)
  27     testRunner.dumpEditingCallbacks();
  28
  29 Markup.dump('test', 'Initial condition');
  30 for (var i = 0; i < 3; i++) {
  31     execMoveSelectionForwardByLineCommand();
  32     Markup.dump('test', 'After moving forward by line');
  33 }
  34
  35 </script>
  36 </body>
  37 </html>