Início / coding / Perguntas / 78951482
Accepted
MiguelG
Asked: 2024-09-05 14:00:42 +0800 CST

Como espionar a instância do hook useAppDispatch() usando o redux-toolkit vitest

  • 772

Como não podemos usar o hook useAppDispatch() em nosso arquivo de teste, gostaria de saber como posso espionar a instância retornada.

import * as redux from "@/core/context/redux/store";

...

it("test",async ()=>{
    await waitFor(() => {
      wrapper = render(<MockForgeViewer />);
    });
    const spyDispatch = vi.spyOn(redux, "useAppDispatch");
    wrapper?.unmount();
    expect(spyDispatch).toHaveBeenCalledWith();
   
});

O que acabei de perceber é que esse código está espionando o gancho em si, e não o valor retornado ( dispatch ).

const dispatch = useAppDispatch();

na verdade eu desejo espionar o despacho para afirmar quando um redutor específico foi chamado. Por exemplo:

dispatch(resetStates());
unit-testing

1 respostas

  1. Best Answer
    it("test",async ()=>{
    await waitFor(() => {
      wrapper = render(<MockForgeViewer />);
    });
    const spyDispatch = vi.spyOn(redux, "useAppDispatch");
    wrapper?.unmount();
    expect(spyDispatch).toHaveBeenCalledWith();
   
});

    O que acabei de perceber é que esse código está espionando o gancho em si, e não o valor retornado ( dispatch)

    Você deve criar uma dispatchfunção simulada para fazer a afirmação, retornada pelo seu useAppDispatchespião.

    Exemplo:

    const mockDispatch = vi.fn();
const spyDispatch = vi.spyOn(redux, "useAppDispatch")
  .mockImplementation(() => mockDispatch);

...

expect(mockDispatch).toHaveBeenCalledWith(resetStates());
    • 1

relate perguntas