From 84a679b0e48ed76eee2fa44d3caac83591aa3c8c Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 30 Oct 2023 11:18:11 +0100 Subject: feat(hooks): add useBoolean and useToggle hooks --- src/utils/hooks/use-boolean/use-boolean.test.ts | 45 +++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 src/utils/hooks/use-boolean/use-boolean.test.ts (limited to 'src/utils/hooks/use-boolean/use-boolean.test.ts') diff --git a/src/utils/hooks/use-boolean/use-boolean.test.ts b/src/utils/hooks/use-boolean/use-boolean.test.ts new file mode 100644 index 0000000..22d3cdc --- /dev/null +++ b/src/utils/hooks/use-boolean/use-boolean.test.ts @@ -0,0 +1,45 @@ +import { describe, expect, it } from '@jest/globals'; +import { act, renderHook } from '@testing-library/react'; +import { useBoolean } from './use-boolean'; + +describe('use-boolean', () => { + it('returns the initial state', () => { + const initialState = true; + const { result } = renderHook(() => useBoolean(initialState)); + + expect(result.current.state).toBe(initialState); + }); + + it('can set the state to false', () => { + const { result } = renderHook(() => useBoolean()); + + act(() => { + result.current.deactivate(); + }); + + expect(result.current.state).toBe(false); + }); + + it('can set the state to true', () => { + const { result } = renderHook(() => useBoolean()); + + act(() => { + result.current.activate(); + }); + + expect(result.current.state).toBe(true); + }); + + it('can switch the state', () => { + const initialState = true; + const { result } = renderHook(() => useBoolean(initialState)); + + expect(result.current.state).toBe(initialState); + + act(() => { + result.current.toggle(); + }); + + expect(result.current.state).toBe(!initialState); + }); +}); -- cgit v1.2.3