chore: add qa for AdaptiveTabs

gravity-ui · Dec 12, 2024 · 11c93f5 · 11c93f5
1 parent 2602ff7
commit 11c93f5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/AdaptiveTabs/AdaptiveTabs.tsx b/src/components/AdaptiveTabs/AdaptiveTabs.tsx
@@ -91,6 +91,7 @@ export type TabItem<T> = T & {
     title?: React.ReactNode;
     hint?: string;
     disabled?: boolean;
+    qa?: string;
 };
 
 export type TabsSize = 'm' | 'l' | 'xl';
@@ -119,6 +120,7 @@ export interface AdaptiveTabsProps<T> {
     allowNotSelected?: boolean;
     /** Settings to control popup with hidden tabs list */
     moreControlProps?: Pick<SelectProps, 'virtualizationThreshold' | 'popupWidth'>;
+    qa?: string;
 }
 
 interface AdaptiveTabsState {
@@ -867,6 +869,7 @@ export class AdaptiveTabs<T> extends React.Component<AdaptiveTabsProps<T>, Adapt
                         this.onTabClick(item.id, e);
                     }
                 }}
+                data-qa={item.qa}
             >
                 {wrapTo ? wrapTo(item, tabNode, tabIndex) : tabNode}
             </div>
@@ -939,7 +942,7 @@ export class AdaptiveTabs<T> extends React.Component<AdaptiveTabsProps<T>, Adapt
     }
 
     render() {
-        const {items, className, size = 'm'} = this.props;
+        const {items, className, size = 'm', qa} = this.props;
 
         return (
             <div
@@ -951,6 +954,7 @@ export class AdaptiveTabs<T> extends React.Component<AdaptiveTabsProps<T>, Adapt
                     },
                     [className],
                 )}
+                data-qa={qa}
             >
                 {(this.state.currentContainerWidthName === SMALL_CONTAINER_WIDTH_NAME ||
                     this.state.firstHiddenTabIndex === 0) &&

diff --git a/src/components/AdaptiveTabs/README.md b/src/components/AdaptiveTabs/README.md
@@ -10,6 +10,7 @@ with the caption `More'. If only one tab fits, the select is displayed instead o
 | id       | `String`                    |  `true`  |         | Tab's ID                                             |
 | title    | `String`, `React.ReactNode` |          |         | Tab's text                                           |
 | disabled | `Boolean`                   |          |         | Indicates that the user cannot interact with the tab |
+| qa       | `String`                    |          |         | HTML data-qa attribute, used in tests                |
 
 ### AdaptiveTabs PropTypes
 
@@ -24,6 +25,7 @@ with the caption `More'. If only one tab fits, the select is displayed instead o
 | className                               | `String`                                                                  |          |         | Class name for the tabs container                                  |
 | [breakpointsConfig](#breakpointsConfig) | `Record<string, number>`                                                  |          |         | Breakpoints config which control the thersholds of tab size.       |
 | moreControlProps                        | `{popupWidth?: 'fit' \| number; virtualizationThreshold?: number;}`       |          |         | Settings to control popup with hidden tabs list                    |
+| qa                                      | `String`                                                                  |          |         | HTML data-qa attribute, used in tests                              |
 
 ### breakpointsConfig