<!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">|abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">|abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-0 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">a|bc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">|abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-1 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">ab|c<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">a|bc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-2 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc|<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">ab|c<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-3 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>|\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc|<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-4 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0|\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>|\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-5 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1|\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0|\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-6 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2|<img><img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1|\u05D2<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-7 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img>|<img>\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2|<img><img>\u05D3\u05D4\u05D5ghi</div>',
  '27-8 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>|\u05D3\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img>|<img>\u05D3\u05D4\u05D5ghi</div>',
  '27-9 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3|\u05D4\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>|\u05D3\u05D4\u05D5ghi</div>',
  '27-10 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4|\u05D5ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3|\u05D4\u05D5ghi</div>',
  '27-11 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5|ghi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4|\u05D5ghi</div>',
  '27-12 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5g|hi</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5|ghi</div>',
  '27-13 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5gh|i</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5g|hi</div>',
  '27-14 ltr left character');

selection_test(
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5ghi|</div>',
  selection => selection.modify('move', 'left', 'character'),
  '<div contenteditable dir="ltr">abc<input>\u05D0\u05D1\u05D2<img><img>\u05D3\u05D4\u05D5gh|i</div>',
  '27-15 ltr left character');
</script>