drag_selects_bidi_image.html | Explore in Territory

<!DOCTYPE html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../assert_selection.js"></script>
<script>
function mouseMoveTo(selection, id, side) {
  const element = selection.document.getElementById(id);
  const x = side == 'left' ? selection.computeLeft(element) + 1
                           : selection.computeRight(element) - 1;
  const y = selection.computeTop(element) + element.offsetHeight / 2;
  eventSender.mouseMoveTo(x, y);
}

function startDrag(selection, id, side) {
  mouseMoveTo(selection, id, side);
  eventSender.mouseDown();
}

function endDrag(selection, id, side) {
  mouseMoveTo(selection, id, side);
  eventSender.mouseUp();
}

selection_test(
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '\u05D0\u05D0',
    '<img id="image" style="width: 20px; height: 20px">',
    '\u05D0\u05D0',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'right');
    endDrag(selection, 'image', 'right');
  },
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '^\u05D0\u05D0',
    '|<img id="image" style="width: 20px; height: 20px">',
    '\u05D0\u05D0',
    '</div>'
  ].join(''),
  'Create forward selection extended to image in RTL bidi run in LTR paragraph');

selection_test(
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '\u05D0\u05D0',
    '<img id="image" style="width: 20px; height: 20px">',
    '\u05D0\u05D0',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'right');
    endDrag(selection, 'image', 'left');
  },
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '^\u05D0\u05D0',
    '<img id="image" style="width: 20px; height: 20px">|',
    '\u05D0\u05D0',
    '</div>'
  ].join(''),
  'Create forward selection extended beyond image in RTL bidi run in LTR paragraph');

selection_test(
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '\u05D0\u05D0',
    '<img id="image" style="width: 20px; height: 20px">',
    '\u05D0\u05D0',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'left');
    endDrag(selection, 'image', 'left');
  },
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '\u05D0\u05D0',
    '<img id="image" style="width: 20px; height: 20px">|',
    '\u05D0\u05D0^',
    '</div>'
  ].join(''),
  'Create backward selection extended to image in RTL bidi run in LTR paragraph');

selection_test(
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '\u05D0\u05D0',
    '<img id="image" style="width: 20px; height: 20px">',
    '\u05D0\u05D0',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'left');
    endDrag(selection, 'image', 'right');
  },
  [
    '<div dir="ltr" id="container" style="width: 200px">',
    '\u05D0\u05D0',
    '|<img id="image" style="width: 20px; height: 20px">',
    '\u05D0\u05D0^',
    '</div>'
  ].join(''),
  'Create backward selection extended beyond image in RTL bidi run in LTR paragraph');

selection_test(
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    'XX',
    '<img id="image" style="width: 20px; height: 20px">',
    'XX',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'left');
    endDrag(selection, 'image', 'left');
  },
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    '^XX',
    '|<img id="image" style="width: 20px; height: 20px">',
    'XX',
    '</div>'
  ].join(''),
  'Create forward selection extended to image in LTR bidi run in RTL paragraph');

selection_test(
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    'XX',
    '<img id="image" style="width: 20px; height: 20px">',
    'XX',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'left');
    endDrag(selection, 'image', 'right');
  },
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    '^XX',
    '<img id="image" style="width: 20px; height: 20px">|',
    'XX',
    '</div>'
  ].join(''),
  'Create forward selection extended beyond image in LTR bidi run in RTL paragraph');

selection_test(
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    'XX',
    '<img id="image" style="width: 20px; height: 20px">',
    'XX',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'right');
    endDrag(selection, 'image', 'right');
  },
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    'XX',
    '<img id="image" style="width: 20px; height: 20px">|',
    'XX^',
    '</div>'
  ].join(''),
  'Create backward selection extended to image in LTR bidi run in RTL paragraph');

selection_test(
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    'XX',
    '<img id="image" style="width: 20px; height: 20px">',
    'XX',
    '</div>'
  ],
  selection => {
    assert_not_equals(
        window.eventSender, undefined,
        'This test requires eventSender to simulate mouse operations');

    startDrag(selection, 'container', 'right');
    endDrag(selection, 'image', 'left');
  },
  [
    '<div dir="rtl" id="container" style="width: 200px">',
    'XX',
    '|<img id="image" style="width: 20px; height: 20px">',
    'XX^',
    '</div>'
  ].join(''),
  'Create backward selection extended beyond image in LTR bidi run in RTL paragraph');
</script>
chromium/third_party/blink/web_tests/editing/selection/mouse/drag_selects_bidi_image.html
