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
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests if showing raw headers works.
*/
add_task(async function () {
const { tab, monitor } = await initNetMonitor(POST_DATA_URL, {
requestCount: 1,
});
info("Starting test... ");
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
const { getSortedRequests } = windowRequire(
"devtools/client/netmonitor/src/selectors/index"
);
store.dispatch(Actions.batchEnable(false));
// Execute requests.
await performRequests(monitor, tab, 2);
let wait = waitForDOM(document, "#headers-panel .accordion-item", 2);
EventUtils.sendMouseEvent(
{ type: "mousedown" },
document.querySelectorAll(".request-list-item")[0]
);
await wait;
wait = waitForDOM(document, "#responseHeaders textarea.raw-headers", 1);
EventUtils.sendMouseEvent({ type: "click" }, getRawHeadersToggle("RESPONSE"));
await wait;
wait = waitForDOM(document, "#requestHeaders textarea.raw-headers", 1);
EventUtils.sendMouseEvent({ type: "click" }, getRawHeadersToggle("REQUEST"));
await wait;
testRawHeaderToggleStyle(true);
testShowRawHeaders(getSortedRequests(store.getState())[0]);
EventUtils.sendMouseEvent({ type: "click" }, getRawHeadersToggle("RESPONSE"));
EventUtils.sendMouseEvent({ type: "click" }, getRawHeadersToggle("REQUEST"));
testRawHeaderToggleStyle(false);
testHideRawHeaders(document);
return teardown(monitor);
/**
* Tests that checked is applied correctly
*
* @param checked
* flag indicating whether toggle is checked or not
*/
function testRawHeaderToggleStyle(checked) {
const rawHeadersRequestToggle = getRawHeadersToggle("REQUEST");
const rawHeadersResponseToggle = getRawHeadersToggle("RESPONSE");
if (checked) {
is(
rawHeadersRequestToggle.checked,
true,
"The 'Raw Request Headers' toggle should be 'checked'"
);
is(
rawHeadersResponseToggle.checked,
true,
"The 'Raw Response Headers' toggle should be 'checked'"
);
} else {
is(
rawHeadersRequestToggle.checked,
false,
"The 'Raw Request Headers' toggle should NOT be 'checked'"
);
is(
rawHeadersResponseToggle.checked,
false,
"The 'Raw Response Headers' toggle should NOT be 'checked'"
);
}
}
/*
* Tests that raw headers were displayed correctly
*/
function testShowRawHeaders(data) {
// Request headers are rendered first, so it is element with index 1
const requestHeaders = document.querySelectorAll("textarea.raw-headers")[1]
.value;
for (const header of data.requestHeaders.headers) {
ok(
requestHeaders.includes(header.name + ": " + header.value),
"textarea contains request headers"
);
}
// Response headers are rendered first, so it is element with index 0
const responseHeaders = document.querySelectorAll("textarea.raw-headers")[0]
.value;
for (const header of data.responseHeaders.headers) {
ok(
responseHeaders.includes(header.name + ": " + header.value),
"textarea contains response headers"
);
}
}
/*
* Tests that raw headers textareas are hidden
*/
function testHideRawHeaders() {
ok(
!document.querySelector(".raw-headers-container"),
"raw request headers textarea is empty"
);
}
/**
* Returns the 'Raw Headers' button
*/
function getRawHeadersToggle(rawHeaderType) {
if (rawHeaderType === "RESPONSE") {
// Response header is first displayed
return document.querySelectorAll(".devtools-checkbox-toggle")[0];
}
return document.querySelectorAll(".devtools-checkbox-toggle")[1];
}
});
|
