KDS-1841-fix-data-testid-in-radio-group (#4185)

* fixed camel case on RadioGroup data-testId * add changeset * fixup! fixed camel case on RadioGroup data-testId --------- Co-authored-by: Cassandra <[email protected]>
cultureamp · Oct 23, 2023 · f4f6005 · f4f6005
1 parent 8c7a671
commit f4f6005
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/fair-numbers-stare.md b/.changeset/fair-numbers-stare.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/components": patch
+---
+
+fixed camel case on RadioGroup `data-testId`
diff --git a/packages/components/src/Radio/RadioGroup/RadioGroup.tsx b/packages/components/src/Radio/RadioGroup/RadioGroup.tsx
@@ -12,7 +12,7 @@ export type RadioGroupProps = OverrideClassName<
   labelId?: string
   noBottomMargin?: boolean
   reversed?: boolean
-  "data-testId"?: string
+  "data-testid"?: string
 }
 
 export const RadioGroup = ({
@@ -22,14 +22,14 @@ export const RadioGroup = ({
   noBottomMargin = false,
   reversed = false,
   classNameOverride,
-  "data-testId": dataTestId,
+  "data-testid": dataTestId,
   ...restProps
 }: RadioGroupProps): JSX.Element => {
   const labelId = propsLabelId ?? useId()
 
   return (
     <div
-      data-testId={dataTestId}
+      data-testid={dataTestId}
       className={classnames(
         styles.radioGroupContainer,
         classNameOverride,
@@ -43,7 +43,7 @@ export const RadioGroup = ({
       <div className={styles.radioGroupLabel}>
         <Label
           id={labelId}
-          data-testId={dataTestId && `${dataTestId}-field-label`}
+          data-testid={dataTestId && `${dataTestId}-field-label`}
           labelText={labelText}
           labelType="text"
           reversed={reversed}