summaryrefslogtreecommitdiffstats
path: root/dom/security/test/csp/test_fontloader.html
blob: 2f68223af1cb7373379e2451c31676310171e586 (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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Bug 1122236 - CSP: Implement block-all-mixed-content</title>
  <!-- Including SimpleTest.js so we can use waitForExplicitFinish !-->
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <!-- Including WindowSnapshot.js so we can take screenshots of containers !-->
  <script src="/tests/SimpleTest/WindowSnapshot.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body onload="setupTests()">
<iframe style="width:100%;" id="baselineframe"></iframe>
<iframe style="width:100%;" id="testframe"></iframe>

<script class="testbody" type="text/javascript">

/* Description of the tests:
 * We load a baselineFrame and compare the testFrame using
 * compareSnapshots whether the font got loaded or blocked.
 * Test 1: Use font-src 'none' so font gets blocked
 * Test 2: Use font-src * so font gets loaded
 * Test 3: Use no csp so font gets loaded
 * Test 4: Use font-src 'none' so font gets blocked
 *         Makes sure the cache gets invalidated.
 */

SimpleTest.waitForExplicitFinish();

const BASE_URI = "https://example.com/tests/dom/security/test/csp/";

const tests = [
  { // test 1
    query: "csp-block",
    expected: true, // frames should be equal since font is *not* allowed to load
    description: "font should be blocked by csp (csp-block)"
  },
  { // test 2
    query: "csp-allow",
    expected: false, // frames should *not* be equal since font is loaded
    description: "font should load and apply (csp-allow)"
  },
  { // test 3
    query: "no-csp",
    expected: false, // frames should *not* be equals since font is loaded
    description: "font should load and apply (no-csp)"
  },
  { // test 4
    query: "csp-block",
    expected: true, // frames should be equal since font is *not* allowed to load
    description: "font should be blocked by csp (csp-block) [apply csp to cache]"
  }
];

var curTest;
var counter = -1;
var baselineframe = document.getElementById("baselineframe");
var testframe = document.getElementById("testframe");

async function checkResult() {
  testframe.removeEventListener('load', checkResult);
  try {
    ok(compareSnapshots(await snapshotWindow(baselineframe.contentWindow),
                        await snapshotWindow(testframe.contentWindow),
                        curTest.expected)[0],
                        curTest.description);
  } catch(err) {
    ok(false, "error: " + err.message);
  }
  loadNextTest();
}

function loadNextTest() {
  counter++;
  if (counter == tests.length) {
    SimpleTest.finish();
    return;
  }
  curTest = tests[counter];
  testframe.addEventListener("load", checkResult);
  testframe.src = BASE_URI + "file_fontloader.sjs?" + curTest.query;
}

// once the baselineframe is loaded we can start running tests
function startTests() {
  baselineframe.removeEventListener('load', startTests);
  loadNextTest();
}

// make sure the main page is loaded before we start the test
function setupTests() {
  baselineframe.addEventListener("load", startTests);
  baselineframe.src = BASE_URI + "file_fontloader.sjs?baseline";
}

</script>
</body>
</html>