考慮以下過度簡化的 React 組件。當您單擊該按鈕時，它會對外部 URL 進行 API 調用。如果成功，則遞增計數器如果不成功，則遞減計數器import axios from 'axios';import PropTypes from 'prop-types';import React from 'react';class MyCoolButton extends React.Component {  static propTypes = {    initialCounter: PropTypes.number.isRequired  };  constructor(props) {     super(props);    this.onClick = this.onClick.bind(this);    this.state = {      counter: props.initialCounter    }  }  onClick() {    const url = `/some/url/here`;    const data = { foo: 'bar' };    const config = { headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' } };    const { counter } = this.state;    return axios.patch(url, data, config)      .then((response) => { /* Success! */ this.setState({ counter: counter + 1 }); })      .catch((error) => { /* Failure :( */ this.setState({ counter: counter - 1 }); });  }  render() {    return (      <div className="container">        <span>Counter value is: {this.state.counter}</span>        <input className="cool-button" type="button" onClick={this.onClick} />      </div>            );  }}export default MyCoolButton;我想使用 Jest 編寫一個測試用例，以確保在出現故障時，我們正確地減少按鈕。我嘗試了以下方法：describe('an error occurred while updating', () => {  beforeEach(() => {    axios.patch.mockImplementationOnce(() => Promise.reject('boo'));  });  it('decrements the counter', async() => {    // NOTE: The below uses Enzyme and Chai expectation helpers    wrapper = mount(<MyCoolButton initialCounter={99} />);    // Click the button    wrapper.find(`.cool-button`).first().simulate('click');    // Check for decrmented value    const body = wrapper.find('.container span');    expect(body).to.have.text('Counter value is: 98');  });});問題是點擊和后續state更新是異步執行的，所以我們在它有機會更新失敗的組件之前檢查失敗。網上的很多例子似乎都暗示async/await我不太理解。它看起來像await需要 aPromise作為參數，但在我的情況下，我正在模擬點擊，它進一步調用返回 a 的處理程序Promise，所以我不能await在那個 axiosPromise上直接完成。這里測試的最佳實踐是什么？