feat: increment number input value by defined steps

Author: Haberkamp

src/event/input.ts

@@ -225,8 +225,9 @@ function calculateNewValue(
     inputType === 'changeNumberInput'
   ) {
     const reachedMax = value === node.max
+    const step = node.step ? Number(node.step) : 1
     if (inputData === 'ArrowUp' && !reachedMax) {
-      newValue = (Number(value) + 1).toString()
+      newValue = (Number(value) + step).toString()
     }
 
     const reachedMin = value === node.min

tests/event/behavior/keydown.ts

@@ -431,3 +431,15 @@ test("do not decrement number input's value when pressing the arrow down key and
 
   expect(element).toHaveValue(1)
 })
+
+test("increments number input's value by the defined steps when pressing the arrow up key", () => {
+  const {element} = render<HTMLInputElement>(
+    `<input value="10" type="number" step="10"/>`,
+  )
+
+  const instance = setupInstance()
+
+  instance.dispatchUIEvent(element, 'keydown', {key: 'ArrowUp'})
+
+  expect(element).toHaveValue(20)
+})