Test the clock

packages/mui-base/src/unstable_useNumberInput/useNumberInput2.test.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { expect } from 'chai';
+import { spy } from 'sinon';
+import { createRenderer, screen, fireEvent } from '@mui/internal-test-utils';
+import { unstable_useNumberInput as useNumberInput } from '@mui/base/unstable_useNumberInput';
+
+describe('useNumberInput2', () => {
+  const { clock, render } = createRenderer();
+
+  describe('press and hold', () => {
+    clock.withFakeTimers();
+
+    it('should call onChange continuously', () => {
+      const handleChange = spy();
+      function NumberInput(props: { defaultValue: number }) {
+        const { getInputProps, getIncrementButtonProps } = useNumberInput({
+          ...props,
+          onChange: handleChange,
+        });
+
+        return (
+          <div role="group">
+            <button {...getIncrementButtonProps()} data-testid="incrementBtn" />
+            <input data-testid="test-input" {...getInputProps()} />
+          </div>
+        );
+      }
+      render(<NumberInput defaultValue={0} />);
+
+      const incrementBtn = screen.getByTestId('incrementBtn');
+
+      fireEvent.mouseDown(incrementBtn);
+
+      clock.tick(100);
+      clock.tick(100);
+      clock.runToLast();
+
+      expect(handleChange.callCount).to.equal(3);
+    });
+  });
+});