Merge pull request #573 from UKHSA-Internal/feat/CDD-2349-feedback-fi…

…eldtypes-hiddenField

Feat/cdd 2349 feedback fieldtypes hidden field

src/app/components/cms/Feedback/Fields/Hidden/HiddenField.tsx

@@ -0,0 +1,15 @@
+interface HiddenFieldType {
+  cleanName: string
+}
+
+export default function HiddenField({ cleanName }: Readonly<HiddenFieldType>) {
+  return (
+    <input
+      aria-label="Unused Hidden Date Input"
+      className="govuk-visually-hidden"
+      name={cleanName}
+      id={cleanName}
+      value={cleanName}
+    />
+  )
+}

src/app/components/cms/Feedback/Fields/Hidden/Hiddenfield.spec.tsx

@@ -0,0 +1,19 @@
+import { render, screen } from '@/config/test-utils'
+
+import HiddenField from './HiddenField'
+
+describe('HiddenField component', () => {
+  test('renders a hidden input with the correct attributes', () => {
+    const cleanName = 'userId'
+
+    render(<HiddenField cleanName={cleanName} />)
+
+    const inputElement = screen.getByRole('textbox')
+    expect(inputElement).toBeInTheDocument()
+    expect(inputElement).toHaveAttribute('name', cleanName)
+    expect(inputElement).toHaveAttribute('id', cleanName)
+    expect(inputElement).toHaveAttribute('value', cleanName)
+    expect(inputElement).toHaveClass('govuk-visually-hidden')
+    expect(inputElement).toHaveAttribute('aria-label', 'Unused Hidden Date Input')
+  })
+})