diff --git a/src/StepHandler.tsx b/src/StepHandler.tsx index 63394ad7..0855866a 100644 --- a/src/StepHandler.tsx +++ b/src/StepHandler.tsx @@ -1,7 +1,6 @@ /* eslint-disable react/no-unknown-property */ import * as React from 'react'; import cls from 'classnames'; -import useMobile from '@rc-component/util/lib/hooks/useMobile'; import raf from '@rc-component/util/lib/raf'; import SemanticContext from './SemanticContext'; @@ -71,11 +70,6 @@ export default function StepHandler({ ); // ======================= Render ======================= - const isMobile = useMobile(); - if (isMobile) { - return null; - } - const handlerClassName = `${prefixCls}-handler`; const upClassName = cls(handlerClassName, `${handlerClassName}-up`, { diff --git a/tests/mobile.test.tsx b/tests/mobile.test.tsx deleted file mode 100644 index 5e4c4c59..00000000 --- a/tests/mobile.test.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import * as React from 'react'; -import { render } from './util/wrapper'; -import InputNumber from '../src'; -import { renderToString } from 'react-dom/server'; - -jest.mock('@rc-component/util/lib/isMobile', () => () => true); - -// Mobile touch experience is not user-friendly which not apply in antd. -// Let's hide operator instead. - -describe('InputNumber.Mobile', () => { - it('not show steps when mobile', () => { - const {container} = render(); - expect(container.querySelector('.rc-input-number-handler-wrap')).toBeFalsy(); - }); - - it('should render in server side', () => { - const serverHTML = renderToString(); - expect(serverHTML).toContain('rc-input-number-handler-wrap'); - }) -});