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