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
|
<!DOCTYPE html>
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<script>
test(t => {
let s = new Sanitizer();
assert_true(s instanceof Sanitizer);
}, "SanitizerAPI creator without config.");
test(t => {
let s = new Sanitizer({});
assert_true(s instanceof Sanitizer);
}, "SanitizerAPI creator with empty config.");
test(t => {
let s = new Sanitizer(null);
assert_true(s instanceof Sanitizer);
}, "SanitizerAPI creator with null as config.");
test(t => {
let s = new Sanitizer(undefined);
assert_true(s instanceof Sanitizer);
}, "SanitizerAPI creator with undefined as config.");
test(t => {
let s = new Sanitizer({testConfig: [1,2,3], attr: ["test", "i", "am"]});
assert_true(s instanceof Sanitizer);
}, "SanitizerAPI creator with config ignore unknown values.");
// In-depth testing of sanitization is handled in other tests. Here we
// do presence testing for each of the config options and test 3 things:
// - One case where our test string is modified,
// - one where it's unaffected,
// - that a config can't be changed afterwards.
// (I.e., that the Sanitizer won't hold on to a reference of the options.)
// The probe determines whether the Sanitizer modifies the probe string.
const probe_string = "<div id=\"i\">balabala</div><p>test</p>";
const probe = sanitizer => {
let template = document.createElement("template");
template.innerHTML = probe_string;
let fragment = sanitizer.sanitize(template.content);
let div = document.createElement("div");
div.append(fragment);
return probe_string == div.innerHTML;
};
const should_stay_the_same = {
elements: [ "div", "p" ],
replaceWithChildrenElements: [ "test" ],
removeElements: [ "test" ],
attributes: ["id"],
removeAttributes: ["bla"],
};
const should_modify = {
elements: [ "div", "span" ],
replaceWithChildrenElements: [ "div" ],
removeElements: [ "p" ],
attributes: ["test"],
removeAttributes: ["id"],
};
assert_array_equals(Object.keys(should_stay_the_same), Object.keys(should_modify));
Object.keys(should_stay_the_same).forEach(option_key => {
test(t => {
const options = {};
options[option_key] = should_stay_the_same[option_key];
const s = new Sanitizer(options);
assert_true(s instanceof Sanitizer);
assert_true(probe(s));
}, `SanitizerAPI: ${option_key} stays is okay.`);
const options = {};
options[option_key] = should_modify[option_key];
const s = new Sanitizer(options);
test(t => {
assert_true(s instanceof Sanitizer);
assert_false(probe(s));
}, `SanitizerAPI: ${option_key} modify is okay.`);
options[option_key] = should_stay_the_same[option_key];
test(t => {
assert_false(probe(s));
}, `SanitizerAPI: ${option_key} config is not kept as reference.`);
});
</script>
</body>
</html>
|
