<!DOCTYPE html>
<html>
<head>
<title>svg-policy-with-resource</title>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
var t_spv = async_test("Should fire violation event");
window.addEventListener("securitypolicyviolation", t_spv.step_func_done(function(e) {
assert_equals(e.violatedDirective, "script-src-elem");
}));
</script>
</head>
<body>
<p>Tests that an SVG loaded in an iframe with a policy enforces it, not
the policy enforced by this parent frame. The SVG should render and
not redirect to a different resource.</p>
<div id="log"></div>
<?xml version="1.0" standalone="no"?>
<svg width="6cm" height="5cm" viewBox="0 0 600 500"
xmlns="http://www.w3.org/2000/svg" version="1.1">
<script type="application/ecmascript"
xlink:href="http://www1.{{host}}:{{ports[http][0]}}/content-security-policy/support/.js">
</script>
<circle cx="300" cy="225" r="100" fill="lawngreen"/>
<text x="300" y="250"
font-family="Verdana"
font-size="50"
text-anchor="middle">
PASS
</text>
</svg>
</body>
</html>