Skip to content

Commit 88f2482

Browse files
committed
✅ add tests to useMounted
1 parent 279b48f commit 88f2482

4 files changed

Lines changed: 21 additions & 4 deletions

File tree

src/useAbortController/useAbortController.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { useCallback, useLayoutEffect, useState } from 'react';
22
import getAbortController from './getAbortController';
3-
import useMounted from '../hooks/useMounted';
3+
import useMounted from '../useMounted';
44

55
export type UseAbortControllerResult = {
66
abort: () => void;

src/useMounted/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { default } from './useMounted';

src/useMounted/useMounted.test.ts

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/** @jest-environment jsdom */
2+
3+
import { renderHook } from '@testing-library/react';
4+
import useMounted from './useMounted';
5+
6+
describe('useMounted | integration tests', () => {
7+
it('returns a function that checks if component is mounted', () => {
8+
const { result, unmount } = renderHook(useMounted);
9+
10+
const mounted = result.current;
11+
12+
expect(mounted()).toBe(true);
13+
14+
unmount();
15+
16+
expect(mounted()).toBe(false);
17+
});
18+
});
Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
import { useCallback, useLayoutEffect, useRef } from 'react';
22

3-
export type UseMountedResult = () => boolean;
4-
53
/** React.js hook that provides a function to check if component is mounted. */
6-
function useMounted(): UseMountedResult {
4+
function useMounted(): () => boolean {
75
const mountedRef = useRef(true);
86

97
useLayoutEffect(

0 commit comments

Comments
 (0)