<!doctype html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/helpers.js"></script>

<iframe id="i" src="/common/blank.html"></iframe>

<script>
promise_test(async t => {
  await new Promise(resolve => window.onload = resolve);
  const iWindow = i.contentWindow;
  const iDOMException = iWindow.DOMException;

  i.remove();

  iWindow.navigation.onnavigate = t.unreached_func("onnavigate");

  await assertBothRejectDOM(t, iWindow.navigation.navigate("https://example.com/", { state: document.body }), "DataCloneError", iWindow, iDOMException);
}, `navigate() with unserializable state in a detached iframe throws "DataCloneError", not "InvalidStateError"`);
</script>
