<!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="rtl">|Lorem <span style="direction: ltr">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">^Lorem <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-0 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">L|orem <span style="direction: ltr">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">L^orem <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-1 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lo|rem <span style="direction: ltr">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lo^rem <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-2 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lor|em <span style="direction: ltr">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lor^em <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-3 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lore|m <span style="direction: ltr">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lore^m <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-4 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem| <span style="direction: ltr">ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem^ <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-5 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">|ipsum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">^ipsum dolor sit</span> amet|</div>',
  '3-6 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">i|psum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">i^psum dolor sit</span> amet|</div>',
  '3-7 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ip|sum dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ip^sum dolor sit</span> amet|</div>',
  '3-8 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ips|um dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ips^um dolor sit</span> amet|</div>',
  '3-9 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsu|m dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsu^m dolor sit</span> amet|</div>',
  '3-10 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum| dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum^ dolor sit</span> amet|</div>',
  '3-11 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum |dolor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum ^dolor sit</span> amet|</div>',
  '3-12 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum d|olor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum d^olor sit</span> amet|</div>',
  '3-13 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum do|lor sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum do^lor sit</span> amet|</div>',
  '3-14 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dol|or sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dol^or sit</span> amet|</div>',
  '3-15 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolo|r sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolo^r sit</span> amet|</div>',
  '3-16 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor| sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor^ sit</span> amet|</div>',
  '3-17 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor |sit</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor ^sit</span> amet|</div>',
  '3-18 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor s|it</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor s^it</span> amet|</div>',
  '3-19 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor si|t</span> amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor si^t</span> amet|</div>',
  '3-20 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span>| amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span>^ amet|</div>',
  '3-21 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> |amet</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> ^amet|</div>',
  '3-22 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> a|met</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> a^met|</div>',
  '3-23 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> am|et</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> am^et|</div>',
  '3-24 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> ame|t</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> ame^t|</div>',
  '3-25 rtl forward lineboundary');

selection_test(
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  selection => selection.modify('extend', 'forward', 'lineboundary'),
  '<div contenteditable dir="rtl">Lorem <span style="direction: ltr">ipsum dolor sit</span> amet|</div>',
  '3-26 rtl forward lineboundary');
</script>