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.
26 lines
930 B
26 lines
930 B
import React from 'react';
|
|
import { render } from '../../../tests/utils';
|
|
import useResponsiveObserver from '../responsiveObserver';
|
|
|
|
describe('Test ResponsiveObserve', () => {
|
|
it('test ResponsiveObserve subscribe and unsubscribe', () => {
|
|
let responsiveObserveRef: any;
|
|
const Demo = () => {
|
|
const responsiveObserver = useResponsiveObserver();
|
|
responsiveObserveRef = responsiveObserver;
|
|
return null;
|
|
};
|
|
render(<Demo />);
|
|
const subscribeFunc = jest.fn();
|
|
const token = responsiveObserveRef.subscribe(subscribeFunc);
|
|
expect(
|
|
responsiveObserveRef.matchHandlers[responsiveObserveRef.responsiveMap.xs].mql.matches,
|
|
).toBeTruthy();
|
|
expect(subscribeFunc).toHaveBeenCalledTimes(1);
|
|
|
|
responsiveObserveRef.unsubscribe(token);
|
|
expect(
|
|
responsiveObserveRef.matchHandlers[responsiveObserveRef.responsiveMap.xs].mql.removeListener,
|
|
).toHaveBeenCalled();
|
|
});
|
|
});
|
|
|