функция тестирования с вызовом axios в реаги - PullRequest
Новая
       22

функция тестирования с вызовом axios в реаги

0 голосов
/ 31 марта 2019

Я пытался протестировать функцию, которая вызывает Axios, и возвращаемые данные были назначены состоянию компонента React.Ниже приведен код, который я хотел проверить 

class ViewBooking extends Component {
  constructor(props) {
    super(props);
    this.state = {
      bookingId: "",
      bookingData: [],
      errorMessage: ""
    };
  }

fetchBookingbyID = () => {
    const { bookingId } = this.state;
    axios.get("http://localhost:4000/bookings/" + bookingId)
      .then(response => {
        this.setState({ bookingData: response.data});
      })
      .catch(error => {
        this.setState({
          errorMessage: "Details of "+bookingId + " is not found!"
        });
      });
  }
}

Тестовый пример, который я написал, приведен ниже: 

test("Axios GET request : fetchBookingbyID", async () => {
    const wrapper = shallow(<ViewBooking />);
    var mock = new MockAdapter(axios);
    const mockData2 = {
      id: 1001,
      buffetName: "BBQ Special",
      emailId: "absy@gmail.com"
    };
    mock.onGet("http://localhost:4000/bookings/1001").reply(200, mockData2);
    wrapper.setState({ bookingId: 1001 });
    await wrapper.instance().fetchBookingbyID();
    expect(wrapper.state().bookingData).toEqual(mockData2)
  });

Теперь этот тестовый пример всегда проходит .. даже если я удаляю код, написанный в методе fetchBookingbyId ().

...