| <!doctype html> |
| <script src="../../../resources/testharness.js"></script> |
| <script src="../../../resources/testharnessreport.js"></script> |
| <script src="../../assert_selection.js"></script> |
| <script> |
| // Soft line break after white space |
| const kStyle = 'line-break:after-white-space; width:100px; font: 20px monospace;'; |
| 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" style="${kStyle}">|line1 line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|line1 line2 a line3</div>`, |
| `${behavior} 22-0 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">l|ine1 line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|l^ine1 line2 a line3</div>`, |
| `${behavior} 22-1 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">li|ne1 line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|li^ne1 line2 a line3</div>`, |
| `${behavior} 22-2 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">lin|e1 line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|lin^e1 line2 a line3</div>`, |
| `${behavior} 22-3 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line|1 line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|line^1 line2 a line3</div>`, |
| `${behavior} 22-4 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1| line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|line1^ line2 a line3</div>`, |
| `${behavior} 22-5 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 |line2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">|line1 ^line2 a line3</div>`, |
| `${behavior} 22-6 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 l|ine2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |l^ine2 a line3</div>`, |
| `${behavior} 22-7 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 li|ne2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |li^ne2 a line3</div>`, |
| `${behavior} 22-8 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 lin|e2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |lin^e2 a line3</div>`, |
| `${behavior} 22-9 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line|2 a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |line^2 a line3</div>`, |
| `${behavior} 22-10 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2| a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |line2^ a line3</div>`, |
| `${behavior} 22-11 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 |a line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 |line2 ^a line3</div>`, |
| `${behavior} 22-12 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a| line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 |a^ line3</div>`, |
| `${behavior} 22-13 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a |line3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 |a ^line3</div>`, |
| `${behavior} 22-14 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a l|ine3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a |l^ine3</div>`, |
| `${behavior} 22-15 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a li|ne3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a |li^ne3</div>`, |
| `${behavior} 22-16 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a lin|e3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a |lin^e3</div>`, |
| `${behavior} 22-17 rtl backward word`); |
| |
| selection_test( |
| `<div contenteditable dir="rtl" style="${kStyle}">line1 line2 a line|3</div>`, |
| selection => selection.modify('extend', 'backward', 'word'), |
| `<div contenteditable dir="rtl" style="line-break:after-white-space; width:100px; font: 20px monospace;">line1 line2 a |line^3</div>`, |
| `${behavior} 22-18 rtl backward word`); |
| } |
| </script> |
