Merge pull request #6927 from Sage/FE-6604-inlineinputs-rtl

refactor(inline-inputs): convert enzyme tests to RTL
Sage · Sep 4, 2024 · 1060d20 · 1060d20
2 parents 94eb465 + ce95b90
commit 1060d20
Show file tree

Hide file tree

Showing 4 changed files with 135 additions and 372 deletions.
diff --git a/src/components/inline-inputs/inline-inputs.component.tsx b/src/components/inline-inputs/inline-inputs.component.tsx
@@ -39,7 +39,7 @@ export interface InlineInputsProps
   labelAlign?: "left" | "right";
   /**
    * Custom label id, could be used in combination with aria-labelledby prop of each input,
-   * to make them accesible for screen readers.
+   * to make them accessible for screen readers.
    */
   labelId?: string;
   /** Flag to configure component as mandatory. */
@@ -113,6 +113,7 @@ const InlineInputs = ({
     <StyledInlineInputs
       gutter={gutter}
       data-component="inline-inputs"
+      data-role="inline-inputs"
       className={className}
       labelWidth={labelWidth}
       labelInline={inlineLabel}
@@ -123,6 +124,7 @@ const InlineInputs = ({
       <StyledContentContainer
         gutter={gutter}
         data-element="inline-inputs-container"
+        data-role="inline-inputs-container"
         inputWidth={inputWidth}
       >
         <FormSpacingProvider marginBottom={undefined}>

diff --git a/src/components/inline-inputs/inline-inputs.spec.tsx b/src/components/inline-inputs/inline-inputs.spec.tsx