packages/pass/hooks/useConfirm.spec.ts

   1 import { act, renderHook } from '@testing-library/react-hooks';
   2
   3 import { useConfirm } from './useConfirm';
   4
   5 describe('useConfirm', () => {
   6     const action = jest.fn((param: number) => param);
   7     beforeEach(() => action.mockClear());
   8
   9     it('should initialize with pending `false` and `null` param', () => {
  10         const { result } = renderHook(() => useConfirm(action));
  11
  12         expect(result.current.pending).toBe(false);
  13         expect(result.current.param).toBeNull();
  14     });
  15
  16     it('should set pending to `true` and update param when prompting', () => {
  17         const { result } = renderHook(() => useConfirm(action));
  18
  19         act(() => result.current.prompt(42));
  20         expect(result.current.pending).toBe(true);
  21         expect(result.current.param).toBe(42);
  22     });
  23
  24     it('should reset state when cancelling', () => {
  25         const { result } = renderHook(() => useConfirm(action));
  26
  27         act(() => result.current.prompt(42));
  28         act(() => result.current.cancel());
  29         expect(result.current.pending).toBe(false);
  30         expect(result.current.param).toBeNull();
  31     });
  32
  33     it('should call the action when confirming', () => {
  34         const { result } = renderHook(() => useConfirm(action));
  35         let confirmed;
  36
  37         act(() => result.current.prompt(42));
  38         act(() => {
  39             confirmed = result.current.confirm();
  40         });
  41
  42         expect(action).toHaveBeenCalledWith(42);
  43         expect(confirmed).toBe(42);
  44         expect(result.current.pending).toBe(false);
  45         expect(result.current.param).toBeNull();
  46     });
  47
  48     it('should not call action when confirming before prompting', () => {
  49         const { result } = renderHook(() => useConfirm(action));
  50         let confirmed;
  51
  52         act(() => {
  53             confirmed = result.current.confirm();
  54         });
  55
  56         expect(action).not.toHaveBeenCalled();
  57         expect(confirmed).toBeUndefined();
  58         expect(result.current.pending).toBe(false);
  59         expect(result.current.param).toBeNull();
  60     });
  61
  62     it('should update param when prompted multiple times', () => {
  63         const { result } = renderHook(() => useConfirm(action));
  64
  65         act(() => result.current.prompt(42));
  66         expect(result.current.param).toBe(42);
  67
  68         act(() => result.current.prompt(1337));
  69         expect(result.current.param).toBe(1337);
  70     });
  71 });