react-use/tests/useGetSet.test.ts
Anton Zinovyev 8de2a3ee13 chore: move tests to top level /tests folder
chore: move all the tests to the separate directory outside of sources;

chore: remove jest.config.js (config moved to the package.json);

test: unused import in test;

test: 💍 fix tests add back x and y to useMeasure

chore: 🤖 add linter to /tests folder

ci: 🎡 limit Jest worker count for CircleCI
2019-11-08 16:55:34 -05:00

65 lines
1.4 KiB
TypeScript

import { act, renderHook } from '@testing-library/react-hooks';
import useGetSet from '../src/useGetSet';
const setUp = (initialValue: any) => renderHook(() => useGetSet(initialValue));
beforeEach(() => {
jest.useFakeTimers();
});
it('should init getter and setter', () => {
const { result } = setUp('foo');
const [get, set] = result.current;
expect(get).toBeInstanceOf(Function);
expect(set).toBeInstanceOf(Function);
});
it('should get current value', () => {
const { result } = setUp('foo');
const [get] = result.current;
const currentValue = get();
expect(currentValue).toBe('foo');
});
it('should set new value', () => {
const { result } = setUp('foo');
const [get, set] = result.current;
act(() => set('bar'));
const currentValue = get();
expect(currentValue).toBe('bar');
});
/**
* This test implements the special demo in storybook that increments a number
* after 1 second on each click.
*/
it('should get and set expected values when used in nested functions', () => {
const onClick = jest.fn(() => {
setTimeout(() => {
set(get() + 1);
}, 1000);
});
const { result } = setUp(0);
const [get, set] = result.current;
// simulate 3 clicks
onClick();
onClick();
onClick();
// fast-forward until all timers have been executed
act(() => {
jest.runAllTimers();
});
const currentValue = get();
expect(currentValue).toBe(3);
expect(onClick).toHaveBeenCalledTimes(3);
});