@dev-blinq/cucumber_client 1.0.1690-dev → 1.0.1692-dev
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/client/code_cleanup/utils.js +16 -7
- package/bin/client/code_gen/duplication_analysis.js +2 -1
- package/bin/client/code_gen/page_reflection.js +40 -0
- package/bin/client/code_gen/playwright_codeget.js +19 -10
- package/bin/client/cucumber/feature.js +4 -17
- package/bin/client/recorderv3/bvt_init.js +40 -83
- package/bin/client/recorderv3/bvt_recorder.js +289 -28
- package/bin/client/recorderv3/services.js +2 -1
- package/bin/client/recorderv3/step_runner.js +17 -5
- package/bin/client/recorderv3/step_utils.js +31 -38
- package/bin/client/recorderv3/update_feature.js +45 -28
- package/bin/client/utils/app_dir.js +21 -0
- package/bin/client/utils/socket_logger.js +38 -14
- package/package.json +6 -2
- package/bin/client/recorderv3/app_dir.js +0 -23
- package/bin/client/recorderv3/network.js +0 -299
- package/bin/client/recorderv3/scriptTest.js +0 -5
- package/bin/client/recorderv3/ws_server.js +0 -72
|
@@ -1,299 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @typedef {Object} NetworkEvent
|
|
3
|
-
* @property {import('playwright').Request} request
|
|
4
|
-
* @property {import('playwright').Response|null} response
|
|
5
|
-
* @property {string} id
|
|
6
|
-
* @property {number} timestamp
|
|
7
|
-
* @property {string} status - 'completed', 'failed'
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
class NetworkMonitor {
|
|
11
|
-
constructor() {
|
|
12
|
-
this.networkId = 0;
|
|
13
|
-
/** @type {Map<string, NetworkEvent>} */
|
|
14
|
-
this.requestIdMap = new Map();
|
|
15
|
-
this.networkEvents = new Map();
|
|
16
|
-
/** @type {Map<import('playwright').Page, {responseListener: Function, requestFailedListener: Function}>} */
|
|
17
|
-
this.pageListeners = new Map();
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Add network event listeners to a page
|
|
22
|
-
* @param {import('playwright').Page} page
|
|
23
|
-
*/
|
|
24
|
-
addNetworkEventListener(page) {
|
|
25
|
-
// Create the listener functions
|
|
26
|
-
const responseListener = async (response) => {
|
|
27
|
-
const request = response.request();
|
|
28
|
-
let eventId = this.requestIdMap.get(request);
|
|
29
|
-
|
|
30
|
-
if (!eventId) {
|
|
31
|
-
this.networkId++;
|
|
32
|
-
eventId = this.networkId.toString();
|
|
33
|
-
this.requestIdMap.set(request, eventId);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
const networkEvent = {
|
|
37
|
-
id: eventId,
|
|
38
|
-
request,
|
|
39
|
-
response,
|
|
40
|
-
timestamp: Date.now(),
|
|
41
|
-
status: "completed",
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
this.networkEvents.set(eventId, networkEvent);
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
const requestFailedListener = (request) => {
|
|
48
|
-
let eventId = this.requestIdMap.get(request);
|
|
49
|
-
|
|
50
|
-
if (!eventId) {
|
|
51
|
-
this.networkId++;
|
|
52
|
-
eventId = this.networkId.toString();
|
|
53
|
-
this.requestIdMap.set(request, eventId);
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
const networkEvent = {
|
|
57
|
-
id: eventId,
|
|
58
|
-
request,
|
|
59
|
-
response: null,
|
|
60
|
-
timestamp: Date.now(),
|
|
61
|
-
status: "failed",
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
this.networkEvents.set(eventId, networkEvent);
|
|
65
|
-
};
|
|
66
|
-
// Store the listeners for later removal
|
|
67
|
-
this.pageListeners.set(page, {
|
|
68
|
-
responseListener,
|
|
69
|
-
requestFailedListener,
|
|
70
|
-
});
|
|
71
|
-
|
|
72
|
-
// Add the listeners to the page
|
|
73
|
-
page.on("response", responseListener);
|
|
74
|
-
page.on("requestfailed", requestFailedListener);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* Remove network event listeners from a specific page
|
|
79
|
-
* @param {import('playwright').Page} page
|
|
80
|
-
*/
|
|
81
|
-
removeNetworkEventListener(page) {
|
|
82
|
-
const listeners = this.pageListeners.get(page);
|
|
83
|
-
if (listeners) {
|
|
84
|
-
page.off("response", listeners.responseListener);
|
|
85
|
-
page.off("requestfailed", listeners.requestFailedListener);
|
|
86
|
-
this.pageListeners.delete(page);
|
|
87
|
-
console.log("Network event listeners removed from page");
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* Remove network event listeners from all pages
|
|
93
|
-
*/
|
|
94
|
-
removeAllNetworkEventListeners() {
|
|
95
|
-
for (const [page, listeners] of this.pageListeners) {
|
|
96
|
-
page.off("response", listeners.responseListener);
|
|
97
|
-
page.off("requestfailed", listeners.requestFailedListener);
|
|
98
|
-
}
|
|
99
|
-
this.pageListeners.clear();
|
|
100
|
-
console.log("All network event listeners removed");
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* Check if a page has active listeners
|
|
105
|
-
* @param {import('playwright').Page} page
|
|
106
|
-
* @returns {boolean}
|
|
107
|
-
*/
|
|
108
|
-
hasListeners(page) {
|
|
109
|
-
return this.pageListeners.has(page);
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
/**
|
|
113
|
-
* Get the number of pages with active listeners
|
|
114
|
-
* @returns {number}
|
|
115
|
-
*/
|
|
116
|
-
getActiveListenersCount() {
|
|
117
|
-
return this.pageListeners.size;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
/**
|
|
121
|
-
* Get all network events until now
|
|
122
|
-
*/
|
|
123
|
-
getAllNetworkEvents() {
|
|
124
|
-
return Array.from(this.networkEvents.values());
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
/**
|
|
128
|
-
* Get network events within a range
|
|
129
|
-
* @param {number} startId
|
|
130
|
-
* @param {number} endId
|
|
131
|
-
* @returns {NetworkEvent[]}
|
|
132
|
-
*/
|
|
133
|
-
getNetworkEventsInRange(startId, endId) {
|
|
134
|
-
const events = [];
|
|
135
|
-
for (let i = startId; i <= endId; i++) {
|
|
136
|
-
const event = this.networkEvents.get(i.toString());
|
|
137
|
-
if (event) {
|
|
138
|
-
events.push(event);
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
return events;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
/**
|
|
145
|
-
* Get network events since a specific ID
|
|
146
|
-
* @param {number} sinceId
|
|
147
|
-
* @returns {NetworkEvent[]}
|
|
148
|
-
*/
|
|
149
|
-
getNetworkEventsSince(sinceId) {
|
|
150
|
-
return this.getNetworkEventsInRange(sinceId + 1, this.networkId);
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/**
|
|
154
|
-
* Get events by status
|
|
155
|
-
* @param {string} status - 'completed', 'failed'
|
|
156
|
-
* @returns {NetworkEvent[]}
|
|
157
|
-
*/
|
|
158
|
-
getEventsByStatus(status) {
|
|
159
|
-
return Array.from(this.networkEvents.values()).filter((event) => event.status === status);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
/**
|
|
163
|
-
* Get current network ID (latest)
|
|
164
|
-
* @returns {number}
|
|
165
|
-
*/
|
|
166
|
-
getCurrentNetworkId() {
|
|
167
|
-
return this.networkId;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
getCurrentNetworkEventsLength() {
|
|
171
|
-
return this.networkEvents.size;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
/**
|
|
175
|
-
* Get statistics about stored events
|
|
176
|
-
* @returns {Object}
|
|
177
|
-
*/
|
|
178
|
-
getStats() {
|
|
179
|
-
const events = Array.from(this.networkEvents.values());
|
|
180
|
-
return {
|
|
181
|
-
total: events.length,
|
|
182
|
-
completed: events.filter((e) => e.status === "completed").length,
|
|
183
|
-
failed: events.filter((e) => e.status === "failed").length,
|
|
184
|
-
oldestTimestamp: events.length > 0 ? Math.min(...events.map((e) => e.timestamp)) : null,
|
|
185
|
-
newestTimestamp: events.length > 0 ? Math.max(...events.map((e) => e.timestamp)) : null,
|
|
186
|
-
};
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
/**
|
|
190
|
-
* Marshall network event for serialization
|
|
191
|
-
* @param {NetworkEvent} networkEvent
|
|
192
|
-
* @returns {Promise<Object>}
|
|
193
|
-
*/
|
|
194
|
-
async marshallNetworkEvent(networkEvent) {
|
|
195
|
-
const { request, response } = networkEvent;
|
|
196
|
-
|
|
197
|
-
try {
|
|
198
|
-
const url = new URL(request.url());
|
|
199
|
-
const marshalledEvent = {
|
|
200
|
-
id: networkEvent.id,
|
|
201
|
-
timestamp: networkEvent.timestamp,
|
|
202
|
-
status: networkEvent.status,
|
|
203
|
-
url: url.href,
|
|
204
|
-
method: request.method(),
|
|
205
|
-
statusCode: response?.status() ?? null,
|
|
206
|
-
statusText: response?.statusText() ?? null,
|
|
207
|
-
queryParams: Object.fromEntries(url.searchParams.entries()),
|
|
208
|
-
};
|
|
209
|
-
|
|
210
|
-
// Try to get response body safely (only for successful responses)
|
|
211
|
-
if (response && networkEvent.status === "completed") {
|
|
212
|
-
try {
|
|
213
|
-
const isBinary =
|
|
214
|
-
!response.headers()["content-type"]?.includes("application/json") &&
|
|
215
|
-
!response.headers()["content-type"]?.includes("text");
|
|
216
|
-
let body;
|
|
217
|
-
if (isBinary) {
|
|
218
|
-
body = await response.body();
|
|
219
|
-
} else {
|
|
220
|
-
body = await response.text();
|
|
221
|
-
}
|
|
222
|
-
let json;
|
|
223
|
-
try {
|
|
224
|
-
if (typeof body === "string") {
|
|
225
|
-
json = JSON.parse(body); // Check if body is valid JSON
|
|
226
|
-
}
|
|
227
|
-
} catch (_) {
|
|
228
|
-
//Ignore
|
|
229
|
-
}
|
|
230
|
-
const responseBody = isBinary ? body : json ? JSON.stringify(json) : body;
|
|
231
|
-
marshalledEvent.contentType = isBinary ? "binary" : json ? "json" : "text";
|
|
232
|
-
marshalledEvent.responseBody = responseBody;
|
|
233
|
-
} catch (error) {
|
|
234
|
-
marshalledEvent.responseBody = `[Error reading response: ${error.message}]`;
|
|
235
|
-
}
|
|
236
|
-
} else if (networkEvent.status === "failed") {
|
|
237
|
-
marshalledEvent.failureReason = request.failure()?.errorText || "Unknown error";
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
console.log("Marshalled network event:", marshalledEvent);
|
|
241
|
-
|
|
242
|
-
return marshalledEvent;
|
|
243
|
-
} catch (error) {
|
|
244
|
-
console.error("Error marshalling network event:", error);
|
|
245
|
-
return {
|
|
246
|
-
id: networkEvent.id,
|
|
247
|
-
timestamp: networkEvent.timestamp,
|
|
248
|
-
status: networkEvent.status,
|
|
249
|
-
url: request.url(),
|
|
250
|
-
method: request.method(),
|
|
251
|
-
error: error.message,
|
|
252
|
-
};
|
|
253
|
-
}
|
|
254
|
-
}
|
|
255
|
-
|
|
256
|
-
/**
|
|
257
|
-
*@returns {Promise<Object[]>}
|
|
258
|
-
* Get all marshalled network events
|
|
259
|
-
* This is useful for sending to the server or saving to a file.
|
|
260
|
-
* */
|
|
261
|
-
async getAllMarshalledNetworkEvents() {
|
|
262
|
-
const events = this.getAllNetworkEvents();
|
|
263
|
-
const marshalledEvents = await Promise.all(events.map((event) => this.marshallNetworkEvent(event)));
|
|
264
|
-
return marshalledEvents;
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
/**
|
|
268
|
-
* Get marshalled network events since this ID
|
|
269
|
-
* @returns {Promise<Object[]>}
|
|
270
|
-
* @param {number} sinceId
|
|
271
|
-
*/
|
|
272
|
-
async getMarshalledNetworkEvents(sinceId) {
|
|
273
|
-
const events = this.getNetworkEventsSince(sinceId);
|
|
274
|
-
const marshalledEvents = await Promise.all(events.map((event) => this.marshallNetworkEvent(event)));
|
|
275
|
-
return marshalledEvents;
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
/**
|
|
279
|
-
* Get marshalled network events in a range
|
|
280
|
-
* @param {number} startId
|
|
281
|
-
* @param {number} endId
|
|
282
|
-
* @returns {Promise<Object[]>}
|
|
283
|
-
*/
|
|
284
|
-
async getMarshalledNetworkEventsInRange(startId, endId) {
|
|
285
|
-
const events = this.getNetworkEventsInRange(startId, endId);
|
|
286
|
-
const marshalledEvents = await Promise.all(events.map((event) => this.marshallNetworkEvent(event)));
|
|
287
|
-
return marshalledEvents;
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
/**
|
|
291
|
-
* Clear all network events
|
|
292
|
-
*/
|
|
293
|
-
clearNetworkEvents() {
|
|
294
|
-
this.networkEvents.clear();
|
|
295
|
-
this.networkId = 0;
|
|
296
|
-
}
|
|
297
|
-
}
|
|
298
|
-
|
|
299
|
-
export default NetworkMonitor;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { Server } from "socket.io";
|
|
2
|
-
|
|
3
|
-
const io = new Server({
|
|
4
|
-
cors: {
|
|
5
|
-
origin: "*",
|
|
6
|
-
methods: ["GET", "POST"],
|
|
7
|
-
},
|
|
8
|
-
});
|
|
9
|
-
|
|
10
|
-
const broadcastRequestResponse = (socket) => {
|
|
11
|
-
// data: { event: string; input: any; id: string; roomId: string; socketId: string }
|
|
12
|
-
socket.on("request", async (data) => {
|
|
13
|
-
const { event, input, id, roomId } = data;
|
|
14
|
-
const socketId = socket.id;
|
|
15
|
-
// console.log("request __", event, input, id, roomId, socketId);
|
|
16
|
-
socket.to(roomId).emit("request", { event, input, id, roomId, socketId });
|
|
17
|
-
});
|
|
18
|
-
// data: { id: string; value: any; error: any; roomId: string; socketId: string }
|
|
19
|
-
socket.on("response", (data) => {
|
|
20
|
-
const { id, value, error, roomId, socketId } = data;
|
|
21
|
-
// console.log("response __", id, value, error, roomId, socketId);
|
|
22
|
-
socket.to(socketId).emit("response", { id, value, error, roomId, socketId });
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
const targetBrowserEvents = [
|
|
27
|
-
"targetBrowser.command.new",
|
|
28
|
-
"targetBrowser.command.newText",
|
|
29
|
-
"targetBrowser.screenshotURL",
|
|
30
|
-
"targetBrowser.command.event",
|
|
31
|
-
];
|
|
32
|
-
const BVTRecorderEvents = [
|
|
33
|
-
"BVTRecorder.command.new",
|
|
34
|
-
"BVTRecorder.browserOpened",
|
|
35
|
-
"BVTRecorder.onFrameNavigate",
|
|
36
|
-
"BVTRecorder.onPageClose",
|
|
37
|
-
"BVTRecorder.onBrowserClose",
|
|
38
|
-
"BVTRecorder.getTestData",
|
|
39
|
-
];
|
|
40
|
-
const startServer = (WS_PORT) => {
|
|
41
|
-
io.on("connection", (socket) => {
|
|
42
|
-
// console.log("a user connected ", socket.id);
|
|
43
|
-
socket.on("disconnect", () => {
|
|
44
|
-
// console.log("user disconnected", socket.id);
|
|
45
|
-
});
|
|
46
|
-
socket.on("createRoom", ({ id, window }) => {
|
|
47
|
-
// console.log("creating and joining room", id, window, socket.id);
|
|
48
|
-
socket.join(id);
|
|
49
|
-
});
|
|
50
|
-
socket.on("joinRoom", ({ id, window }) => {
|
|
51
|
-
// console.log("joining room", id, window, socket.id);
|
|
52
|
-
socket.join(id);
|
|
53
|
-
});
|
|
54
|
-
targetBrowserEvents.forEach((event) => {
|
|
55
|
-
socket.on(event, (input, roomId) => {
|
|
56
|
-
// console.log(event, input, roomId);
|
|
57
|
-
socket.to(roomId).emit(event, input);
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
BVTRecorderEvents.forEach((event) => {
|
|
61
|
-
socket.on(event, (input, roomId) => {
|
|
62
|
-
// console.log(event, input, roomId);
|
|
63
|
-
socket.to(roomId).emit(event, input);
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
broadcastRequestResponse(socket);
|
|
67
|
-
});
|
|
68
|
-
io.listen(WS_PORT);
|
|
69
|
-
console.log(`Socket IO listening on *:${WS_PORT}`);
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export { startServer };
|