<!DOCTYPE html>
<title>Test Add Fenced Frame to Detached Iframe</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/utils.js"></script>

<body>
<script>
promise_test(async (t) => {
  const iframe = attachIFrame("resources/dummy.html");

  const doc = document.querySelector("iframe").contentDocument;
  iframe.remove();

  const ff = doc.createElement("fencedframe");
  doc.body.append(ff);
}, 'Add fenced frame to detached iframe test');

promise_test(async (t) => {
  const iframe = attachIFrame("resources/dummy.html");
  const doc = document.querySelector("iframe").contentDocument;

  const nested_iframe = doc.createElement('iframe');
  nested_iframe.src = "resources/dummy.html";
  doc.body.append(nested_iframe);
  const nested_doc = doc.querySelector("iframe").contentDocument;

  iframe.remove();

  const ff = nested_doc.createElement("fencedframe");
  nested_doc.body.append(ff);
}, 'Add fenced frame to nested iframe in detached frame test');

</script>
</body>
</html>