feat(Notifications): add qa prop (#218)

Co-authored-by: kirill <[email protected]>
gravity-ui · Sep 11, 2024 · 786595a · 786595a
1 parent 262cab8
commit 786595a
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 7 deletions.
diff --git a/src/components/FilePreview/FilePreview.tsx b/src/components/FilePreview/FilePreview.tsx
@@ -11,7 +11,15 @@ import {
     TextAlignLeft as TextIcon,
     Filmstrip as VideoIcon,
 } from '@gravity-ui/icons';
-import {Icon, IconData, Text, useActionHandlers, useMobile, useUniqId} from '@gravity-ui/uikit';
+import {
+    Icon,
+    IconData,
+    QAProps,
+    Text,
+    useActionHandlers,
+    useMobile,
+    useUniqId,
+} from '@gravity-ui/uikit';
 
 import {block} from '../utils/cn';
 
@@ -36,9 +44,8 @@ const FILE_ICON: Record<FileType, IconData> = {
     table: TableIcon,
 };
 
-export interface FilePreviewProps {
+export interface FilePreviewProps extends QAProps {
     className?: string;
-    qa?: string;
 
     file: File;
     imageSrc?: string;

diff --git a/src/components/Notification/NotificationAction.tsx b/src/components/Notification/NotificationAction.tsx
@@ -18,6 +18,7 @@ export const NotificationAction = React.memo(function NotificationAction({action
 
     const button = (
         <Button
+            qa={action.qa}
             className={b('action', {icon: Boolean(action.icon)})}
             view={action.view ?? 'flat'}
             href={action.href}

diff --git a/src/components/Notification/definitions.ts b/src/components/Notification/definitions.ts
@@ -1,4 +1,4 @@
-import {ButtonProps, IconData} from '@gravity-ui/uikit';
+import {ButtonProps, IconData, QAProps} from '@gravity-ui/uikit';
 
 export type NotificationTheme = 'success' | 'info' | 'warning' | 'danger';
 
@@ -46,4 +46,4 @@ export type NotificationActionProps = {
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
     href?: string;
     target?: '_blank';
-};
+} & QAProps;
diff --git a/src/components/Notifications/Notifications.tsx b/src/components/Notifications/Notifications.tsx
@@ -54,7 +54,7 @@ export const Notifications = React.memo(function Notifications(props: Notificati
     }
 
     return (
-        <div className={b()}>
+        <div className={b()} data-qa={props.qa}>
             <div className={b('head')}>
                 <div className={b('head-title')}>{props.title || i18n('title')}</div>
                 {<div className={b('actions')}>{props.actions}</div>}

diff --git a/src/components/Notifications/definitions.ts b/src/components/Notifications/definitions.ts
@@ -1,3 +1,5 @@
+import {QAProps} from '@gravity-ui/uikit';
+
 import {NotificationActionProps, NotificationProps} from '../Notification/definitions';
 
 export type NotificationsActionProps = NotificationActionProps;
@@ -21,4 +23,4 @@ export type NotificationsProps = {
     emptyImage?: React.ReactNode;
 
     swipeThreshold?: number;
-};
+} & QAProps;