blob: fa549b7d258ceb1570d3bfe9086bc99abf3f95b7 [file] [log] [blame]
<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
const isMac = navigator.platform.indexOf('Mac') === 0;
const kBehaviors = window.internals ? ['mac', 'win'] : isMac ? ['mac'] : ['win'];
for (const behavior of kBehaviors) {
if (window.internals) {
internals.settings.setEditingBehavior(behavior);
internals.settings.setSelectTrailingWhitespaceEnabled(behavior !== 'mac');
}
selection_test(
'<div contenteditable dir="ltr">|Lorem <span dir="rtl">ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|Lorem <span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-0 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">L|orem <span dir="rtl">ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|L^orem <span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-1 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lo|rem <span dir="rtl">ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|Lo^rem <span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-2 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lor|em <span dir="rtl">ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|Lor^em <span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-3 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lore|m <span dir="rtl">ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|Lore^m <span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-4 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem| <span dir="rtl">ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|Lorem^ <span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-5 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|ipsum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">|Lorem ^<span dir="rtl">ipsum dolor sit</span> amet</div>',
`${behavior} 2-6 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">i|psum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|i^psum dolor sit</span> amet</div>',
`${behavior} 2-7 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ip|sum dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|ip^sum dolor sit</span> amet</div>',
`${behavior} 2-8 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ips|um dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|ips^um dolor sit</span> amet</div>',
`${behavior} 2-9 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsu|m dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|ipsu^m dolor sit</span> amet</div>',
`${behavior} 2-10 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum| dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|ipsum^ dolor sit</span> amet</div>',
`${behavior} 2-11 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |dolor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">|ipsum ^dolor sit</span> amet</div>',
`${behavior} 2-12 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum d|olor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |d^olor sit</span> amet</div>',
`${behavior} 2-13 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum do|lor sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |do^lor sit</span> amet</div>',
`${behavior} 2-14 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dol|or sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |dol^or sit</span> amet</div>',
`${behavior} 2-15 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolo|r sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |dolo^r sit</span> amet</div>',
`${behavior} 2-16 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor| sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |dolor^ sit</span> amet</div>',
`${behavior} 2-17 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor |sit</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum |dolor ^sit</span> amet</div>',
`${behavior} 2-18 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor s|it</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor |s^it</span> amet</div>',
`${behavior} 2-19 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor si|t</span> amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor |si^t</span> amet</div>',
`${behavior} 2-20 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span>| amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor |sit^</span> amet</div>',
`${behavior} 2-21 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> |amet</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor |sit</span> ^amet</div>',
`${behavior} 2-22 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> a|met</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> |a^met</div>',
`${behavior} 2-23 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> am|et</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> |am^et</div>',
`${behavior} 2-24 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> ame|t</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> |ame^t</div>',
`${behavior} 2-25 ltr left word`);
selection_test(
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> amet|</div>',
selection => selection.modify('extend', 'left', 'word'),
'<div contenteditable dir="ltr">Lorem <span dir="rtl">ipsum dolor sit</span> |amet^</div>',
`${behavior} 2-26 ltr left word`);
}
</script>