在一个测试文件中工作，但在另一个测试文件中失败

Question

/api
  index.js
  base.js
  notebooks.js
/components
  AllNotebooks/
  NewNotebook/
/containers
  AllNotebooks/
  NewNotebook/
  common/withList/

我在用开玩笑。间谍。模拟实现模拟我的笔记本。jsapi，这是为

// api/base.js
const instance = axios.createinstance({url: BASE_URL})

export default instance

// api/notebooks.js
const getAll = () => instance.get("/notebooks");
const create = id => instance.post("/notebooks")

export {getAll, create}

// api/index.js
import * as notebooksApi from './notebooks'
export {notebooksApi}

现在，它与

import NewNotebook from "../../components/NewNotebook";
import { notebooksApi } from "../../api/index";

const NewNotebookContainer = function () {
  const handleSubmit = () => {
    if (!newNotebook.title.length) {
      return false;
    } else {
      return notebooksApi.create(newNotebook).then(() => {
        toggleModal();
      });
    }
  };
  return (
    <NewNotebook handleSubmit={handleSubmit}/>
  );
};

export default NewNotebookContainer;


// ./__test__/index.js

it("should invoke api if title exists", async () => {
    renderNotebook();
    const spy = jest
      .spyOn(notebooksApi, "create")
      .mockImplementation((x) => Promise.resolve(x));
    await act(() => {
      fireEvent.click(screen.getByRole("button", { name: /Create Notebook/ }));
      return Promise.resolve();
    });
    expect(spy).toHaveBeenCalledTimes(1);
  });

但是，笔记本Api不会被嘲笑。

// AllNotebooksContainer/index.js

import AllNotebooks from "../../components/AllNotebooks";
import { notebooksApi } from "../../api/index";
import withList from "../common/withList";

const AllNotebooksContainer = withList(AllNotebooks, notebooksApi.getAll);

export default AllNotebooksContainer;

// ../withList/index.js

const withList = (Component, getList) => {
  return function WithList(props) 
    useEffect(async () => {
      // invoke getList and store data in state
    }, []);

    if (!loading) {
      return <Component data={list} {...props} />;
    } else {
      return <Loading />;
    }
  };
};

// ./__test__/index.js

  it("should render correct number of <Notebook />", async () => {
    const spy = jest
      .spyOn(notebooksApi, "getAll")
      .mockImplementation(() => Promise.resolve({ data: mockData }));
    renderComponent();
    await waitFor(() => expect(spy).toHaveBeenCalledTimes(1));
    // some assertions
  });

对于




Answer 1

我通过模拟整个notebooksApi模块解决了这个问题。

import {notebooksApi} from './somewhere/api/index'
jest.mock('./somewhere/api/index')

然后在我的测试用例中，我将其用作，

notebooksApi.getAll.mockResolvedvalue({data: mockData})
expect(notebooksApi.getAll).toHaveBeenCalledTimes(1)

我还是不明白之前用开玩笑时的奇怪行为。spyOn，我会继续调查，并相应地更新答案。