user-select-all-with-shift.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>
// This tests shift + selecting two discontinuous elements with user-select:
// all. Blink should select the both elements instead of moving the selection.
// To manually test, click to select the first element and shift-click the
// second element. WebKit should select both elements.

// TODO(editing-dev): Once http://crbug.com/736253 fixed, we should use
// |chrome.pointerActionSequence()| instead of |eventSender|.

const kStyle = [
  '<style>',
  '.select-all {',
    'border: 1px solid black;',
    'height: 100px;',
    'width: 100px;',
    'user-select: all;',
  '}',
  '</style>',
].join('');

const kSample = [
    kStyle,
    '<div class="select-all" id="first">First element</div>',
    'Some other text.',
    '<div class="select-all" id="second">Second element</div>',
].join('');

function clickOnElement(selection, id, keys) {
  const element = selection.document.getElementById(id);
  eventSender.mouseMoveTo(selection.computeLeft(element) + 10,
                          selection.computeTop(element) + 10);
  eventSender.mouseDown(0, keys);
  eventSender.mouseUp(0, keys);
}

function resetMouseClick() {
  eventSender.leapForward(1000);
  eventSender.mouseMoveTo(0, 0);
  eventSender.mouseDown();
  eventSender.mouseUp();
  eventSender.leapForward(1000);
}

function doTest(behavior) {
  assert_own_property(window, 'eventSender', 'This test requires eventSender.');
  assert_own_property(window, 'internals', 'This test requires internals.');
  internals.settings.setEditingBehavior(behavior);

  assert_selection(
    kSample,
    selection => {
      resetMouseClick();
      clickOnElement(selection, 'first');
    },
    [
      kStyle,
      '<div class="select-all" id="first">^First element|</div>',
      'Some other text.',
      '<div class="select-all" id="second">Second element</div>',
    ].join(''),
    `${behavior}-1: Click "first"`);

  assert_selection(
    kSample,
    selection => {
      resetMouseClick();
      clickOnElement(selection, 'first');
      clickOnElement(selection, 'second', ['shiftKey']);
    },
    [
      kStyle,
      '<div class="select-all" id="first">^First element</div>',
      'Some other text.',
      '<div class="select-all" id="second">Second element|</div>',
    ].join(''),
    `${behavior}-2: Shift+Click "second"`);

  assert_selection(
    kSample,
    selection => clickOnElement(selection, 'second'),
    [
      kStyle,
      '<div class="select-all" id="first">First element</div>',
      'Some other text.',
      '<div class="select-all" id="second">^Second element|</div>',
    ].join(''),
    `${behavior}-3: Click "second"`);

  assert_selection(
    kSample,
    selection => {
      clickOnElement(selection, 'second'),
      clickOnElement(selection, 'first', ['shiftKey']);
    },
    [
      kStyle,
      '<div class="select-all" id="first">|First element</div>',
      'Some other text.',
      '<div class="select-all" id="second">Second element^</div>',
    ].join(''),
    `${behavior}-4: Shift-Click "first"`);
}

for (const behavior of ['mac', 'win', 'unix']) {
  test(() => doTest(behavior),
       `${behavior}: Shift+Select on user-select:all`);
}
</script>
chromium/third_party/blink/web_tests/editing/selection/user-select-all-with-shift.html
