<!doctype html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
async_test(t => {
// Wait for after the load event so that the navigation doesn't get converted
// into a replace navigation.
window.onload = () => t.step_timeout(() => {
let navState = { statevar: "state" };
navigation.onnavigate = t.step_func_done(e => {
assert_equals(e.navigationType, "push");
assert_not_equals(e.destination, null);
assert_not_equals(e.destination.getState(), undefined);
assert_equals(e.destination.getState().statevar, "state");
assert_not_equals(e.destination.getState(), e.destination.getState());
assert_equals(e.destination.key, "");
assert_equals(e.destination.id, "");
assert_equals(e.destination.index, -1);
// NavigateEvent sourceElement is still in development, so test whether it is available.
if ("sourceElement" in e) assert_equals(e.sourceElement, null);
});
navigation.navigate("#foo", { state: navState });
}, 0);
}, "navigate event destination.getState() should be the state given to navigate()");
</script>