From 786595a9e27299fb32e5a21d32a9243262bab2ff Mon Sep 17 00:00:00 2001
From: Kirill Dyachkovskiy
 <81510334+KirillDyachkovskiy@users.noreply.github.com>
Date: Wed, 11 Sep 2024 17:10:33 +0300
Subject: [PATCH] feat(Notifications): add qa prop (#218)

Co-authored-by: kirill <k.mokhnachevsky@femida-search.ru>
---
 src/components/FilePreview/FilePreview.tsx         | 13 ++++++++++---
 src/components/Notification/NotificationAction.tsx |  1 +
 src/components/Notification/definitions.ts         |  4 ++--
 src/components/Notifications/Notifications.tsx     |  2 +-
 src/components/Notifications/definitions.ts        |  4 +++-
 5 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/FilePreview/FilePreview.tsx b/src/components/FilePreview/FilePreview.tsx
index f3f8e83b..ee31103b 100644
--- 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
index d67723f0..f28f5781 100644
--- 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
index 02e801ea..267f06d4 100644
--- 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
index 183f01f8..4fcc802f 100644
--- 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
index 5b6965bc..66a5b8c2 100644
--- 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;