Bug 1522138 - [release 120] [Breakpoint] fix selectBreakpoint (#7756). r=dwalsh

devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoint.js

@@ -74,7 +74,8 @@ class Breakpoint extends PureComponent<Props> {
     }
   };
 
-  selectBreakpoint = () => {
+  selectBreakpoint = event => {
+    event.preventDefault();
     const { selectSpecificLocation } = this.props;
     selectSpecificLocation(this.selectedLocation);
   };
@@ -163,6 +164,7 @@ class Breakpoint extends PureComponent<Props> {
         <label
           htmlFor={breakpoint.id}
           className="breakpoint-label cm-s-mozilla"
+          onClick={this.selectBreakpoint}
           title={this.getBreakpointText()}
         >
           <span dangerouslySetInnerHTML={this.highlightText()} />

devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/tests/__snapshots__/Breakpoint.spec.js.snap

@@ -16,6 +16,7 @@ exports[`Breakpoint disabled 1`] = `
   />
   <label
     className="breakpoint-label cm-s-mozilla"
+    onClick={[Function]}
   >
     <span
       dangerouslySetInnerHTML={
@@ -57,6 +58,7 @@ exports[`Breakpoint paused at a different 1`] = `
   />
   <label
     className="breakpoint-label cm-s-mozilla"
+    onClick={[Function]}
   >
     <span
       dangerouslySetInnerHTML={
@@ -98,6 +100,7 @@ exports[`Breakpoint paused at a generatedLocation 1`] = `
   />
   <label
     className="breakpoint-label cm-s-mozilla"
+    onClick={[Function]}
   >
     <span
       dangerouslySetInnerHTML={
@@ -139,6 +142,7 @@ exports[`Breakpoint paused at an original location 1`] = `
   />
   <label
     className="breakpoint-label cm-s-mozilla"
+    onClick={[Function]}
   >
     <span
       dangerouslySetInnerHTML={
@@ -180,6 +184,7 @@ exports[`Breakpoint simple 1`] = `
   />
   <label
     className="breakpoint-label cm-s-mozilla"
+    onClick={[Function]}
   >
     <span
       dangerouslySetInnerHTML={