Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 7 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /fenced-frame/can-load-api.https.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>Test canLoadOpaqueURL API</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>
<body>
<script>
async function runTest(expected_result, generator_api, attribute_list, header_list, use_fencedframe=false) {
const frame = use_fencedframe ?
await attachFencedFrameContext({generator_api: generator_api, attributes:attribute_list, headers:header_list}) :
await attachIFrameContext({generator_api: generator_api, attributes:attribute_list, headers:header_list});
await frame.execute(async (expected_result, attribute_list) => {
assert_equals(navigator.canLoadAdAuctionFencedFrame(), expected_result,
"A frame with attributes " + attribute_list + " should return " +
expected_result + " for canLoadOpaqueURL.");
}, [expected_result, attribute_list]);
}
promise_test(async(t) => {
assert_true(navigator.canLoadAdAuctionFencedFrame());
}, 'canLoadOpaqueURL called on a page that can load a FF should return true');
promise_test(async(t) => {
await runTest(true, "sharedstorage",
[["width", "300"],
["height", "200"]],
[], use_fencedframe=true);
}, 'canLoadOpaqueURL returns true inside an opaque-ads fenced frame');
promise_test(async(t) => {
await runTest(false, "default", [], [], use_fencedframe=true);
}, 'canLoadOpaqueURL returns false inside an default fenced frame');
promise_test(async(t) => {
await runTest(true, "default", [], [["Content-Security-Policy", "fenced-frame-src *"]]);
await runTest(true, "default", [], [["Content-Security-Policy", "fenced-frame-src https:"]]);
}, 'canLoadOpaqueURL returns true for all 3 fenced-frame-src allowed values');
promise_test(async(t) => {
await runTest(true, "default", [], [["Content-Security-Policy", "fenced-frame-src *; frame-src 'self'"]]);
await runTest(false, "default", [], [["Content-Security-Policy", "fenced-frame-src 'self'; frame-src *"]]);
await runTest(true, "default", [], [["Content-Security-Policy", "child-src 'self'; fenced-frame-src https:"]]);
await runTest(false, "default", [], [["Content-Security-Policy", "child-src *; fenced-frame-src 'self'"]]);
}, 'canLoadOpaqueURL ignores fallback CSPs');
promise_test(async(t) => {
await runTest(true, "default", [], [["Content-Security-Policy", "img-src 'none';"]]);
await runTest(true, "default", [], [["Content-Security-Policy", "font-src 'none';"]]);
}, 'canLoadOpaqueURL ignores unrelated CSPs');
promise_test(async(t) => {
const iframe = attachIFrame("resources/dummy.html");
const iframe_ff_class = iframe.contentWindow.HTMLFencedFrameElement;
// Sanity check to make sure the function returns true as we expect it to
// before we remove the frame.
assert_true(iframe_ff_class.canLoadOpaqueURL());
// The one variable we're changing is whether the frame is attached or not.
iframe.remove();
assert_false(iframe_ff_class.canLoadOpaqueURL());
}, 'canLoadOpaqueURL returns false in a detached frame');
</script>
</body>