<!
DOCTYPE HTML>
<
html>
<
head>
<
meta charset=
'utf-8'>
<
title>Bug 1355801: Nonce should not apply to images</
title>
</
head>
<
body>
<
img id=
'matchingNonce' src=
'http://mochi.test:8888/tests/image/test/mochitest/blue.png?a' nonce=
'abc'></
img>
<
img id=
'nonMatchingNonce' src=
'http://mochi.test:8888/tests/image/test/mochitest/blue.png?b' nonce=
'bca'></
img>
<
img id=
'noNonce' src=
'http://mochi.test:8888/tests/image/test/mochitest/blue.png?c'></
img>
<
script type=
'application/javascript'>
var matchingNonce = document.getElementById(
'matchingNonce');
matchingNonce.onload = function(e) {
window.parent.postMessage({result:
'img-with-matching-nonce-loaded'},
'*');
};
matchingNonce.onerror = function(e) {
window.parent.postMessage({result:
'img-with-matching-nonce-blocked'},
'*');
}
var nonMatchingNonce = document.getElementById(
'nonMatchingNonce');
nonMatchingNonce.onload = function(e) {
window.parent.postMessage({result:
'img-with_non-matching-nonce-loaded'},
'*');
};
nonMatchingNonce.onerror = function(e) {
window.parent.postMessage({result:
'img-with_non-matching-nonce-blocked'},
'*');
}
var noNonce = document.getElementById(
'noNonce');
noNonce.onload = function(e) {
window.parent.postMessage({result:
'img-without-nonce-loaded'},
'*');
};
noNonce.onerror = function(e) {
window.parent.postMessage({result:
'img-without-nonce-blocked'},
'*');
}
</
script>
</
body>
</
html>
