| <!doctype html> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <script src="../../assert_selection.js"></script> |
| <script> |
| // To verify "mac" behavior other than macOS, please add following lines: |
| // internals.settings.setEditingBehavior('mac'); |
| // internals.settings.setSelectTrailingWhitespaceEnabled(false); |
| const isMac = navigator.platform.indexOf('Mac') === 0; |
| |
| selection_test( |
| '<div contenteditable dir="ltr">|abc ghi<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc| ghi<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc |ghi<div></div><div></div><div></div>opq xyz</div>', |
| '7-0 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">a|bc ghi<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc| ghi<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc |ghi<div></div><div></div><div></div>opq xyz</div>', |
| '7-1 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">ab|c ghi<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc| ghi<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc |ghi<div></div><div></div><div></div>opq xyz</div>', |
| '7-2 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc| ghi<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc |ghi<div></div><div></div><div></div>opq xyz</div>', |
| '7-3 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc |ghi<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>', |
| '7-4 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc g|hi<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>', |
| '7-5 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc gh|i<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>', |
| '7-6 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi|<div></div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>|opq xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>|opq xyz</div>', |
| '7-7 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div>|</div><div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-8 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div>|<div></div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-9 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div>|</div><div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-10 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div>|<div></div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-11 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div>|</div>opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-12 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>|opq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-13 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>o|pq xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-14 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>op|q xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-15 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq| xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| isMac |
| ? '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xyz|</div>' |
| : '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| '7-16 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq |xyz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xyz|</div>', |
| '7-17 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq x|yz</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xyz|</div>', |
| '7-18 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xy|z</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xyz|</div>', |
| '7-19 ltr right word'); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xyz|</div>', |
| selection => selection.modify('move', 'right', 'word'), |
| '<div contenteditable dir="ltr">abc ghi<div></div><div></div><div></div>opq xyz|</div>', |
| '7-20 ltr right word'); |
| </script> |