third_party/WebKit/LayoutTests/editing/selection/move-by-word-visually-inline-block-positioned-element.html

   1 <!DOCTYPE html>
   2 <script src="resources/move-by-word-visually.js"></script>
   3 <script>
   4
   5 onload = function() {
   6     try {
   7         runTest();
   8     } finally {
   9         flushLog();
  10     }
  11 };
  12
  13 if (window.testRunner && window.internals) {
  14     testRunner.dumpAsText();
  15     internals.settings.setEditingBehavior('win');
  16 }
  17 </script>
  18
  19 <div id="testMoveByWord" contenteditable style="width:2000px; height:2000px">
  20 <div id="d_1" dir=ltr
  21 title="[d_1, 0][d_1, 6][d_2, 0][d_2, 4][d_3, 0][d_3, 4][d_4, 0][d_4, 5][d_4, 8][d_5, 0][d_5, 5][d_5, 8][d_6, 0][d_6, 5][d_6, 8][d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  22 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  23 class="test_move_by_word">begin start</div>
  24
  25 <div id="d_2" dir=ltr
  26 title="[d_2, 0][d_2, 4][d_3, 0][d_3, 4][d_4, 0][d_4, 5][d_4, 8][d_5, 0][d_5, 5][d_5, 8][d_6, 0][d_6, 5][d_6, 8][d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  27 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  28 class="test_move_by_word" style="display:inline-block">abc def</div>
  29
  30 <div id="d_3" dir=ltr
  31 title="[d_3, 0][d_3, 4][d_4, 0][d_4, 5][d_4, 8][d_5, 0][d_5, 5][d_5, 8][d_6, 0][d_6, 5][d_6, 8][d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  32 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  33 class="test_move_by_word">end ing</div>
  34
  35 <div id="d_4" dir=ltr
  36 title="[d_4, 0][d_4, 5][d_4, 8][d_5, 0][d_5, 5][d_5, 8][d_6, 0][d_6, 5][d_6, 8][d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  37 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  38 class="test_move_by_word" style="float:left">this is float</div>
  39
  40 <div id="d_5" dir=ltr
  41 title="[d_5, 0][d_5, 5][d_5, 8][d_6, 0][d_6, 5][d_6, 8][d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  42 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  43 class="test_move_by_word" style="position:fixed; top:30px; right:5px">this is fixed</div>
  44
  45 <div id="d_6" dir=ltr
  46 title="[d_6, 0][d_6, 5][d_6, 8][d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  47 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  48 class="test_move_by_word" style="position:relative; left:20px">this is relative</div>
  49
  50 <div id="d_7" dir=ltr
  51 title="[d_7, 0][d_7, 5][d_7, 8][d_7, 16]|
  52 [d_7, 16][d_7, 8][d_7, 5][d_7, 0][d_6, 8][d_6, 5][d_6, 0][d_5, 8][d_5, 5][d_5, 0][d_4, 8][d_4, 5][d_4, 0][d_3, 4][d_3, 0][d_2, 4][d_2, 0][d_1, 6][d_1, 0]"
  53 class="test_move_by_word" style="position:absolute; left:100px; top:150px">this is absolute</div>
  54
  55 </div>
  56
  57 <pre id="console"></pre>
  58 </body>
  59 </html>