blob: 2c60d47096ee319cf427d364820288e940761698 [file] [log] [blame]
<!doctype html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">|before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">b|efore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-0 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">b|efore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">be|fore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-1 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">be|fore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">bef|ore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-2 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">bef|ore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">befo|re \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-3 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">befo|re \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">befor|e \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-4 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">befor|e \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before| \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-5 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before| \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before | \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-6 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before | \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0|\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-7 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before | \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0|\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-8 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before | \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0|\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-9 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before |\u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0|\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-10 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0|\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7|\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-11 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7|\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8|\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-12 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8|\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9| \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-13 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9| \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 |\u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-14 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 |\u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0|\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-15 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0|\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0|\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-16 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0|\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6|\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-17 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6|\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9|\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-18 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9|\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7|\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-19 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7|\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC|\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-20 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC|\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5|\u05E4\u05D3\u05D9\u05D4</div>',
'17-21 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5|\u05E4\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4|\u05D3\u05D9\u05D4</div>',
'17-22 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4|\u05D3\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3|\u05D9\u05D4</div>',
'17-23 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3|\u05D9\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9|\u05D4</div>',
'17-24 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9|\u05D4</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4|</div>',
'17-25 ltr right character');
selection_test(
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4|</div>',
selection => selection.modify('move', 'right', 'character'),
'<div contenteditable dir="ltr" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4|</div>',
'17-26 ltr right character');
</script>