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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
|
<!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 type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<script type="application/javascript;version=1.8" 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>
Components.utils.import("resource://gre/modules/jsdebugger.jsm");
addDebuggerToGlobal(this);
var dbg;
var iframeDO, doc;
var Tootles, TootlesDO;
window.onload = function () {
SimpleTest.waitForExplicitFinish();
runNextTest();
};
addTest(function setup() {
// Create an iframe to debug.
var iframe = document.createElement("iframe");
iframe.src = "data:text/html," +
"<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');
TootlesDO = 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
ok(frame.script.source.element === TootlesDO,
"top frame source belongs to element 'Tootles'");
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
ok(frame.script.source.element === TootlesDO,
"top frame source belongs to element 'Tootles'");
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() {
var fnDO = iframeDO.getOwnPropertyDescriptor('auddie').value;
var AuddieDO = iframeDO.makeDebuggeeValue(doc.getElementById('Auddie'));
is(fnDO.class, 'Function',
"Script element 'Auddie' defined function 'auddie'.");
ok(fnDO.script.source.element === AuddieDO,
"Function auddie's script belongs to script element 'Auddie'");
is(fnDO.script.source.elementAttributeName, undefined,
"Function auddie's script doesn't belong to any attribute of 'Auddie'");
is(fnDO.script.source.introductionType, 'scriptElement',
"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;
var rover = doc.createElement('script');
var roverDO = iframeDO.makeDebuggeeValue(rover);
rover.text = 'debugger;';
doc.body.appendChild(rover);
function RoverDebugger(frame) {
// sanity checks
ok(frame.script.source.element === roverDO,
"Rover script belongs to Rover");
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 === 'scriptElement',
"Rover script's introduction type is 'scriptElement'");
runNextTest();
}
});
// Create a XUL document with a script element, and check its introduction type.
addTest(function XULDocumentScript() {
var xulFrame = document.createElement('iframe');
xulFrame.src = "data:application/vnd.mozilla.xul+xml;charset=utf-8," +
"<?xml version=\"1.0\"?>" +
"<window xmlns='http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul'>" +
"<script id='xulie'>function xulScriptFunc() { debugger; }<\/script>" +
"</window>";
xulFrame.onload = xulLoaded;
info("Appending iframe containing XUL document");
document.body.appendChild(xulFrame);
function xulLoaded() {
info("Loaded XUL document");
var xulFrameDO = dbg.addDebuggee(xulFrame.contentWindow);
var xulDoc = xulFrame.contentWindow.document;
var xulieDO = xulFrameDO.makeDebuggeeValue(xulDoc.getElementById('xulie'));
var 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 document's 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.element, undefined,
"XUL script code should not be attributed to any individual element");
is(xulFnDO.script.source.introductionType, 'scriptElement',
"xulScriptFunc's introduction type is 'scriptElement'");
runNextTest();
}
});
</script>
</pre>
</body>
</html>
|
