| <!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="rtl">|Lorem <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">^Lorem| <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-0 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">L|orem <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">L^orem| <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-1 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lo|rem <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lo^rem| <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-2 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lor|em <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lor^em| <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-3 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lore|m <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lore^m| <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-4 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem| <div dir="ltr">ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="rtl">Lorem ^<div dir="ltr">|ipsum dolor sit</div> amet</div>' |
| : '<div contenteditable dir="rtl">Lorem ^<div dir="ltr">|ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-5 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|ipsum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem |<div dir="ltr">^ipsum dolor sit</div> amet</div>', |
| `${behavior} 9-6 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">i|psum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|i^psum dolor sit</div> amet</div>', |
| `${behavior} 9-7 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ip|sum dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|ip^sum dolor sit</div> amet</div>', |
| `${behavior} 9-8 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ips|um dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|ips^um dolor sit</div> amet</div>', |
| `${behavior} 9-9 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsu|m dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|ipsu^m dolor sit</div> amet</div>', |
| `${behavior} 9-10 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum| dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|ipsum^ dolor sit</div> amet</div>', |
| `${behavior} 9-11 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |dolor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">|ipsum ^dolor sit</div> amet</div>', |
| `${behavior} 9-12 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum d|olor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |d^olor sit</div> amet</div>', |
| `${behavior} 9-13 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum do|lor sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |do^lor sit</div> amet</div>', |
| `${behavior} 9-14 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dol|or sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |dol^or sit</div> amet</div>', |
| `${behavior} 9-15 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolo|r sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |dolo^r sit</div> amet</div>', |
| `${behavior} 9-16 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor| sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |dolor^ sit</div> amet</div>', |
| `${behavior} 9-17 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor |sit</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum |dolor ^sit</div> amet</div>', |
| `${behavior} 9-18 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor s|it</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor |s^it</div> amet</div>', |
| `${behavior} 9-19 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor si|t</div> amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor |si^t</div> amet</div>', |
| `${behavior} 9-20 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div>| amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ^amet|</div>', |
| `${behavior} 9-21 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> |amet</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ^amet|</div>', |
| `${behavior} 9-22 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> a|met</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> a^met|</div>', |
| `${behavior} 9-23 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> am|et</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> am^et|</div>', |
| `${behavior} 9-24 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ame|t</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> ame^t|</div>', |
| `${behavior} 9-25 rtl left word`); |
| |
| selection_test( |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> amet|</div>', |
| selection => selection.modify('extend', 'left', 'word'), |
| '<div contenteditable dir="rtl">Lorem <div dir="ltr">ipsum dolor sit</div> amet|</div>', |
| `${behavior} 9-26 rtl left word`); |
| } |
| </script> |
