fix(SW-360): Added test ids to form fields

components/Forms/Register/index.tsx

@@ -146,6 +146,7 @@ export default function Form() {
             type="submit"
             intent="primary"
             disabled={methods.formState.isSubmitting}
+            data-testid="submit"
           >
             {intl.formatMessage({ id: "Sign up to Scandic Friends" })}
           </Button>

components/TempDesignSystem/Form/Checkbox/index.tsx

@@ -26,6 +26,7 @@ export default function Checkbox({
       className={styles.container}
       isSelected={field.value}
       onChange={field.onChange}
+      data-testid={name}
     >
       {({ isSelected }) => (
         <>

components/TempDesignSystem/Form/Country/index.tsx

@@ -68,6 +68,7 @@ export default function CountrySelect({
         onSelectionChange={handleChange}
         ref={field.ref}
         selectedKey={field.value}
+        data-testid={name}
       >
         <div className={styles.comboBoxContainer}>
           <Label

components/TempDesignSystem/Form/Date/index.tsx

@@ -92,6 +92,7 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
       name={name}
       ref={field.ref}
       value={dateValue}
+      data-testid={name}
     >
       <Group>
         <DateInput className={styles.container}>
@@ -119,7 +120,9 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
                       placeholder="DD"
                       required
                       tabIndex={3}
-                      value={segment.isPlaceholder ? undefined : segment.value}
+                      defaultValue={
+                        segment.isPlaceholder ? undefined : segment.value
+                      }
                     />
                   </div>
                 )
@@ -135,7 +138,9 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
                       placeholder="MM"
                       required
                       tabIndex={2}
-                      value={segment.isPlaceholder ? undefined : segment.value}
+                      defaultValue={
+                        segment.isPlaceholder ? undefined : segment.value
+                      }
                     />
                   </div>
                 )
@@ -151,7 +156,9 @@ export default function DateSelect({ name, registerOptions = {} }: DateProps) {
                       placeholder="YYYY"
                       required
                       tabIndex={1}
-                      value={segment.isPlaceholder ? undefined : segment.value}
+                      defaultValue={
+                        segment.isPlaceholder ? undefined : segment.value
+                      }
                     />
                   </div>
                 )