Why the trying to test the store methods fail?

[peshoicov]

I have this oversimplified zustand store:

import { create } from 'zustand';

const useStore = create((set) => ({
    // auth related ..
    isLoggedIn: window.localStorage.getItem('isLoggedIn') === 'true' || false,
    login: () => {
      window.localStorage.setItem('isLoggedIn', 'true');
      set({ isLoggedIn: true });
    },
    logout: () => {
      window.localStorage.setItem('isLoggedIn', 'false');
      set({ isLoggedIn: false });
    },
	...
}));

And this is an oversimplified test that will check the login/logout flow:

import { describe, expect, it } from '@jest/globals';
import { renderHook, act } from '@testing-library/react';
import useStore from './index';

describe('Testing useStore', () => {
    it('should have the correct initial state and login/logout', () => {
        const { result } = renderHook(() => useStore());
        const store = result.current;

        expect(result.current).toBeInstanceOf(Object);

        expect(store.isLoggedIn).toBe(false);

        act(() => {
            store.login();
        });

        expect(store.isLoggedIn).toBe(true);
    });
});

However - when I call the login() method and after that try to check the store isLoggedIn value - I still get false ... even though in the normal flow of the app all works fine.

I guess I'm missing something but I don't get it ...

[dbritto-dev]

@peshoicov you should use useStore.getState().isLoggedIn instead