react-use-disclosure/index.test.ts at master · yoannfleurydev/react-use-disclosure · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
// @vitest-environment jsdom
import { renderHook, act } from "@testing-library/react";
import { useDisclosure } from "./index";
import { test, expect } from "vitest";

test("should open the state", () => {
  const { result } = renderHook(useDisclosure);

  expect(result.current.isOpen).toBe(false);

  act(() => {
    result.current.open();
  });

  expect(result.current.isOpen).toBe(true);
});

test("should close the state", () => {
  const { result } = renderHook(useDisclosure);

  expect(result.current.isOpen).toBe(false);

  act(() => {
    result.current.close();
  });

  expect(result.current.isOpen).toBe(false);
});

test("should toggle the state", () => {
  const { result } = renderHook(useDisclosure);

  expect(result.current.isOpen).toBe(false);

  act(() => {
    result.current.toggle();
  });

  expect(result.current.isOpen).toBe(true);

  act(() => {
    result.current.toggle();
  });

  expect(result.current.isOpen).toBe(false);
});

test("should toggle by given value", () => {
  const { result } = renderHook(useDisclosure);

  expect(result.current.isOpen).toBe(false);

  act(() => {
    result.current.toggle(false);
  });

  expect(result.current.isOpen).toBe(false);

  act(() => {
    result.current.toggle(true);
  });

  expect(result.current.isOpen).toBe(true);

  act(() => {
    // @ts-expect-error we expect TypeScript to break on that one, as we do not allow null in types
    result.current.toggle(null);
  });

  expect(result.current.isOpen).toBe(false);

  act(() => {
    // @ts-expect-error this should not be valid for TS, but we expect JS to handle a string as `true`
    result.current.toggle("true");
  });

  expect(result.current.isOpen).toBe(true);
});