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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Test that WS connection is established successfully and filtering messages using freetext works correctly.
*/
add_task(async function () {
const { tab, monitor } = await initNetMonitor(WS_PAGE_URL, {
requestCount: 1,
});
info("Starting test... ");
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
const { getDisplayedMessages } = windowRequire(
"devtools/client/netmonitor/src/selectors/messages"
);
store.dispatch(Actions.batchEnable(false));
// Wait for WS connection(s) to be established + send messages
const onNetworkEvents = waitForNetworkEvents(monitor, 2);
await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
await content.wrappedJSObject.openConnection(3);
await content.wrappedJSObject.openConnection(1);
});
await onNetworkEvents;
const requests = document.querySelectorAll(".request-list-item");
is(requests.length, 2, "There should be two requests");
// Wait for all sent/received messages to be displayed in DevTools
const wait = waitForDOM(
document,
"#messages-view .message-list-table .message-list-item",
6
);
// Select the first request
EventUtils.sendMouseEvent({ type: "mousedown" }, requests[0]);
// Click on the "Response" panel
clickOnSidebarTab(document, "response");
await wait;
// Get all messages present in the "Response" panel
const frames = document.querySelectorAll(
"#messages-view .message-list-table .message-list-item"
);
// Check expected results
is(frames.length, 6, "There should be six frames");
// Fill filter input with text and check displayed messages
const filterInput = document.querySelector(
"#messages-view .devtools-filterinput"
);
filterInput.focus();
typeInNetmonitor("Payload 2", monitor);
// Wait till the text filter is applied.
await waitUntil(() => getDisplayedMessages(store.getState()).length == 2);
const filteredFrames = document.querySelectorAll(
"#messages-view .message-list-table .message-list-item"
);
is(filteredFrames.length, 2, "There should be two frames");
// Select the second request and check that the filter input is cleared
EventUtils.sendMouseEvent({ type: "mousedown" }, requests[1]);
// Wait till the text filter is applied. There should be two frames rendered
await waitUntil(
() =>
document.querySelectorAll(
"#messages-view .message-list-table .message-list-item"
).length == 2
);
const secondRequestFrames = document.querySelectorAll(
"#messages-view .message-list-table .message-list-item"
);
is(secondRequestFrames.length, 2, "There should be two frames");
is(filterInput.value, "", "The filter input is cleared");
// Close WS connection
await SpecialPowers.spawn(tab.linkedBrowser, [], async () => {
await content.wrappedJSObject.closeConnection();
});
await teardown(monitor);
});
|
