react-use/tests/createMemo.test.ts
xobotyi b6993a6f95
feat(prettier): make prettier a part of eslint.
Also reduce max line width to 100. And remove `lint:types` step for
commit sequence, it bothers when committing incomplete (wip) changes.
2021-02-01 18:58:55 +03:00

49 lines
1.3 KiB
TypeScript

import { renderHook } from '@testing-library/react-hooks';
import createMemo from '../src/factory/createMemo';
const getDouble = jest.fn((n: number): number => n * 2);
it('should init memo hook', () => {
const useMemoGetDouble = createMemo(getDouble);
expect(useMemoGetDouble).toBeInstanceOf(Function);
});
describe('when using created memo hook', () => {
let useMemoGetDouble;
beforeEach(() => {
useMemoGetDouble = createMemo(getDouble);
});
it.each([[1], [3], [5]])(
'should return same result as original function for argument %d',
(val: number) => {
const { result } = renderHook(() => useMemoGetDouble(val));
expect(result.current).toBe(getDouble(val));
}
);
it('should NOT call original function for same arguments', () => {
let initialValue = 5;
expect(getDouble).not.toHaveBeenCalled();
// it's called first time calculating for argument 5
const { rerender } = renderHook(() => useMemoGetDouble(initialValue));
expect(getDouble).toHaveBeenCalled();
getDouble.mockClear();
// it's NOT called second time calculating for argument 5
rerender();
expect(getDouble).not.toHaveBeenCalled();
getDouble.mockClear();
// it's called again calculating for different argument
initialValue = 7;
rerender();
expect(getDouble).toHaveBeenCalled();
});
});