Tests: Jest - Add decimal support tests for Number field

Validate the decimal input fix with tests covering initial decimal
values (float and string), user-typed decimals, step increment
behavior via button clicks, and formatOptions truncation.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: nicolas-jaussaud

tests/jest/cases/components/controls/Number.test.tsx

@@ -1,9 +1,10 @@
 import * as fields from '../../../../../assets/src/index.tsx'
-import { 
-  render, 
-  within 
+import {
+  render,
+  within
 } from '@testing-library/react'
-import { 
+import userEvent from '@testing-library/user-event'
+import {
   rendersWithMinimal,
   rendersWithoutLabelThrowWarning,
   rendersLabelAndDescription,
@@ -37,10 +38,10 @@ describe('Number component', () => {
     { props: { readOnly : false }, result: false }
   ])('supports readOnly (%p)', async args => {
 
-    const { container } = render( 
+    const { container } = render(
       fields.render({
-        name     : 'field-name', 
-        type     : 'number', 
+        name     : 'field-name',
+        type     : 'number',
         label    : 'Label',
         ...args.props
       })
@@ -53,4 +54,125 @@ describe('Number component', () => {
     expect( within(container).getByText('-').hasAttribute('disabled') ).toBe(args.result)
   })
 
+  test.each([
+    { value: 3.14,   expected: '3.14' },
+    { value: '3.14', expected: '3.14' },
+  ])('accepts a decimal value as initial prop ($value)', ({ value, expected }) => {
+
+    const { container } = render(
+      fields.render({
+        name  : 'field-name',
+        type  : 'number',
+        label : 'Label',
+        value : value
+      })
+    )
+
+    const input = container.querySelector('.tf-number input')
+    expect( input.value ).toBe(expected)
+  })
+
+  test.each([
+    { value: 0.5,   expected: '0.5' },
+    { value: '0.5', expected: '0.5' },
+  ])('does not collapse decimal values to 0 ($value)', ({ value, expected }) => {
+
+    const { container } = render(
+      fields.render({
+        name  : 'field-name',
+        type  : 'number',
+        label : 'Label',
+        value : value
+      })
+    )
+
+    const input = container.querySelector('.tf-number input')
+    expect( input.value ).toBe(expected)
+  })
+
+  it('accepts a decimal input typed by the user', async () => {
+
+    const user = userEvent.setup()
+
+    const { container } = render(
+      fields.render({
+        name  : 'field-name',
+        type  : 'number',
+        label : 'Label',
+      })
+    )
+
+    const input = container.querySelector('.tf-number input')
+
+    await user.clear(input)
+    await user.type(input, '2.75')
+
+    expect( input.value ).toBe('2.75')
+  })
+
+  it('increments by step value when clicking +', async () => {
+
+    const user = userEvent.setup()
+
+    const { container } = render(
+      fields.render({
+        name  : 'field-name',
+        type  : 'number',
+        label : 'Label',
+        value : 1,
+        step  : 0.5
+      })
+    )
+
+    const input = container.querySelector('.tf-number input')
+    const incrementButton = within(container).getByText('+')
+
+    expect( input.value ).toBe('1')
+
+    await user.click(incrementButton)
+    expect( input.value ).toBe('1.5')
+
+    await user.click(incrementButton)
+    expect( input.value ).toBe('2')
+  })
+
+  it('increments by 1 when step is not specified', async () => {
+
+    const user = userEvent.setup()
+
+    const { container } = render(
+      fields.render({
+        name  : 'field-name',
+        type  : 'number',
+        label : 'Label',
+        value : 3,
+      })
+    )
+
+    const input = container.querySelector('.tf-number input')
+    const incrementButton = within(container).getByText('+')
+
+    await user.click(incrementButton)
+    expect( input.value ).toBe('4')
+  })
+
+  test.each([
+    { value: 3.14159,   expected: '3.14' },
+    { value: '3.14159', expected: '3.14' },
+  ])('truncates decimals when formatOptions limits fraction digits ($value)', ({ value, expected }) => {
+
+    const { container } = render(
+      fields.render({
+        name          : 'field-name',
+        type          : 'number',
+        label         : 'Label',
+        value         : value,
+        formatOptions : { maximumFractionDigits: 2, useGrouping: false }
+      })
+    )
+
+    const input = container.querySelector('.tf-number input')
+    expect( input.value ).toBe(expected)
+  })
+
 })