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
182
183
184
185
186
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
// This tests breakpoints resyncing when source content changes
// after reload.
"use strict";
const httpServer = createTestHTTPServer();
httpServer.registerContentType("html", "text/html");
httpServer.registerContentType("js", "application/javascript");
httpServer.registerPathHandler(
"/doc-breakpoint-reload.html",
(request, response) => {
response.setStatusLine(request.httpVersion, 200, "OK");
response.write(`<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="/script.js"></script>
</head>
</html>
`);
}
);
let views = 0;
httpServer.registerPathHandler("/script.js", (request, response) => {
response.setHeader("Content-Type", "application/javascript");
// The script contents to serve on reload of script.js. Each relaod
// cycles through the script content.
const content = [
// CONTENT 1: Source content with 1 function
// The breakpoint will be set on line 3 (i.e with the `return` statement)
`function bar() {
const prefix = "long";
return prefix + "bar";
}
console.log(bar());`,
// CONTENT 2: Source content with 2 functions, where the breakpoint is now in a
// different function though the line does not change.
`function foo() {
const prefix = "long";
return prefix + "foo";
}
function bar() {
const prefix = "long";
return prefix + "bar";
}
console.log(bar(), foo());`,
// CONTENT 3: Source content with comments and 1 function, where the breakpoint is
// is now at a line with comments (non-breakable line).
`// This is a random comment which is here
// to move the function a couple of lines
// down, making sure the breakpoint is on
// a non-breakable line.
function bar() {
const prefix = "long";
return prefix + "bar";
}
console.log(bar());`,
// CONTENT 4: Source content with just a comment where the line which the breakpoint
// is supposed to be on no longer exists.
`// one line comment`,
];
response.write(content[views % content.length]);
views++;
});
const BASE_URL = `http://localhost:${httpServer.identity.primaryPort}/`;
add_task(async function testBreakpointInFunctionRelocation() {
info("Start test for relocation of breakpoint set in a function");
const dbg = await initDebuggerWithAbsoluteURL(
`${BASE_URL}doc-breakpoint-reload.html`,
"script.js"
);
let source = findSource(dbg, "script.js");
await selectSource(dbg, source);
info("Add breakpoint in bar()");
await addBreakpoint(dbg, source, 3);
info(
"Assert the text content on line 3 to make sure the breakpoint was set in bar()"
);
assertTextContentOnLine(dbg, 3, 'return prefix + "bar";');
info("Check that only one breakpoint is set in the reducer");
is(dbg.selectors.getBreakpointCount(), 1, "Only one breakpoint exists");
info("Check that only one breakpoint is set on the server");
is(
dbg.client.getServerBreakpointsList().length,
1,
"Only one breakpoint exists on the server"
);
info(
"Reload should change the source content to CONTENT 2 i.e 2 functions foo() and bar()"
);
const onReloaded = reload(dbg);
await waitForPaused(dbg);
source = findSource(dbg, "script.js");
info("Assert that the breakpoint pauses on line 3");
assertPausedAtSourceAndLine(dbg, source.id, 3);
info("Assert that the breakpoint is visible on line 3");
await assertBreakpoint(dbg, 3);
info("Assert the text content on line 3 to make sure we are paused in foo()");
assertTextContentOnLine(dbg, 3, 'return prefix + "foo";');
info("Check that only one breakpoint currently exists in the reducer");
is(dbg.selectors.getBreakpointCount(), 1, "One breakpoint exists");
info("Check that only one breakpoint exist on the server");
is(
dbg.client.getServerBreakpointsList().length,
1,
"Only one breakpoint exists on the server"
);
await resume(dbg);
info("Wait for reload to complete after resume");
await onReloaded;
info(
"Reload should change the source content to CONTENT 3 i.e comments and 1 function bar()"
);
await reload(dbg);
await waitForSelectedSource(dbg, "script.js");
await assertNotPaused(dbg);
info(
"Assert that the breakpoint is not visible on line 3 which is a non-breakable line"
);
await assertNoBreakpoint(dbg, 3);
info("Check that no breakpoint exists in the reducer");
is(dbg.selectors.getBreakpointCount(), 0, "Breakpoint has been removed");
// See comment on line 175
info("Check that one breakpoint exists on the server");
is(
dbg.client.getServerBreakpointsList().length,
1,
"Breakpoint has been removed on the server"
);
info(
"Reload should change the source content to CONTENT 4 which is just a one comment line"
);
await reload(dbg);
await waitForSelectedSource(dbg, "script.js");
// There will initially be zero breakpoints, but wait to make sure none are
// installed while syncing.
await wait(1000);
assertNotPaused(dbg);
info("Assert that the source content is one comment line");
assertTextContentOnLine(dbg, 1, "// one line comment");
info("Check that no breakpoint still exists in the reducer");
is(dbg.selectors.getBreakpointCount(), 0, "No breakpoint exists");
// Breakpoints do not get removed in this situation, to support breakpoints in
// inline sources which load and get hit progressively. See the browser_dbg-breakpoints-reloading.js
// test for this behaviour.
info("Check that one breakpoint exists on the server");
is(
dbg.client.getServerBreakpointsList().length,
1,
"One breakpoint exists on the server"
);
});
|
