summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/dom/nodes/remove-from-shadow-host-and-adopt-into-iframe.html
blob: 612aed637df48d19f3050844ed418f3e35d8fa91 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!doctype html>
<html class="reftest-wait">
  <head>
    <title>Adopting a shadow host child into an iframe</title>
    <link rel="help" href="https://dom.spec.whatwg.org/#concept-node-adopt">
    <link rel="match" href="remove-from-shadow-host-and-adopt-into-iframe-ref.html">
    <style>
      iframe { border: 0; }
    </style>
    <script src="/common/reftest-wait.js"></script>
    <script>
      onload = () => {
        const root = host.attachShadow({mode:"open"});
        root.innerHTML = "<slot>";
        // force a layout
        host.offsetTop;
        iframe.contentWindow.document.body.style.margin = 0;
        iframe.contentWindow.document.body.appendChild(adopted);
        host.remove();
        takeScreenshot();
      }
    </script>
  </head>
  <body>
    <p>You should see the word PASS below.</p>
    <iframe id="iframe"></iframe>
    <div id="host"><span id="adopted">PASS</span></div>
  </body>
</html>