<!DOCTYPE html>
<title>Test Content-Security-Policy frame-ancestors</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="/common/dispatcher/dispatcher.js"></script>
<script src="resources/utils.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<body>
<script>
promise_test(async (t) => {
// The fenced frame loads with a frame-ancestors policy set. The only way for
// the fenced frame to know that it can't load is if it checks its parent's
// policy across the fenced frame boundary.
const frame = await attachFencedFrameContext({
headers: [[
'Content-Security-Policy',
'frame-ancestors {{hosts[alt][www1]}}:{{ports[https][0]}}'
]]
});
let timeout_promise =
new Promise(resolve => t.step_timeout(() => resolve('timeout'), 1000));
let execute_promise = frame.execute(() => {});
const result = await Promise.race([timeout_promise, execute_promise]);
assert_equals(result, 'timeout', 'The fenced frame should not load');
}, 'Fenced frames check beyond fenced boundary for CSP frame-ancestors');
promise_test(async () => {
// The Protected Audience fenced frame loads with a frame-ancestors policy
// set. It should be allowed to load even though the parent's origin isn't
// part of the policy.
const frame = await attachFencedFrameContext({
generator_api: 'fledge',
headers: [[
'Content-Security-Policy',
'frame-ancestors {{hosts[alt][www1]}}:{{ports[https][0]}}'
]]
});
await frame.execute(() => {});
}, 'Protected Audience fenced frames do not check beyond fenced boundary for ' +
'CSP frame-ancestors');
</script>
</body>