<div id=iframe>
  <div id=wrapper>
    <div id=host>
      <template shadowroot=open>
        <span id=content>Content</span>
      </template>
    </div>
  </div>
</div>

<script>
function sendStatus(error, hasShadow, msg) {
  const name = window.name;
  parent.postMessage({ name, error, hasShadow, msg }, '*');
}

window.addEventListener('load', () => {
  const host = document.querySelector('#host');
  if (!host)
  	return sendStatus(true, false, 'Unable to find host element');
  return sendStatus(false, !!host.shadowRoot);
});
</script>