blob: 58d3a8f396b2e92373e328c09c534183b779fa56 [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="rtl" 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="rtl" style="width: 120px;">|before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-0 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">|before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-1 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">b|efore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-2 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">be|fore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-3 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">bef|ore \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-4 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">befo|re \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-5 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">befor|e \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-6 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before| \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-7 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before| \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-8 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before| \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-9 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before| \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-10 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before | \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-11 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0|\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-12 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7|\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-13 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8|\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-14 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9| \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-15 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 |\u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-16 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0|\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-17 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0|\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-18 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6|\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-19 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9|\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-20 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7|\u05DC\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-21 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC|\u05D5\u05E4\u05D3\u05D9\u05D4</div>',
'17-22 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5|\u05E4\u05D3\u05D9\u05D4</div>',
'17-23 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4|\u05D3\u05D9\u05D4</div>',
'17-24 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3|\u05D9\u05D4</div>',
'17-25 rtl right character');
selection_test(
'<div contenteditable dir="rtl" 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="rtl" style="width: 120px;">before \u05D0\u05D7\u05E8\u05D9 \u05D0\u05E0\u05E6\u05D9\u05E7\u05DC\u05D5\u05E4\u05D3\u05D9|\u05D4</div>',
'17-26 rtl right character');
</script>