Resetting Zustand Jest Configs failing

[aqarain]

Hi 👋🏼,

In my small app, I am trying to set up Zustand.

• Without the __mocks__/zustand.ts file, the second test fails because I think the store is not being reset.
• But if I add the __mocks__/zustand.ts file (with the configs from Zustand docs), both the test fail.

Probably, I am missing something 😕

Can someone please have a look what could be missing or wrong?

Thank you 🙂

Stackblitz: https://stackblitz.com/edit/vitejs-vite-8lqgbb

[dbritto-dev]

@aqarain here you go -> https://stackblitz.com/edit/vitejs-vite-pocipg?file=src%2F__mocks__%2Fzustand.ts in your case since you are using useStore you have to options:

Export just useStore at the end

// at the end

export const useStore = zustand.useStore

Export everything at the beginning

export * from 'zustand'

const { create: actualCreate, createStore: actualCreateStore } =
  jest.requireActual<typeof zustand>('zustand');

// the rest of the code

[dbritto-dev]

What I found was that we weren't mocking zustand/vanilla just zustand so changing that to just zustand works

[aqarain]

@dbritto-dev
Is there a way to mock zustand/vanilla?
Changing to zustand in store does work but I have to use the store outside of React so have to go with zustand/vanilla

[dbritto-dev]

@aqarain yes, instead of zustand.ts you can create two files under zustand folder: index.ts and vanilla.ts

[aqarain]

I create a zustand folder with 2 files: index.ts and vanilla.ts but still it fails.
Can you please have a quick look?

https://stackblitz.com/edit/vitejs-vite-8lqgbb?file=src%2Fzustand%2Findex.ts,src%2Fzustand%2Fvanilla.ts

[dbritto-dev]

@aqarain I'll review it later but you can read more about that in the jest mocking modules section