<!DOCTYPE html>
<title>Test transparent fenced frame navigations with blocked CSP</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/common/utils.js"></script>
<script src="resources/utils.js"></script>
<script src="/common/get-host-info.sub.js"></script>
<script src="/common/dispatcher/dispatcher.js"></script>
<body>
<script>
const blockedCSPs = [
"none",
"https://localhost:80",
"https://*:80",
"https://localhost:*"
];
blockedCSPs.forEach((csp) => {
promise_test(async() => {
const iframe = setupCSP(csp);
const key = token();
const url = generateURL("/fenced-frame/resources/embeddee.html", [key]);
await iframe.execute(async (key, url, csp) => {
let promise = new Promise((resolve) => {
window.addEventListener('securitypolicyviolation', function(e) {
resolve(e.violatedDirective + ";" + e.blockedURI);
}, {once: true});
});
attachFencedFrame(url);
await promise.then((result) => {
assert_equals(result, "fenced-frame-src;" + url,
"The fenced frame should not load for CSP fenced-frame-src " + csp);
});
}, [key, url, csp]);
}, "Fenced frame loaded for CSP fenced-frame-src " + csp);
});
</script>
</body>