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
|
const windowReflectingBodyElementEventHandlerSet =
new Set(['blur', 'error', 'focus', 'load', 'resize', 'scroll']);
function handlersInInterface(mainIDL, name) {
return mainIDL.find(idl => idl.name === name).members.map(member => member.name.slice(2));
}
const handlersListPromise = fetch("/interfaces/html.idl").then(res => res.text()).then(htmlIDL => {
const parsedHTMLIDL = WebIDL2.parse(htmlIDL);
const windowEventHandlers = handlersInInterface(parsedHTMLIDL, "WindowEventHandlers");
const globalEventHandlers = handlersInInterface(parsedHTMLIDL, "GlobalEventHandlers");
const shadowedHandlers = [
...windowReflectingBodyElementEventHandlerSet,
...windowEventHandlers
];
const notShadowedHandlers = globalEventHandlers.filter(name => !windowReflectingBodyElementEventHandlerSet.has(name));
return {
shadowedHandlers,
notShadowedHandlers
};
});
function eventHandlerTest(shadowedHandlers, notShadowedHandlers, element) {
const altBody = document.createElement(element);
for (const [des, obj1, obj2, obj3, des1, des2, des3] of [
["document.body", document.body, altBody, window, "body", "alternative body", "window"],
[`document.createElement("${element}")`, altBody, document.body, window, "alternative body", "body", "window"],
["window", window, document.body, altBody, "window", "body", "alternative body"]
]) {
const f = () => 0;
shadowedHandlers.forEach(handler => {
const eventHandler = obj1['on' + handler];
test(() => {
obj1['on' + handler] = f;
assert_equals(obj2['on' + handler], f, `${des2} should reflect`);
assert_equals(obj3['on' + handler], f, `${des3} should reflect`);
}, `shadowed ${handler} (${des})`);
obj1['on' + handler] = eventHandler;
});
notShadowedHandlers.forEach(handler => {
const eventHandler = obj1['on' + handler];
test(() => {
obj1['on' + handler] = f;
assert_equals(obj2['on' + handler], null, `${des2} should reflect`);
assert_equals(obj3['on' + handler], null, `${des3} should reflect`);
}, `not shadowed ${handler} (${des})`);
obj1['on' + handler] = eventHandler;
});
shadowedHandlers.forEach(handler => {
test(() => {
assert_equals(obj1['on' + handler], null, `${des1} should reflect changes to itself`);
assert_equals(obj2['on' + handler], null, `${des2} should reflect`);
assert_equals(obj3['on' + handler], null, `${des3} should reflect`);
}, `shadowed ${handler} removal (${des})`);
});
shadowedHandlers.forEach(handler => {
// Cannot test the error and unhandledrejection events as the test harness listens for those.
if (des != "document.body" || handler == "error" || handler == "unhandledrejection") {
return;
}
test(t => {
t.add_cleanup(() => {
obj1.removeAttribute('on' + handler);
window[`on${handler}Happened`] = undefined;
});
obj1.setAttribute('on' + handler, `window.on${handler}Happened = true`);
obj3.dispatchEvent(new Event(handler));
assert_true(window[`on${handler}Happened`]);
}, `shadowed ${handler} on body fires when event dispatched on window`);
});
}
}
|
