Как проверить асинхронную функцию с помощью moxios? - PullRequest
Новая
       17

Как проверить асинхронную функцию с помощью moxios?

0 голосов
/ 26 октября 2018

Рассмотрим следующий код реакции. 

 sendFormData = async formData => {
    try {
      const image = await axios.post("/api/image-upload", formData);
      this.props.onFileNameChange(image.data);
      this.setState({
        uploading: false
      });
    } catch (error) {
      console.log("This errors is coming from ImageUpload.js");
      console.log(error);
    }
  };

Вот тест 

 it("should set uploading back to false on file successful upload", () => {
    const data = "dummydata";
    moxios.stubRequest("/api/image-upload", {
      status: 200,
      response: data
    });
    const props = {
      onFileNameChange: jest.fn()
    };
    const wrapper = shallow(<ImageUpload {...props} />);
    wrapper.setState({ uploading: true });
    wrapper.instance().sendFormData("dummydata");
    wrapper.update();
    expect(props.onFileNameChange).toHaveBeenCalledWith(data);
    expect(wrapper.state("uploading")).toBe(false);
  });

Как видите, sendFormData должен вызвать this.props.onFileNamechange.и это также должно установить состояние загрузки на true.Но оба моих теста провалились

1 Ответ

0 голосов
/ 26 октября 2018

Обещание от sendFormData игнорируется, это приводит к состоянию гонки.

Вероятно, оно должно быть: 

wrapper.setState({ uploading: true });
await wrapper.instance().sendFormData("dummydata");
expect(props.onFileNameChange).toHaveBeenCalledWith(data);
expect(wrapper.state("uploading")).toBe(false);

В этом случае для функции спецификации должно быть async.

...