summaryrefslogtreecommitdiffstats
path: root/dom/security/test/csp/test_bug885433.html
blob: c7c17d25b6264d70d78f1eb8edad3d237eb15cb6 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE HTML>
<html>
<head>
  <title>Test for Content Security Policy inline stylesheets stuff</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>
<div id="content" style="display: none">
</div>

<iframe style="width:100%;" id='cspframe'></iframe>
<iframe style="width:100%;" id='cspframe2'></iframe>
<script class="testbody" type="text/javascript">

//////////////////////////////////////////////////////////////////////
// set up and go
SimpleTest.waitForExplicitFinish();

// utilities for check functions
// black means the style wasn't applied, applied styles are green
var green = 'rgb(0, 128, 0)';
var black = 'rgb(0, 0, 0)';

// We test both script and style execution by observing changes in computed styles
function checkAllowed () {
  var cspframe = document.getElementById('cspframe');
  var color;

  color = window.getComputedStyle(cspframe.contentDocument.getElementById('unsafe-inline-script-allowed')).color;
  ok(color === green, "Inline script should be allowed");
  color = window.getComputedStyle(cspframe.contentDocument.getElementById('unsafe-eval-script-allowed')).color;
  ok(color === green, "Eval should be allowed");
  color = window.getComputedStyle(cspframe.contentDocument.getElementById('unsafe-inline-style-allowed')).color;
  ok(color === green, "Inline style should be allowed");

  document.getElementById('cspframe2').src = 'file_bug885433_blocks.html';
  document.getElementById('cspframe2').addEventListener('load', checkBlocked);
}

function checkBlocked () {
  var cspframe = document.getElementById('cspframe2');
  var color;

  color = window.getComputedStyle(cspframe.contentDocument.getElementById('unsafe-inline-script-blocked')).color;
  ok(color === black, "Inline script should be blocked");
  color = window.getComputedStyle(cspframe.contentDocument.getElementById('unsafe-eval-script-blocked')).color;
  ok(color === black, "Eval should be blocked");
  color = window.getComputedStyle(cspframe.contentDocument.getElementById('unsafe-inline-style-blocked')).color;
  ok(color === black, "Inline style should be blocked");

  SimpleTest.finish();
}

document.getElementById('cspframe').src = 'file_bug885433_allows.html';
document.getElementById('cspframe').addEventListener('load', checkAllowed);
</script>
</pre>
</body>
</html>