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