refactor(option-row): convert unit tests to RTL

Sage · Oct 10, 2024 · 592a521 · 592a521
1 parent 2004036
commit 592a521
Show file tree

Hide file tree

Showing 4 changed files with 220 additions and 224 deletions.
diff --git a/src/components/select/option-row/__snapshots__/option-row.spec.tsx.snap b/src/components/select/option-row/__snapshots__/option-row.spec.tsx.snap
diff --git a/src/components/select/option-row/option-row.component.tsx b/src/components/select/option-row/option-row.component.tsx
@@ -5,7 +5,7 @@ import guid from "../../../__internal__/utils/helpers/guid";
 import StyledOptionRow from "./option-row.style";
 import SelectListContext from "../__internal__/select-list/select-list.context";
 
-export interface OptionRowProps extends TagProps {
+export interface OptionRowProps extends Omit<TagProps, "data-component"> {
   /** The option's visible text, displayed within <Textbox> of <Select> */
   text: string;
   /** Row content, should consist of multiple td elements */
@@ -84,14 +84,14 @@ const OptionRow = React.forwardRef(
         ref={ref}
         aria-selected={isSelected}
         aria-disabled={disabled}
-        data-component="option-row"
         isDisabled={disabled}
         onClick={handleClick}
         isHighlighted={selectListContext.currentOptionsListIndex === index}
         role="option"
         hidden={hidden}
         style={style}
         {...rest}
+        data-component="option-row"
       >
         {children}
       </StyledOptionRow>

diff --git a/src/components/select/option-row/option-row.spec.tsx b/src/components/select/option-row/option-row.spec.tsx