| <!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">|\n Just\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n ^Just|\n <span>testing what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n ^Just\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-0 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n| Just\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n ^Just|\n <span>testing what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n ^Just\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-1 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n |Just\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n ^Just|\n <span>testing what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n ^Just\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-2 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n J|ust\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n J^ust|\n <span>testing what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n J^ust\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-3 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Ju|st\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Ju^st|\n <span>testing what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Ju^st\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-4 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Jus|t\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Jus^t|\n <span>testing what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Jus^t\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-5 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just|\n <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just^\n <span>testing| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just^\n| <span>testing what</span>\n ever\n</div>', |
| `${behavior} 15-6 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n| <span>testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>^testing| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>^testing |what</span>\n ever\n</div>', |
| `${behavior} 15-7 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>|testing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>^testing| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>^testing |what</span>\n ever\n</div>', |
| `${behavior} 15-8 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>t|esting what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>t^esting| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>t^esting |what</span>\n ever\n</div>', |
| `${behavior} 15-9 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>te|sting what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>te^sting| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>te^sting |what</span>\n ever\n</div>', |
| `${behavior} 15-10 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>tes|ting what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>tes^ting| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>tes^ting |what</span>\n ever\n</div>', |
| `${behavior} 15-11 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>test|ing what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>test^ing| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>test^ing |what</span>\n ever\n</div>', |
| `${behavior} 15-12 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testi|ng what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testi^ng| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testi^ng |what</span>\n ever\n</div>', |
| `${behavior} 15-13 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testin|g what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testin^g| what</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testin^g |what</span>\n ever\n</div>', |
| `${behavior} 15-14 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing| what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testing^ what|</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testing^ |what</span>\n ever\n</div>', |
| `${behavior} 15-15 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing |what</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testing ^what|</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testing ^what</span>\n| ever\n</div>', |
| `${behavior} 15-16 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing w|hat</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testing w^hat|</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testing w^hat</span>\n| ever\n</div>', |
| `${behavior} 15-17 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing wh|at</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testing wh^at|</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testing wh^at</span>\n| ever\n</div>', |
| `${behavior} 15-18 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing wha|t</span>\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testing wha^t|</span>\n ever\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testing wha^t</span>\n| ever\n</div>', |
| `${behavior} 15-19 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>|\n ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| behavior === 'mac' |
| ? '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>^\n ever|\n</div>' |
| : '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>^\n| ever\n</div>', |
| `${behavior} 15-20 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n| ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ^ever|\n</div>', |
| `${behavior} 15-21 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n |ever\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ^ever|\n</div>', |
| `${behavior} 15-22 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n e|ver\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n e^ver|\n</div>', |
| `${behavior} 15-23 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ev|er\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ev^er|\n</div>', |
| `${behavior} 15-24 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n eve|r\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n eve^r|\n</div>', |
| `${behavior} 15-25 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever|\n</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever|\n</div>', |
| `${behavior} 15-26 ltr right word`); |
| |
| selection_test( |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever\n|</div>', |
| selection => selection.modify('extend', 'right', 'word'), |
| '<div contenteditable dir="ltr">\n Just\n <span>testing what</span>\n ever|\n</div>', |
| `${behavior} 15-27 ltr right word`); |
| } |
| </script> |