summaryrefslogtreecommitdiffstats
path: root/dom/security/test/csp/test_bug888172.html
blob: 200e8c94238e81ee0bae12909d13cf22b92d35eb (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
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE HTML>
<html>
<head>
  <title>Bug 888172 - CSP 1.0 does not process 'unsafe-inline' or 'unsafe-eval' for default-src</title>
  <script type="text/javascript" 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='testframe1'></iframe>
<iframe style="width:100%;" id='testframe2'></iframe>
<iframe style="width:100%;" id='testframe3'></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)';

function getElementColorById(doc, id) {
  return window.getComputedStyle(doc.contentDocument.getElementById(id)).color;
}

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

  ok(getElementColorById(testframe, 'unsafe-inline-script') === green, "Inline script should be allowed");
  ok(getElementColorById(testframe, 'unsafe-eval-script')  === green, "Eval should be allowed");
  ok(getElementColorById(testframe, 'unsafe-inline-style') === green, "Inline style should be allowed");

  document.getElementById('testframe2').src = 'file_bug888172.sjs?csp=' +
    escape("default-src 'self' 'unsafe-inline' 'unsafe-eval'; script-src 'self'");
  document.getElementById('testframe2').addEventListener('load', checkDefaultSrcWithScriptSrc, false);
}

function checkDefaultSrcWithScriptSrc() {
  var testframe = document.getElementById('testframe2');

  ok(getElementColorById(testframe, 'unsafe-inline-script') === black, "Inline script should be blocked");
  ok(getElementColorById(testframe, 'unsafe-eval-script')  === black, "Eval should be blocked");
  ok(getElementColorById(testframe, 'unsafe-inline-style') === green, "Inline style should be allowed");

  document.getElementById('testframe3').src = 'file_bug888172.sjs?csp=' +
    escape("default-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self'");
  document.getElementById('testframe3').addEventListener('load', checkDefaultSrcWithStyleSrc, false);
}

function checkDefaultSrcWithStyleSrc() {
  var testframe = document.getElementById('testframe3');

  ok(getElementColorById(testframe, 'unsafe-inline-script') === green, "Inline script should be allowed");
  ok(getElementColorById(testframe, 'unsafe-eval-script')  === green, "Eval should be allowed");
  ok(getElementColorById(testframe, 'unsafe-inline-style') === black, "Inline style should be blocked");

  // last test calls finish
  SimpleTest.finish();
}

document.getElementById('testframe1').src = 'file_bug888172.sjs?csp=' +
  escape("default-src 'self' 'unsafe-inline' 'unsafe-eval'");
document.getElementById('testframe1').addEventListener('load', checkDefaultSrcOnly, false);
</script>
</pre>
</body>
</html>