<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="resources/utils.js"></script>
<title>Test fenced frame config installation triggers navigation.</title>
<body>
<script>
promise_test(async () => {
const fenced_frame_loaded_key = token();
const url = generateURL(
'resources/fenced-frame-loaded.html', [fenced_frame_loaded_key]);
const url_string = url.toString();
// Create a fenced frame and install an inner config constructed with an url.
const fenced_frame = document.createElement('fencedframe');
const config = new FencedFrameConfig(url_string);
fenced_frame.config = config;
document.body.append(fenced_frame);
// Installing an inner config to the fenced frame triggers navigation.
const load_expected = "fenced frame loaded";
const load_actual = await nextValueFromServer(fenced_frame_loaded_key);
assert_equals(load_actual, load_expected,
"Fenced frame successfully loaded.");
}, 'Installing an inner config to a fenced frame triggers navigation.');
</script>
</body>