Fix Select

Author: kraenhansen

packages/select/src/Select.stories.tsx

@@ -143,7 +143,7 @@ export const LiveExample: StoryFn<SelectProps> = ({
 }: SelectProps) => (
   <Select
     {...args}
-    data-test="hello-world"
+    data-testid="hello-world"
     className={cx(
       css`
         min-width: 200px;

packages/select/src/Select/Select.tsx

@@ -542,8 +542,8 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(
             <div className={labelDescriptionContainerStyle}>
               {label && (
                 <Label
-                  data-lgid={lgIds.root}
-                  data-testid={lgIds.root}
+                  data-lgid={lgIds.label}
+                  data-testid={lgIds.label}
                   htmlFor={menuButtonId}
                   id={labelId}
                   darkMode={darkMode}
@@ -574,8 +574,8 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(
 
               {description && (
                 <Description
-                  data-lgid={lgIds.root}
-                  data-testid={lgIds.root}
+                  data-lgid={lgIds.description}
+                  data-testid={lgIds.description}
                   id={descriptionId}
                   darkMode={darkMode}
                   disabled={disabled}

packages/select/src/utils/getLgIds.ts

@@ -9,6 +9,8 @@ export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
     popover: `${root}-popover`,
     trigger: `${root}-trigger`,
     buttonText: `${root}-button_text`,
+    label: `${root}-label`,
+    description: `${root}-description`,
   } as const;
   return ids;
 };