update aria labels

Author: romanowska

web_ui/src/pages/project-details/components/project-models/train-model-dialog/advanced-settings/ui/range-parameter-field.component.tsx

@@ -68,7 +68,7 @@ export const RangeParameterField: FC<RangeParameterFieldProps> = ({
     };
 
     return (
-        <Flex gap={'size-100'}>
+        <Flex gap={'size-100'} aria-label={name}>
             <NumberField
                 isQuiet
                 step={fieldStep}
@@ -90,7 +90,7 @@ export const RangeParameterField: FC<RangeParameterFieldProps> = ({
                 step={fieldStep}
                 flex={1}
                 isDisabled={isDisabled}
-                aria-label={`Change ${name} range value`}
+                aria-label={`Change ${name} value`}
                 UNSAFE_className={isDisabled ? '' : classes.rangeSlider}
             />
             <NumberField

web_ui/src/pages/project-details/components/project-models/train-model-dialog/advanced-settings/ui/range-parameter-field.test.tsx

@@ -35,7 +35,7 @@ describe('RangeParameterField', () => {
 
         expect(screen.getByLabelText(`Change ${name} start range value`)).toBeInTheDocument();
         expect(screen.getByLabelText(`Change ${name} end range value`)).toBeInTheDocument();
-        expect(screen.getByLabelText(`Change ${name} range value`)).toBeInTheDocument();
+        expect(screen.getByLabelText(`Change ${name} value`)).toBeInTheDocument();
     });
 
     it('calls onChange when start value changes', async () => {
@@ -83,7 +83,7 @@ describe('RangeParameterField', () => {
         expect(screen.getByLabelText(`Change ${name} start range value`)).toBeDisabled();
         expect(screen.getByLabelText(`Change ${name} end range value`)).toBeDisabled();
 
-        const slider = screen.getByLabelText(`Change ${name} range value`);
+        const slider = screen.getByLabelText(`Change ${name} value`);
 
         expect(slider).toHaveClass('A-RCEa_is-disabled');
     });