| <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> |