chore(button-toggle-group): convert enzyme tests to RTL

Sage · May 31, 2024 · 2eda196 · 2eda196
1 parent 674597b
commit 2eda196
Show file tree

Hide file tree

Showing 4 changed files with 390 additions and 544 deletions.
diff --git a/src/components/button-toggle/button-toggle-group/button-toggle-group.component.tsx b/src/components/button-toggle/button-toggle-group/button-toggle-group.component.tsx
@@ -12,7 +12,6 @@ import FormField from "../../../__internal__/form-field";
 import { TagProps } from "../../../__internal__/utils/helpers/tags";
 import guid from "../../../__internal__/utils/helpers/guid";
 import StyledButtonToggleGroup, {
- StyledButtonToggleGroupWrapper,
  StyledHintText,
 } from "./button-toggle-group.style";
 import { ButtonToggle } from "..";
@@ -243,27 +242,24 @@ const ButtonToggleGroup = ({
  {inputHint}
  </StyledHintText>
  )}
- <StyledButtonToggleGroupWrapper
- labelInline={labelInline}
+ <StyledButtonToggleGroup
  ref={wrapperRef}
+ {...(label
+ ? { "aria-labelledby": labelId.current }
+ : { "aria-label": ariaLabel })}
+ labelInline={labelInline}
+ inputWidth={inputWidth}
+ fullWidth={fullWidth}
+ role="group"
+ data-component={dataComponent}
+ data-role={dataRole}
+ data-element={dataElement}
+ id={id}
+ className={className}
+ disabled={disabled}
  >
- <StyledButtonToggleGroup
- {...(label
- ? { "aria-labelledby": labelId.current }
- : { "aria-label": ariaLabel })}
- inputWidth={inputWidth}
- fullWidth={fullWidth}
- role="group"
- data-component={dataComponent}
- data-role={dataRole}
- data-element={dataElement}
- id={id}
- className={className}
- disabled={disabled}
- >
- {children}
- </StyledButtonToggleGroup>
- </StyledButtonToggleGroupWrapper>
+ {children}
+ </StyledButtonToggleGroup>
  </ButtonToggleGroupContext.Provider>
  </FormField>
  </InputGroupBehaviour>