vsCode中的React + Jest：如何在集成测试中进行更深入的调试？

Question

我正在尝试调试按钮的单击行为。 我可以在测试中进行调试并模拟点击，但是onClick函数中的断点从未激活。

组件：

def Peak_WeibullPeak_Modified_model(x): # from zunzun.com
    a = 6.4654735487019195E+01
    b = 3.4517137038577323E+02
    c = -1.5940608784806631E+00
    d = 2.7331145870203617E+00

    return = a * numpy.exp(-0.5 * numpy.power(numpy.log(x/b) / c, d))

开玩笑的测试：

class ButtonA extends Component {

  constructor(props) {
    this.state = {
      qtyClicks: 0
    };
  }

  onClick() {
   // ****************** Here I added the unreachable breakpoint
    const { qtyClicks } = this.state;     
    this.setState({ qtyClicks: qtyClicks + 1 });
  }

  render() {
    return (
      <div id='experiment'>
       <button onClick={this.onClick} className='my-button'>+</button>
        <span>{this.state.qtyClicks}</span>
      </div>
    );
  }
}

关于如何调试ButtonA内部代码的任何想法？