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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
|
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=935203
Debugger.Source.prototype.introductionType should return 'eventHandler' for
JavaScrip appearing in an inline event handler attribute.
-->
<head>
<meta charset="utf-8">
<title>Debugger.Source.prototype.introductionType should identify event handlers</title>
<script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript" src="inspector-helpers.js"></script>
<link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css">
</head>
<body>
<pre id="test">
<script>
"use strict";
const {addSandboxedDebuggerToGlobal} = ChromeUtils.importESModule("resource://gre/modules/jsdebugger.sys.mjs");
addSandboxedDebuggerToGlobal(globalThis);
let dbg;
let iframeDO, doc;
let Tootles;
window.onload = function() {
SimpleTest.waitForExplicitFinish();
runNextTest();
};
addTest(function setup() {
// Create an iframe to debug.
const iframe = document.createElement("iframe");
iframe.srcdoc = "<div id='Tootles' onclick='debugger;'>I'm a DIV!</div>" +
"<script id='Auddie'>function auddie() { debugger; }<\/script>";
iframe.onload = onLoadHandler;
document.body.appendChild(iframe);
function onLoadHandler() {
// Now that the iframe's window has been created, we can add
// it as a debuggee.
dbg = new Debugger();
iframeDO = dbg.addDebuggee(iframe.contentWindow);
doc = iframe.contentWindow.document;
Tootles = doc.getElementById("Tootles");
iframeDO.makeDebuggeeValue(Tootles);
runNextTest();
}
});
// Check the introduction type of in-markup event handler code.
// Send a click event to Tootles, whose handler has a 'debugger' statement,
// and check that script's introduction type.
addTest(function ClickOnTootles() {
dbg.onDebuggerStatement = TootlesClickDebugger;
Tootles.dispatchEvent(new Event("click"));
function TootlesClickDebugger(frame) {
// some sanity checks
is(frame.script.source.elementAttributeName, "onclick",
"top frame source belongs to 'onclick' attribute");
// And, the actual point of this test:
is(frame.script.source.introductionType, "eventHandler",
"top frame source's introductionType is 'eventHandler'");
runNextTest();
}
});
// Check the introduction type of dynamically added event handler code.
// Add a drag event handler to Tootles as a string, and then send
// Tootles a drag event.
addTest(function DragTootles() {
dbg.onDebuggerStatement = TootlesDragDebugger;
Tootles.setAttribute("ondrag", "debugger;");
Tootles.dispatchEvent(new Event("drag"));
function TootlesDragDebugger(frame) {
// sanity checks
is(frame.script.source.elementAttributeName, "ondrag",
"top frame source belongs to 'ondrag' attribute");
// And, the actual point of this test:
is(frame.script.source.introductionType, "eventHandler",
"top frame source's introductionType is 'eventHandler'");
runNextTest();
}
});
// Check the introduction type of an in-markup script element.
addTest(function checkAuddie() {
const fnDO = iframeDO.getOwnPropertyDescriptor("auddie").value;
iframeDO.makeDebuggeeValue(doc.getElementById("Auddie"));
is(fnDO.class, "Function",
"Script element 'Auddie' defined function 'auddie'.");
is(fnDO.script.source.elementAttributeName, undefined,
"Function auddie's script doesn't belong to any attribute of 'Auddie'");
is(fnDO.script.source.introductionType, "inlineScript",
"Function auddie's script's source was introduced by a script element");
runNextTest();
});
// Check the introduction type of a dynamically inserted script element.
addTest(function InsertRover() {
dbg.onDebuggerStatement = RoverDebugger;
const rover = doc.createElement("script");
rover.text = "debugger;";
doc.body.appendChild(rover);
iframeDO.makeDebuggeeValue(rover);
function RoverDebugger(frame) {
// sanity checks
ok(frame.script.source.elementAttributeName === undefined,
"Rover script doesn't belong to an attribute of Rover");
// Check the introduction type.
ok(frame.script.source.introductionType === "injectedScript",
"Rover script's introduction type is 'injectedScript'");
runNextTest();
}
});
// Creates a chrome document with a XUL script element, and check its introduction type.
addTest(function XULDocumentScript() {
const frame = document.createElement("iframe");
frame.src = "doc_Debugger.Source.prototype.introductionType.xhtml";
frame.onload = docLoaded;
info("Appending iframe containing a document with a XUL script tag");
document.body.appendChild(frame);
function docLoaded() {
info("Loaded chrome document");
const xulFrameDO = dbg.addDebuggee(frame.contentWindow);
const xulFnDO = xulFrameDO.getOwnPropertyDescriptor("xulScriptFunc").value;
is(typeof xulFnDO, "object", "XUL script element defined 'xulScriptFunc'");
is(xulFnDO.class, "Function",
"XUL global 'xulScriptFunc' is indeed a function");
// A XUL script elements' code gets shared amongst all
// instantiations of the document, so there's no specific DOM element
// we can attribute the code to.
is(xulFnDO.script.source.introductionType, "inlineScript",
"xulScriptFunc's introduction type is 'inlineScript'");
runNextTest();
}
});
</script>
</pre>
</body>
</html>
|
