refactor: added aria-label attribute for internal error icon

src/components/Select/__tests__/Select.error.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import {render, screen} from '@testing-library/react';
 
-import {CONTROL_ERROR_ICON_QA, CONTROL_ERROR_MESSAGE_QA} from '../../controls/utils';
+import {CONTROL_ERROR_MESSAGE_QA} from '../../controls/utils';
 import {Select} from '../Select';
 
 describe('Select error', () => {
@@ -31,7 +31,7 @@ describe('Select error', () => {
             <Select errorMessage="Some Error" validationState="invalid" errorPlacement="inside" />,
         );
 
-        expect(screen.getByTestId(CONTROL_ERROR_ICON_QA)).toBeInTheDocument();
+        expect(screen.getByLabelText('Show popup with error info')).toBeInTheDocument();
     });
 
     test('do not show error message without error/errorMessage prop', () => {
@@ -55,12 +55,12 @@ describe('Select error', () => {
     test('do not show error icon if error prop is an empty string', () => {
         render(<Select error={''} errorPlacement="inside" />);
 
-        expect(screen.queryByTestId(CONTROL_ERROR_ICON_QA)).not.toBeInTheDocument();
+        expect(screen.queryByLabelText('Show popup with error info')).not.toBeInTheDocument();
     });
 
     test('do not show error icon if errorMessage prop is an empty string', () => {
         render(<Select errorMessage={''} errorPlacement="inside" />);
 
-        expect(screen.queryByTestId(CONTROL_ERROR_ICON_QA)).not.toBeInTheDocument();
+        expect(screen.queryByLabelText('Show popup with error info')).not.toBeInTheDocument();
     });
 });

src/components/Select/components/SelectControl/SelectControl.tsx

@@ -5,9 +5,9 @@ import isEmpty from 'lodash/isEmpty';
 
 import {Icon} from '../../../Icon';
 import {Popover} from '../../../Popover';
-import {CONTROL_ERROR_ICON_QA} from '../../../controls/utils';
 import type {CnMods} from '../../../utils/cn';
 import {selectControlBlock, selectControlButtonBlock} from '../../constants';
+import i18n from '../../i18n';
 import type {
     SelectProps,
     SelectRenderClearArgs,
@@ -170,7 +170,7 @@ export const SelectControl = React.forwardRef<HTMLButtonElement, ControlProps>((
 
                 {errorMessage && (
                     <Popover content={errorMessage}>
-                        <span data-qa={CONTROL_ERROR_ICON_QA}>
+                        <span aria-label={i18n('label_show-error-info')}>
                             <Icon
                                 data={TriangleExclamation}
                                 className={selectControlBlock('error-icon')}

src/components/Select/i18n/en.json

@@ -1,3 +1,4 @@
 {
-  "label_clear": "Clear"
+  "label_clear": "Clear",
+  "label_show-error-info": "Show popup with error info"
 }

src/components/Select/i18n/ru.json

@@ -1,3 +1,4 @@
 {
-  "label_clear": "Очистить"
+  "label_clear": "Очистить",
+  "label_show-error-info": "Показать попап с информацей об ошибке"
 }