From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 02:47:55 +0200 Subject: Adding upstream version 124.0.1. Signed-off-by: Daniel Baumann --- .../test/mochitest/browser_dbg-xhr-breakpoints.js | 236 +++++++++++++++++++++ 1 file changed, 236 insertions(+) create mode 100644 devtools/client/debugger/test/mochitest/browser_dbg-xhr-breakpoints.js (limited to 'devtools/client/debugger/test/mochitest/browser_dbg-xhr-breakpoints.js') diff --git a/devtools/client/debugger/test/mochitest/browser_dbg-xhr-breakpoints.js b/devtools/client/debugger/test/mochitest/browser_dbg-xhr-breakpoints.js new file mode 100644 index 0000000000..bc8b62f766 --- /dev/null +++ b/devtools/client/debugger/test/mochitest/browser_dbg-xhr-breakpoints.js @@ -0,0 +1,236 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at . */ + +"use strict"; + +const { asyncStore } = require("devtools/client/debugger/src/utils/prefs"); + +add_task(async function () { + info("Test XHR requests done very early during page load"); + + const dbg = await initDebugger("doc-xhr.html", "fetch.js"); + + await addXHRBreakpoint(dbg, "doc", "GET"); + + await SpecialPowers.spawn( + gBrowser.selectedBrowser, + [`${EXAMPLE_REMOTE_URL}doc-early-xhr.html`], + remoteUrl => { + const firstIframe = content.document.createElement("iframe"); + content.document.body.append(firstIframe); + firstIframe.src = remoteUrl; + } + ); + + await waitForPaused(dbg); + assertPausedAtSourceAndLine( + dbg, + findSource(dbg, "doc-early-xhr.html").id, + 10 + ); + + const whyPaused = await waitFor( + () => dbg.win.document.querySelector(".why-paused")?.innerText + ); + is(whyPaused, `Paused on XMLHttpRequest`); + + await resume(dbg); + + await dbg.actions.removeXHRBreakpoint(0); + + await SpecialPowers.spawn( + gBrowser.selectedBrowser, + [`${EXAMPLE_REMOTE_URL}doc-early-xhr.html`], + remoteUrl => { + const secondIframe = content.document.createElement("iframe"); + content.document.body.append(secondIframe); + secondIframe.src = remoteUrl; + } + ); + + // Wait for some time, in order to wait for it to be paused + // in case we regress + await wait(1000); + + assertNotPaused(dbg); +}); + +add_task(async function () { + info("Test simple XHR breakpoints set before doing the request"); + + const dbg = await initDebugger("doc-xhr.html", "fetch.js"); + + await addXHRBreakpoint(dbg, "doc", "GET"); + + invokeInTab("main", "doc-xhr.html"); + await waitForPaused(dbg); + assertPausedAtSourceAndLine(dbg, findSource(dbg, "fetch.js").id, 4); + await resume(dbg); + + await dbg.actions.removeXHRBreakpoint(0); + await invokeInTab("main", "doc-xhr.html"); + assertNotPaused(dbg); + + info("Test that we do not pause on different method type"); + await addXHRBreakpoint(dbg, "doc", "POST"); + await invokeInTab("main", "doc-xhr.html"); + assertNotPaused(dbg); +}); + +// Tests the "pause on any URL" checkbox works properly +add_task(async function () { + info("Test 'pause on any URL'"); + const dbg = await initDebugger("doc-xhr.html", "fetch.js"); + + // Enable pause on any URL + await clickPauseOnAny(dbg, "SET_XHR_BREAKPOINT"); + + invokeInTab("main", "doc-xhr.html"); + await waitForPaused(dbg); + await resume(dbg); + await assertDebuggerTabHighlight(dbg); + + invokeInTab("main", "fetch.js"); + await waitForPaused(dbg); + await resume(dbg); + await assertDebuggerTabHighlight(dbg); + + invokeInTab("main", "README.md"); + await waitForPaused(dbg); + await resume(dbg); + await assertDebuggerTabHighlight(dbg); + + // Disable pause on any URL + await clickPauseOnAny(dbg, "DISABLE_XHR_BREAKPOINT"); + invokeInTab("main", "README.md"); + assertNotPaused(dbg); + + // Turn off the checkbox + await dbg.actions.removeXHRBreakpoint(0); +}); + +// Tests removal works properly +add_task(async function () { + info("Assert the frontend state when removing breakpoints"); + const dbg = await initDebugger("doc-xhr.html"); + + const pauseOnAnyCheckbox = getXHRBreakpointCheckbox(dbg); + + await clickPauseOnAny(dbg, "SET_XHR_BREAKPOINT"); + await addXHRBreakpoint(dbg, "1"); + await addXHRBreakpoint(dbg, "2"); + await addXHRBreakpoint(dbg, "3"); + await addXHRBreakpoint(dbg, "4"); + + // Remove "2" + await removeXHRBreakpoint(dbg, 1); + + const listItems = getXHRBreakpointsElements(dbg); + is(listItems.length, 3, "3 XHR breakpoints display in list"); + is(pauseOnAnyCheckbox.checked, true, "The pause on any is still checked"); + is( + getXHRBreakpointLabels(listItems).join(""), + "134", + "Only the desired breakpoint was removed" + ); +}); + +add_task(async function () { + info("Assert that remove all the breakpoints work well"); + const dbg = await initDebugger("doc-xhr.html"); + + await addXHRBreakpoint(dbg, "1"); + await addXHRBreakpoint(dbg, "2"); + await addXHRBreakpoint(dbg, "3"); + await addXHRBreakpoint(dbg, "4"); + + is( + getXHRBreakpointsElements(dbg).length, + 4, + "There a 4 items on the XHR breakpoints display list" + ); + + let persistedXHRBreakpoints = await asyncStore.xhrBreakpoints; + is( + persistedXHRBreakpoints.length, + 4, + "Check that the persisted XHR breakpoints have 4 items" + ); + + await dbg.actions.removeAllXHRBreakpoints(); + + is( + getXHRBreakpointsElements(dbg).length, + 0, + "XHR breakpoints display list is empty" + ); + + persistedXHRBreakpoints = await asyncStore.xhrBreakpoints; + is( + persistedXHRBreakpoints.length, + 0, + "Check that there are no persisted XHR breakpoints" + ); +}); + +async function addXHRBreakpoint(dbg, text, method) { + info(`Adding a XHR breakpoint for pattern ${text} and method ${method}`); + + const plusIcon = findElementWithSelector(dbg, ".xhr-breakpoints-pane .plus"); + if (plusIcon) { + plusIcon.click(); + } + findElementWithSelector(dbg, ".xhr-input-url").focus(); + type(dbg, text); + + if (method) { + findElementWithSelector(dbg, ".xhr-input-method").value = method; + } + + pressKey(dbg, "Enter"); + + await waitForDispatch(dbg.store, "SET_XHR_BREAKPOINT"); +} + +async function removeXHRBreakpoint(dbg, index) { + info("Removing a XHR breakpoint"); + + const closeButtons = dbg.win.document.querySelectorAll( + ".xhr-breakpoints-pane .close-btn" + ); + if (closeButtons[index]) { + closeButtons[index].click(); + } + + await waitForDispatch(dbg.store, "REMOVE_XHR_BREAKPOINT"); +} + +function getXHRBreakpointsElements(dbg) { + return [ + ...dbg.win.document.querySelectorAll( + ".xhr-breakpoints-pane .xhr-container" + ), + ]; +} + +function getXHRBreakpointLabels(elements) { + return elements.map(element => element.title); +} + +function getXHRBreakpointCheckbox(dbg) { + return findElementWithSelector( + dbg, + ".xhr-breakpoints-pane .breakpoints-exceptions input" + ); +} + +async function clickPauseOnAny(dbg, expectedEvent) { + getXHRBreakpointCheckbox(dbg).click(); + await waitForDispatch(dbg.store, expectedEvent); +} + +async function assertDebuggerTabHighlight(dbg) { + await waitUntil(() => !dbg.toolbox.isHighlighted("jsdebugger")); + ok(true, "Debugger is no longer highlighted after resume"); +} -- cgit v1.2.3