<!DOCTYPE html>
<html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/utils.js"></script>
<script src="/common/utils.js"></script>
<title>history-back-and-forward-should-not-work-in-fenced-tree</title>
<body>
<script>
// TODO(crbug.com/1262022): Remove references to ShadowDOM now that the
// implementation is obsolete.
const test_desc = "history.back() and history.forward() should be " +
"restricted within a fenced tree in shadowDOM thus have" +
" no effect when called within a fenced tree scope.";
const history_navigation_performed_key = token();
const outer_page_ready_key = token();
// attach a fenced frame to exeute a series of back and forward history
// navigations.
attachFencedFrame(
generateURL(
"resources/history-back-and-forward-should-not-work-in-" +
"fenced-tree-inner.html",
[history_navigation_performed_key, outer_page_ready_key]));
promise_test(async function () {
await nextValueFromServer(history_navigation_performed_key);
// Perform a series of history.pushState() to help observe any popstate due
// to back and forward history navigations.
window.history.pushState(1, document.title, '#tag1');
window.history.pushState(2, document.title, '#tag2');
window.history.pushState(3, document.title, '#tag3');
writeValueToServer(outer_page_ready_key, "yes");
// Assert restricted history.back() within fenced frame.
await nextValueFromServer(history_navigation_performed_key);
assert_equals(window.history.state, 3, "history.back() should be " +
"restricted and will not work when called from a fenced frame.");
writeValueToServer(outer_page_ready_key, "yes");
// Assert restricted history.forward() within fenced frame.
await nextValueFromServer(history_navigation_performed_key);
assert_equals(window.history.state, 3, "history.forward() should be " +
"restricted and will not work when called from a fenced frame.");
writeValueToServer(outer_page_ready_key, "yes");
// Assert restricted history.back() within iframe in fenced frame.
await nextValueFromServer(history_navigation_performed_key);
assert_equals(window.history.state, 3, "history.back() should be " +
"restricted and will not work within an iframe embeeded in a fenced " +
"frame.");
writeValueToServer(outer_page_ready_key, "yes");
// Assert restricted history.forward() within iframe in fenced frame.
await nextValueFromServer(history_navigation_performed_key);
assert_equals(window.history.state, 3, "history.forward() should be " +
"restricted and will not work within an iframe embeeded in a fenced " +
"frame.");
}, test_desc);
</script>
</body>
</html>