<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">|\u05DC\u05E4\u05E0\u05D9    after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC|\u05E4\u05E0\u05D9    after encyclopedia</div>',
  '18-0 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC|\u05E4\u05E0\u05D9    after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4|\u05E0\u05D9    after encyclopedia</div>',
  '18-1 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4|\u05E0\u05D9    after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0|\u05D9    after encyclopedia</div>',
  '18-2 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0|\u05D9    after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9|    after encyclopedia</div>',
  '18-3 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9|    after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9 |   after encyclopedia</div>',
  '18-4 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9 |   after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    a|fter encyclopedia</div>',
  '18-5 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9  |  after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    a|fter encyclopedia</div>',
  '18-6 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9   | after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    a|fter encyclopedia</div>',
  '18-7 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    |after encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    a|fter encyclopedia</div>',
  '18-8 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    a|fter encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    af|ter encyclopedia</div>',
  '18-9 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    af|ter encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    aft|er encyclopedia</div>',
  '18-10 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    aft|er encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    afte|r encyclopedia</div>',
  '18-11 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    afte|r encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after| encyclopedia</div>',
  '18-12 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after| encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after |encyclopedia</div>',
  '18-13 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after |encyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after e|ncyclopedia</div>',
  '18-14 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after e|ncyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after en|cyclopedia</div>',
  '18-15 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after en|cyclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after enc|yclopedia</div>',
  '18-16 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after enc|yclopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after ency|clopedia</div>',
  '18-17 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after ency|clopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyc|lopedia</div>',
  '18-18 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyc|lopedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encycl|opedia</div>',
  '18-19 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encycl|opedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclo|pedia</div>',
  '18-20 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclo|pedia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclop|edia</div>',
  '18-21 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclop|edia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclope|dia</div>',
  '18-22 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclope|dia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encycloped|ia</div>',
  '18-23 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encycloped|ia</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclopedi|a</div>',
  '18-24 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclopedi|a</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclopedia|</div>',
  '18-25 ltr right character');

selection_test(
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclopedia|</div>',
  selection => selection.modify('move', 'right', 'character'),
  '<div contenteditable dir="ltr" style="width: 120px;">\u05DC\u05E4\u05E0\u05D9    after encyclopedia|</div>',
  '18-26 ltr right character');
</script>