chore: update naming; move qa attribute

src/components/List/List.tsx

@@ -15,13 +15,13 @@ import AutoSizer from 'react-virtualized-auto-sizer';
 import type {VariableSizeListProps} from 'react-window';
 import {VariableSizeList} from 'react-window';
 
-import {SelectLoadingIndicator} from '../Select/components/SelectList/SelectLoadingIndicator';
 import {TextInput} from '../controls';
 import {MobileContext} from '../mobile';
 import {useDirection} from '../theme';
 import {block} from '../utils/cn';
 import {getUniqId} from '../utils/common';
 
+import {ListLoadingIndicator} from './ListLoadingIndicator';
 import {ListItem, SimpleContainer, defaultRenderItem} from './components';
 import {listNavigationIgnoredKeys} from './constants';
 import type {ListItemData, ListItemProps, ListProps} from './types';
@@ -260,9 +260,7 @@ export class List<T = unknown> extends React.Component<ListProps<T>, ListState<T
         const {onLoadMore} = this.props;
 
         if (isObject(item) && 'value' in item && item.value === this.loadingItem.value) {
-            return (
-                <SelectLoadingIndicator onIntersect={itemIndex === 0 ? undefined : onLoadMore} />
-            );
+            return <ListLoadingIndicator onIntersect={itemIndex === 0 ? undefined : onLoadMore} />;
         }
 
         return this.props.renderItem

src/components/List/ListLoadingIndicator.tsx

@@ -5,14 +5,14 @@ import {Loader} from '../Loader';
 import {block} from '../utils/cn';
 
 const b = block('list');
-export const SelectLoadingIndicator = (props: {onIntersect?: () => void}) => {
+export const ListLoadingIndicator = (props: {onIntersect?: () => void}) => {
     const ref = React.useRef<HTMLDivElement | null>(null);
 
     useIntersection({element: ref.current, onIntersect: props?.onIntersect});
 
     return (
         <div ref={ref} className={b('loading-indicator')}>
-            <Loader />
+            <Loader qa={'list-loader'} />
         </div>
     );
 };

src/components/List/__tests__/List.test.tsx

@@ -37,13 +37,13 @@ describe('base List', () => {
     it('should render loading indicator', () => {
         setup({virtualized: false, onLoadMore: mockOnLoadMorFn, loading: true});
 
-        const loader = screen.getByTestId('loader');
+        const loader = screen.getByTestId('list-loader');
         expect(loader).toBeInTheDocument();
     });
     it('should call onLoadMore callback when loading indicator is visible', () => {
         setup({virtualized: false, onLoadMore: mockOnLoadMorFn, loading: true});
 
-        const loader = screen.getByTestId('loader');
+        const loader = screen.getByTestId('list-loader');
 
         expect(loader).toBeVisible();
         expect(mockOnLoadMorFn).toHaveBeenCalled();
@@ -54,14 +54,14 @@ describe('virtualized List', () => {
     it('should render loading indicator', () => {
         setup({virtualized: true, onLoadMore: mockOnLoadMorFn, loading: true});
 
-        const loader = screen.getByTestId('loader');
+        const loader = screen.getByTestId('list-loader');
         expect(loader).toBeInTheDocument();
     });
 
     it('should call onLoadMore callback when loading indicator is visible', () => {
         setup({virtualized: true, onLoadMore: mockOnLoadMorFn, loading: true});
 
-        const loader = screen.getByTestId('loader');
+        const loader = screen.getByTestId('list-loader');
         expect(loader).toBeVisible();
         expect(mockOnLoadMorFn).toHaveBeenCalled();
     });

src/components/Loader/Loader.tsx

@@ -14,7 +14,7 @@ export interface LoaderProps extends QAProps {
     size?: LoaderSize;
 }
 
-export function Loader({size = 's', className, qa = 'loader'}: LoaderProps) {
+export function Loader({size = 's', className, qa}: LoaderProps) {
     return (
         <div className={b({size}, className)} data-qa={qa}>
             <div className={b('left')} />