javascript - 如何检查http post调用后函数是否被调用？

Question

我正在尝试测试我的一个函数，其中有一个 http post 请求，成功后它调用一个我想检查的函数成功后函数是否被调用.

这是我的代码 https://codesandbox.io/s/ecstatic-currying-5q1b8我正在测试以下功能

export const saveWithoutSubmit = async (values, updateTaskListAfterFilter) => {
  var obj = {
    remarks: values.remarks,
    requestedBy: localStorage.getItem("msisdn")
  };
  try {
    const response = await sendPostRequest(`${API_TASK_URL}closeSr`, {
      ...obj,
      saveWithoutSubmit: true
    });

    if (response && response.data && response.data.status.code !== "200") {
      error(response.data.result.message);
    } else {
      console.log(response);
      success(response.data.status.message);
      updateTaskListAfterFilter();
    }
  } catch (e) {
    if (e.response && e.response.data) {
      console.log(e.response.data.message);
      error(e.response.data.status.message);
    }
  }
};

我正在做这样的测试

describe("remark service test", () => {
  const fakeAxios = {
    post: jest.fn(() => Promise.resolve({ data: { greeting: "hello there" } }))
  };

  const sendPostRequest = jest.fn(() =>
    Promise.resolve({ data: { greeting: "hello there" } })
  );
  it("save without sumit", async done => {
    const mockUpdateTaskListAfterFilter = jest.fn();
    const updateTaskListAfterFilter = () => {};
    saveWithoutSubmit({}, mockUpdateTaskListAfterFilter);

    // expect(updateTaskListAfterFilter).toBeCalled();
    expect(mockUpdateTaskListAfterFilter).toBeCalled();
    done();
  });
});

出现错误

Answer 1

为什么不直接将变量放入普通箭头函数中并等待 saveWithoutSubmit

remark.service.js

const sendPostRequest = () => {
  return Promise.resolve({
    data: {
      greeting: "hello there",
      status: {
        code: "200"
      }
    }
  });
};

export const saveWithoutSubmit = async(values, updateTaskListAfterFilter) => {
  try {
    const response = await sendPostRequest();
    if (response && response.data && response.data.status.code !== "200") {
      console.log("Error");
      return;
    } else {
      console.log("Sucess");
      updateTaskListAfterFilter();
      return;
    }
  } catch (e) {
    if (e.response && e.response.data) {
      console.log(e.response.data.message);
    }
  }
};

remark.service.test.js

import {
  saveWithoutSubmit
} from "./remark.service";

describe("remark service test", () => {
  it("save without sumit", async function() {
    console.log("save without sumit getting called");
    let called = false;
    const mockUpdateTaskListAfterFilter = () => {
      console.log("callback");
      called = true;
    };

    await saveWithoutSubmit({}, mockUpdateTaskListAfterFilter);
    console.log("after saveWithoutSubmit", called);
    expect(called).toBe(true);
  });
});