diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 17:32:43 +0000 |
commit | 6bf0a5cb5034a7e684dcc3500e841785237ce2dd (patch) | |
tree | a68f146d7fa01f0134297619fbe7e33db084e0aa /devtools/client/netmonitor/test/browser_net_ws-json-stomp-payload.js | |
parent | Initial commit. (diff) | |
download | thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.tar.xz thunderbird-6bf0a5cb5034a7e684dcc3500e841785237ce2dd.zip |
Adding upstream version 1:115.7.0.upstream/1%115.7.0upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | devtools/client/netmonitor/test/browser_net_ws-json-stomp-payload.js | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/devtools/client/netmonitor/test/browser_net_ws-json-stomp-payload.js b/devtools/client/netmonitor/test/browser_net_ws-json-stomp-payload.js new file mode 100644 index 0000000000..74c5d08dd0 --- /dev/null +++ b/devtools/client/netmonitor/test/browser_net_ws-json-stomp-payload.js @@ -0,0 +1,115 @@ +/* Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ */ + +"use strict"; + +/** + * Test that WebSocket payloads containing an array of STOMP messages are parsed + * correctly and displayed in a user friendly way + */ + +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"); + + store.dispatch(Actions.batchEnable(false)); + + // Wait for WS connections to be established + send messages + const onNetworkEvents = waitForNetworkEvents(monitor, 1); + await SpecialPowers.spawn(tab.linkedBrowser, [], async () => { + await content.wrappedJSObject.openConnection(0); + content.wrappedJSObject.sendData( + `[\"SEND\\nx-firefox-test:true\\ncontent-length:17\\n\\n[{\\\"key\\\":\\\"value\\\"}]\\u0000\"]` + ); + }); + await onNetworkEvents; + + const requests = document.querySelectorAll(".request-list-item"); + is(requests.length, 1, "There should be one request"); + + // Wait for all sent/received messages to be displayed in DevTools + let wait = waitForDOM( + document, + "#messages-view .message-list-table .message-list-item", + 2 + ); + + // 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, 2, "There should be two frames"); + + // Wait for next tick to do async stuff (The MessagePayload component uses the async function getMessagePayload) + await waitForTick(); + const waitForData = waitForDOM(document, "#messages-view .properties-view"); + const [requestFrame] = frames; + EventUtils.sendMouseEvent({ type: "mousedown" }, requestFrame); + + await waitForData; + + is( + document.querySelector("#messages-view .data-label").innerText, + "JSON", + "The JSON payload panel should be displayed" + ); + + ok( + document.querySelector("#messages-view .treeTable"), + "A tree table should be used to display the formatted payload" + ); + + ok( + document.getElementById("/0/command"), + "The message 'command' should be displayed" + ); + ok( + document.getElementById("/0/headers"), + "The message 'headers' should be displayed" + ); + ok( + document.getElementById("/0/body"), + "The message 'body' should be displayed" + ); + + // Toggle raw data display + wait = waitForDOM(document, "#messages-view .message-rawData-payload"); + const rawDataToggle = document.querySelector( + "#messages-view .devtools-checkbox-toggle" + ); + clickElement(rawDataToggle, monitor); + await wait; + + is( + document.querySelector("#messages-view .data-label").innerText, + "Raw Data (79 B)", + "The raw data payload info should be displayed" + ); + + is( + document.querySelector("#messages-view .message-rawData-payload").value, + `[\"SEND\\nx-firefox-test:true\\ncontent-length:17\\n\\n[{\\\"key\\\":\\\"value\\\"}]\\u0000\"]`, + "The raw data must be shown correctly" + ); + + // Close WS connection + await SpecialPowers.spawn(tab.linkedBrowser, [], async () => { + await content.wrappedJSObject.closeConnection(); + }); + + await teardown(monitor); +}); |