">Inside shadow tree 1.</p>
    </template>
  </div>
  <p id="outText">Outside shadow tree.</p>
  <div id="host2">
    <template shadowrootmode=open>
      <p id="inText2">Inside shadow tree 2.</p>
    </template>
  </div>
</div>

<script>

const root = host.shadowRoot;
const inText = root.getElementById('inText');
const root2 = host2.shadowRoot;
const inText2 = root2.getElementById('inText2');

test(() => {
  const sel = window.getSelection();
  sel.setBaseAndExtent(outText.firstChild, 0, outText.firstChil