You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
2.6 KiB
86 lines
2.6 KiB
/* eslint-disable class-methods-use-this */
|
|
import KeyCode from 'rc-util/lib/KeyCode';
|
|
import React from 'react';
|
|
import { fireEvent, render, waitFakeTimer } from '../../../tests/utils';
|
|
import { isStyleSupport } from '../styleChecker';
|
|
import throttleByAnimationFrame from '../throttleByAnimationFrame';
|
|
import TransButton from '../transButton';
|
|
|
|
describe('Test utils function', () => {
|
|
describe('throttle', () => {
|
|
beforeAll(() => {
|
|
jest.useFakeTimers();
|
|
});
|
|
|
|
afterAll(() => {
|
|
jest.useRealTimers();
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.clearAllTimers();
|
|
});
|
|
|
|
it('throttle function should work', async () => {
|
|
const callback = jest.fn();
|
|
const throttled = throttleByAnimationFrame(callback);
|
|
expect(callback).not.toHaveBeenCalled();
|
|
|
|
throttled();
|
|
throttled();
|
|
await waitFakeTimer();
|
|
|
|
expect(callback).toHaveBeenCalled();
|
|
expect(callback.mock.calls.length).toBe(1);
|
|
});
|
|
|
|
it('throttle function should be canceled', async () => {
|
|
const callback = jest.fn();
|
|
const throttled = throttleByAnimationFrame(callback);
|
|
|
|
throttled();
|
|
throttled.cancel();
|
|
await waitFakeTimer();
|
|
|
|
expect(callback).not.toHaveBeenCalled();
|
|
});
|
|
});
|
|
|
|
describe('TransButton', () => {
|
|
it('can be focus/blur', () => {
|
|
const ref = React.createRef<HTMLDivElement>();
|
|
render(<TransButton ref={ref}>TransButton</TransButton>);
|
|
expect(typeof ref.current?.focus).toBe('function');
|
|
expect(typeof ref.current?.blur).toBe('function');
|
|
});
|
|
|
|
it('should trigger onClick when press enter', () => {
|
|
const onClick = jest.fn();
|
|
|
|
const { container } = render(<TransButton onClick={onClick}>TransButton</TransButton>);
|
|
|
|
// callback should trigger
|
|
fireEvent.keyUp(container.querySelector('div')!, { keyCode: KeyCode.ENTER });
|
|
expect(onClick).toHaveBeenCalledTimes(1);
|
|
|
|
// callback should not trigger
|
|
fireEvent.keyDown(container.querySelector('div')!, { keyCode: KeyCode.ENTER });
|
|
expect(onClick).toHaveBeenCalledTimes(1);
|
|
});
|
|
});
|
|
|
|
describe('style', () => {
|
|
it('isStyleSupport', () => {
|
|
expect(isStyleSupport('color')).toBe(true);
|
|
expect(isStyleSupport('not-existed')).toBe(false);
|
|
});
|
|
|
|
it('isStyleSupport return false in service side', () => {
|
|
const spy = jest
|
|
.spyOn(window.document, 'documentElement', 'get')
|
|
.mockImplementation(() => undefined as unknown as HTMLElement);
|
|
expect(isStyleSupport('color')).toBe(false);
|
|
expect(isStyleSupport('not-existed')).toBe(false);
|
|
spy.mockRestore();
|
|
});
|
|
});
|
|
});
|
|
|