Как создать контрольные примеры для React Code с использованием Jest и Enzyme

Question

Я новичок в тестировании на React.У меня есть следующий код, который необходимо проверить с помощью Jest.

class GetNames extends React.Component {
  constructor() {
    super();
    this.state = {
      firstName: "",
      lastName: "",
      loading: false
  };

this.handleFirstName = this.handleFirstName.bind(this);
this.handleLastName = this.handleLastName.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);

handleSubmit(event) {
  this.makeCall();
}

makeCall() {
 fetch(url).then(response => .<doSomeActions>.).catch(<dosomeActionIfFailed>)

this.setState({
      loading: true
    });
}

render() {
  if(this.state.loading) {
    return(<returnSomethingToDisplay>)
} else {
    return(
    <div>...<input type="text" required value={this.state.firstName} onChange={this.handleFirstName} />
    ...
    <input className="button" type="submit" value="Submit" />
     );
}
}
}

Теперь для этого я начал использовать Jest и Enzyme для написания своих тестовых случаев.У меня есть следующий код:

it('renderTestForGetNames', () => {
        const wrapper = shallow(<GetNames />);
        expect(wrapper.exists()).toBe(true);
    });

В приведенном выше коде, только остальная часть рендера и конструктор покрыты.

Как мне обработать другие функции и handleSubmit, который вызывает операцию выборки.

Как начать тестирование.Я просмотрел документацию по Jest, но это немного сбивает с толку, чтобы понять кого-то, у кого нет большого опыта работы с интерфейсом.

Спасибо.