event-handler-body.js (3250B)
1 const windowReflectingBodyElementEventHandlerSet = 2 new Set(['blur', 'error', 'focus', 'load', 'resize', 'scroll']); 3 4 function handlersInInterface(mainIDL, name) { 5 return mainIDL.find(idl => idl.name === name).members.map(member => member.name.slice(2)); 6 } 7 8 const handlersListPromise = fetch("/interfaces/html.idl").then(res => res.text()).then(htmlIDL => { 9 const parsedHTMLIDL = WebIDL2.parse(htmlIDL); 10 const windowEventHandlers = handlersInInterface(parsedHTMLIDL, "WindowEventHandlers"); 11 const globalEventHandlers = handlersInInterface(parsedHTMLIDL, "GlobalEventHandlers"); 12 13 const shadowedHandlers = [ 14 ...windowReflectingBodyElementEventHandlerSet, 15 ...windowEventHandlers 16 ]; 17 const notShadowedHandlers = globalEventHandlers.filter(name => !windowReflectingBodyElementEventHandlerSet.has(name)); 18 return { 19 shadowedHandlers, 20 notShadowedHandlers 21 }; 22 }); 23 24 function eventHandlerTest(shadowedHandlers, notShadowedHandlers, element) { 25 const altBody = document.createElement(element); 26 for (const [des, obj1, obj2, obj3, des1, des2, des3] of [ 27 ["document.body", document.body, altBody, window, "body", "alternative body", "window"], 28 [`document.createElement("${element}")`, altBody, document.body, window, "alternative body", "body", "window"], 29 ["window", window, document.body, altBody, "window", "body", "alternative body"] 30 ]) { 31 const f = () => 0; 32 33 shadowedHandlers.forEach(handler => { 34 const eventHandler = obj1['on' + handler]; 35 test(() => { 36 obj1['on' + handler] = f; 37 assert_equals(obj2['on' + handler], f, `${des2} should reflect`); 38 assert_equals(obj3['on' + handler], f, `${des3} should reflect`); 39 }, `shadowed ${handler} (${des})`); 40 obj1['on' + handler] = eventHandler; 41 }); 42 43 notShadowedHandlers.forEach(handler => { 44 const eventHandler = obj1['on' + handler]; 45 test(() => { 46 obj1['on' + handler] = f; 47 assert_equals(obj2['on' + handler], null, `${des2} should reflect`); 48 assert_equals(obj3['on' + handler], null, `${des3} should reflect`); 49 }, `not shadowed ${handler} (${des})`); 50 obj1['on' + handler] = eventHandler; 51 }); 52 53 shadowedHandlers.forEach(handler => { 54 test(() => { 55 assert_equals(obj1['on' + handler], null, `${des1} should reflect changes to itself`); 56 assert_equals(obj2['on' + handler], null, `${des2} should reflect`); 57 assert_equals(obj3['on' + handler], null, `${des3} should reflect`); 58 }, `shadowed ${handler} removal (${des})`); 59 }); 60 61 shadowedHandlers.forEach(handler => { 62 // Cannot test the error and unhandledrejection events as the test harness listens for those. 63 if (des != "document.body" || handler == "error" || handler == "unhandledrejection") { 64 return; 65 } 66 test(t => { 67 t.add_cleanup(() => { 68 obj1.removeAttribute('on' + handler); 69 window[`on${handler}Happened`] = undefined; 70 }); 71 obj1.setAttribute('on' + handler, `window.on${handler}Happened = true`); 72 obj3.dispatchEvent(new Event(handler)); 73 assert_true(window[`on${handler}Happened`]); 74 }, `shadowed ${handler} on body fires when event dispatched on window`); 75 }); 76 } 77 }