Commit 632848a2 authored by Nicolas Chevobbe's avatar Nicolas Chevobbe Committed by nchevobbe@mozilla.com
Browse files

Bug 1957000 - [devtools] Add pointerrawupdate to Event Listener Breakpoints.... 

Bug 1957000 - [devtools] Add pointerrawupdate to Event Listener Breakpoints. r=devtools-reviewers,bomsy

Differential Revision: https://phabricator.services.mozilla.com/D249727
parent 8092ba97

devtools/client/debugger/test/mochitest/browser_dbg-event-breakpoints.js

+18 −0
Changes for devtools/client/debugger/test/mochitest/browser_dbg-event-breakpoints.js: 18 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -171,6 +171,24 @@ add_task(async function () { 
  await assertPausedAtSourceAndLine(dbg, eventBreakpointsSource.id, 72);

  await resume(dbg);



  info(`Check that breakpoint can be set on "pointerrawupdate"`);

  await toggleEventBreakpoint(dbg, "Pointer", "event.pointer.pointerrawupdate");



  SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => {

    // EventUtils.synthesize throws when dispatching a pointerrawupdate for some reason,

    // let's build and dispatch the event directly

    content.document

      .getElementById("pointer-target")

      .dispatchEvent(

        new content.wrappedJSObject.PointerEvent("pointerrawupdate", {})

      );

  });



  await waitForPaused(dbg);

  await assertPausedAtSourceAndLine(dbg, eventBreakpointsSource.id, 107);

  await resume(dbg);

  await toggleEventBreakpoint(dbg, "Pointer", "event.pointer.pointerrawupdate");



  info("Check that the click event breakpoint is still enabled");

  invokeInTab("clickHandler");

  await waitForPaused(dbg);

devtools/client/debugger/test/mochitest/examples/doc-event-breakpoints.html

+3 −0
Changes for devtools/client/debugger/test/mochitest/examples/doc-event-breakpoints.html: 3 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -22,6 +22,9 @@ 
    <div id="click-target" style="margin: 50px; background-color: green;">

      Click Target

    </div>

    <div id="pointer-target" style="padding: 50px; background-color: hotpink;">

      Pointer

    </div>

    <button id="invoker" invoketarget="invokee">Invoke</button>

    <div id="invokee"></div>

    <button id="popover-toggle" popovertarget="popover">Show popover</button>

devtools/client/debugger/test/mochitest/examples/event-breakpoints.js

+5 −0
Changes for devtools/client/debugger/test/mochitest/examples/event-breakpoints.js: 5 added lines, 0 removed lines.
Original line number Diff line number Diff line
@@ -101,3 +101,8 @@ document.getElementById("focus-text").addEventListener("textInput", onTextInput) 
function onTextInput() {

  console.log("textInput");

}



document.getElementById("pointer-target").addEventListener("pointerrawupdate", onPointerRawUpdate);

function onPointerRawUpdate() {

  console.log("pointerrawupdate");

}

devtools/server/actors/utils/event-breakpoints.js

+1 −0
Changes for devtools/server/actors/utils/event-breakpoints.js: 1 added line, 0 removed lines.
Original line number Diff line number Diff line
@@ -282,6 +282,7 @@ const AVAILABLE_BREAKPOINTS = [ 
      generalEvent("pointer", "pointerup"),

      generalEvent("pointer", "pointermove"),

      generalEvent("pointer", "pointercancel"),

      generalEvent("pointer", "pointerrawupdate"),

      generalEvent("pointer", "gotpointercapture"),

      generalEvent("pointer", "lostpointercapture"),

    ],