gecko-dev/content/base/test/csp/test_nonce_source.html

127 lines
4.5 KiB
HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Test CSP 1.1 nonce-source for scripts and styles</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content" style="visibility:hidden">
<iframe style="width:100%;" id='cspframe'></iframe>
</div>
<script class="testbody" type="text/javascript">
var testsRun = 0;
var totalTests = 20;
// This is used to watch the blocked data bounce off CSP
function examiner() {
SpecialPowers.addObserver(this, "specialpowers-http-notify-request", false);
SpecialPowers.addObserver(this, "csp-on-violate-policy", false);
}
examiner.prototype = {
observe: function(subject, topic, data) {
var testid_re = new RegExp("testid=([a-z0-9_]+)");
//_good things better be allowed!
//_bad things better be blocked!
if (topic === "specialpowers-http-notify-request") {
var uri = data;
if (!testid_re.test(uri)) return;
var testid = testid_re.exec(uri)[1];
ok(/_good/.test(testid), "should allow URI with good testid " + testid);
ranTests(1);
}
if (topic === "csp-on-violate-policy") {
try {
// if it is an blocked external load, subject will be the URI of the resource
var blocked_uri = SpecialPowers.getPrivilegedProps(SpecialPowers.do_QueryInterface(subject, "nsIURI"), "asciiSpec");
if (!testid_re.test(blocked_uri)) return;
var testid = testid_re.exec(blocked_uri)[1];
ok(/_bad/.test(testid), "should block URI with bad testid " + testid);
ranTests(1);
} catch (e) {
// if the subject is blocked inline, data will be a violation message
// we can't distinguish which resources triggered these, so we ignore them
}
}
},
// must eventually call this to remove the listener, or mochitests might get borked.
remove: function() {
SpecialPowers.removeObserver(this, "specialpowers-http-notify-request");
SpecialPowers.removeObserver(this, "csp-on-violate-policy");
}
}
function cleanup() {
// remove the observer so we don't bork other tests
window.examiner.remove();
// finish the tests
SimpleTest.finish();
}
function ranTests(num) {
testsRun += num;
if (testsRun < totalTests) {
return;
}
cleanup();
}
function checkInlineScriptsAndStyles () {
var cspframe = document.getElementById('cspframe');
var getElementColorById = function (id) {
return window.getComputedStyle(cspframe.contentDocument.getElementById(id), null).color;
};
// Inline style tries to change an element's color to green. If blocked, the
// element's color will be the (unchanged) default black.
var green = "rgb(0, 128, 0)";
var red = "rgb(255,0,0)";
var black = "rgb(0, 0, 0)";
// inline script tests
is(getElementColorById('inline-script-correct-nonce'), green,
"Inline script with correct nonce should execute");
is(getElementColorById('inline-script-incorrect-nonce'), black,
"Inline script with incorrect nonce should not execute");
is(getElementColorById('inline-script-correct-style-nonce'), black,
"Inline script with correct nonce for styles (but not for scripts) should not execute");
is(getElementColorById('inline-script-no-nonce'), black,
"Inline script with no nonce should not execute");
// inline style tests
is(getElementColorById('inline-style-correct-nonce'), green,
"Inline style with correct nonce should be allowed");
is(getElementColorById('inline-style-incorrect-nonce'), black,
"Inline style with incorrect nonce should be blocked");
is(getElementColorById('inline-style-correct-script-nonce'), black,
"Inline style with correct nonce for scripts (but incorrect nonce for styles) should be blocked");
is(getElementColorById('inline-style-no-nonce'), black,
"Inline style with no nonce should be blocked");
ranTests(8);
}
//////////////////////////////////////////////////////////////////////
// set up and go
window.examiner = new examiner();
SimpleTest.waitForExplicitFinish();
SpecialPowers.pushPrefEnv(
{'set':[["security.csp.speccompliant", true]]},
function() {
// save this for last so that our listeners are registered.
// ... this loads the testbed of good and bad requests.
document.getElementById('cspframe').src = 'file_nonce_source.html';
document.getElementById('cspframe').addEventListener('load', checkInlineScriptsAndStyles, false);
});
</script>
</pre>
</body>
</html>