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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests if position of caret does not change (resets to the end) after setting
* header's value to empty string. Also make sure the "method" field stays empty
* after removing it and resets to its original value when it looses focus.
*/
add_task(async function () {
if (
Services.prefs.getBoolPref(
"devtools.netmonitor.features.newEditAndResend",
true
)
) {
ok(
true,
"Skip this test when pref is true, because this panel won't be default when that is the case."
);
return;
}
const { monitor } = await initNetMonitor(HTTPS_SIMPLE_URL, {
requestCount: 1,
});
info("Starting test... ");
const { document, store, windowRequire } = monitor.panelWin;
const Actions = windowRequire("devtools/client/netmonitor/src/actions/index");
store.dispatch(Actions.batchEnable(false));
// Reload to have one request in the list.
const waitForEvents = waitForNetworkEvents(monitor, 1);
await navigateTo(HTTPS_SIMPLE_URL);
await waitForEvents;
// Open context menu and execute "Edit & Resend".
const firstRequest = document.querySelectorAll(".request-list-item")[0];
const waitForHeaders = waitUntil(() =>
document.querySelector(".headers-overview")
);
EventUtils.sendMouseEvent({ type: "mousedown" }, firstRequest);
await waitForHeaders;
await waitForRequestData(store, ["requestHeaders"]);
EventUtils.sendMouseEvent({ type: "contextmenu" }, firstRequest);
// Open "New Request" form
await selectContextMenuItem(monitor, "request-list-context-edit-resend");
await waitUntil(() => document.querySelector("#custom-headers-value"));
const headersTextarea = document.querySelector("#custom-headers-value");
await waitUntil(() => document.querySelector("#custom-method-value"));
const methodField = document.querySelector("#custom-method-value");
const originalMethodValue = methodField.value;
const { getSelectedRequest } = windowRequire(
"devtools/client/netmonitor/src/selectors/index"
);
const request = getSelectedRequest(store.getState());
const hostHeader = request.requestHeaders.headers[0];
// Close the open context menu, otherwise sendString will not work
EventUtils.synthesizeKey("VK_ESCAPE", {});
headersTextarea.focus();
// Clean value of host header
const headersContent = headersTextarea.value;
const start = "Host: ".length;
const end = headersContent.indexOf("\n");
headersTextarea.setSelectionRange(start, end);
EventUtils.synthesizeKey("VK_DELETE", {});
methodField.focus();
methodField.select();
EventUtils.synthesizeKey("VK_DELETE", {});
ok(
getSelectedRequest(store.getState()).requestHeaders.headers[0] !==
hostHeader,
"Value of Host header was edited and should change"
);
ok(
headersTextarea.selectionStart === start &&
headersTextarea.selectionEnd === start,
"Position of caret should not change"
);
ok(
getSelectedRequest(store.getState()).method === "",
"Value of method header was deleted and should be empty"
);
headersTextarea.focus();
ok(
getSelectedRequest(store.getState()).method === originalMethodValue,
"Value of method header should reset to its original value"
);
await teardown(monitor);
});
|