如何重构我的测试以使用开玩笑的手册模拟功能？

Question

我能够与Jest一起进行基本测试，但是当我尝试重构使用JEST的手动模拟功能时，该测试将不再起作用。

有什么想法，我可能做错了什么？

感谢您的时间

Answer 1

如果它帮助他人，我最终只是使用间谍，而无需使用手动模拟。

These were references that helped me figure it out:

https://silvenon.com/blog/嘲笑 - 吉斯/函数
https://silvenon.com/blog/mocking-with-with-jest-jest/modules/ < /a>
/a>

And here's the example code that ended up working for me:

in tests/.../actions.spec.js:

import $axios from "@/services/backend-service";
import actions from "@/store/modules/transactions/actions";

describe("store/modules/transactions/actions", () => {
  let state;
  let postSpy;
  beforeEach(() => {
    state = {
      commit: jest.fn(),
    };
    postSpy = jest.spyOn($axios, 'post')
  });

  it("uploads transactions succeeds", async() => {
    postSpy.mockImplementation(() => {
      return Promise.resolve();
    });

    await actions.uploadTransactions(
      state,
      {'file': 'arbitrary filename'},
    )

    expect(state.commit).toHaveBeenCalledWith('changeUploadStatusToSucceeded');
  });

  it("uploads transactions fails", async() => {
    postSpy.mockImplementation(() => {
      return Promise.reject({
        response: true,
      });
    });

    await actions.uploadTransactions(
      state,
      {'file': 'arbitrary filename'},
    )

    expect(state.commit).toHaveBeenCalledWith('changeUploadStatusToFailed');
  });
});

in src/.../actions.js：

import $axios from "@/services/backend-service";

const RESOURCE_NAME = "transaction";
const RESOURCE_PATH = `${RESOURCE_NAME}s`;

export const actions = {
  uploadTransactions(state, payload) {
    let formData = new FormData();
    formData.append("account_id", 1); // change to get dynamically when ready
    formData.append("file", payload["file"]);

    //$axios.interceptors.request.use(function (config) {
    //  state.commit("changeUploadStatusToUploading");
    //  return config;
    //});

    return $axios
      .post(`${RESOURCE_PATH}/batch_upload/`, formData, {
        headers: {
          "Content-Type": "multipart/form-data",
        },
      })
      .then((response) => {
        console.log(response);
        state.commit("changeUploadStatusToSucceeded");
      })
      .catch(function (error) {
        if (error.response) {
          state.commit("changeUploadStatusToFailed");
        }
      });
  },
};

export default actions;