Selection-getComposedRanges-collapsed.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /selection/shadow-dom/tentative/Selection-getComposedRanges-collapsed.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html>

<body>

<meta name="author" href="mailto:dizhangg@chromium.org">

<meta name="assert" content="Selection's getComposedRanges should return a sequence of static ranges">

<link rel="help" href="https://w3c.github.io/selection-api/#dom-selection-getcomposedranges">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<div id="container">

  <div id="host1">

    <template shadowrootmode=open>C</template>

    A - not slotted

  </div>

  <div id="host2">

    <template shadowrootmode=open>D</template>

    B - not slotted

  </div>

</div>

<script>

const c = host1.shadowRoot;

const d = host2.shadowRoot;

test(() => {

  const sel = getSelection();

  sel.setBaseAndExtent(c, 0, d, 0);

  assert_equals(sel.getRangeAt(0).startContainer, d);

  assert_equals(sel.getRangeAt(0).startOffset, 0);

  assert_equals(sel.getRangeAt(0).endContainer, d);

  assert_equals(sel.getRangeAt(0).endOffset, 0);

  assert_equals(sel.getComposedRanges()[0].startContainer, container);

  assert_equals(sel.getComposedRanges()[0].startOffset, 1);

  assert_equals(sel.getComposedRanges()[0].endContainer, container);

  assert_equals(sel.getComposedRanges()[0].endOffset, 4);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c] })[0].startContainer, c);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c] })[0].startOffset, 0);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c] })[0].endContainer, container);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c] })[0].endOffset, 4);

  assert_equals(sel.getComposedRanges({ shadowRoots: [d] })[0].startContainer, container);

  assert_equals(sel.getComposedRanges({ shadowRoots: [d] })[0].startOffset, 1);

  assert_equals(sel.getComposedRanges({ shadowRoots: [d] })[0].endContainer, d);

  assert_equals(sel.getComposedRanges({ shadowRoots: [d] })[0].endOffset, 0);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].startContainer, c);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].startOffset, 0);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].endContainer, d);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].endOffset, 0);

  // Re-setting the same range should never change the output

  sel.setBaseAndExtent(c, 0, d, 0);

  assert_equals(sel.getRangeAt(0).startContainer, d);

  assert_equals(sel.getRangeAt(0).startOffset, 0);

  assert_equals(sel.getRangeAt(0).endContainer, d);

  assert_equals(sel.getRangeAt(0).endOffset, 0);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].startContainer, c);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].startOffset, 0);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].endContainer, d);

  assert_equals(sel.getComposedRanges({ shadowRoots: [c, d] })[0].endOffset, 0);

}, 'Setting the range to nodes in different shadow trees collapses ordinary ranges, but does not collapse composed ranges.');

</script>