React + Jest в vsCode: как глубже отладить интеграционные тесты?

Question

Я пытаюсь отладить поведение нажатия кнопки.Я могу отладить тест и смоделировать щелчок, но точка останова в функции onClick никогда не активируется.

Компонент:

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>
    );
  }
}

Тест в шутке:

  const wrapper = mount(
       <Provider...>... 
          <ButtonA/>
  </Provider>);

  it('test click button', () => {

    const myButton = wrapper.find('.my-button');
    //*********** Here I'm able to debug easily.
    myButton.simulate('click');
  });

Есть идеи, как отлаживать код внутри ButtonA?