From 819c375eeaebf57e296509a3b650160ed10438f0 Mon Sep 17 00:00:00 2001
From: maria-hambardzumian <maria_hambardzumyan@epam.com>
Date: Thu, 18 Jul 2024 12:31:32 +0400
Subject: [PATCH] EPMRPP-90354 || Added Matched Tests Count content column

---
 .../clusterItemsGridRow/clusterItemsGridRow.jsx     |  7 +++++--
 .../clusterItemsGridRow/clusterItemsGridRow.scss    | 13 +++++++++++++
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.jsx b/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.jsx
index 32a29c5fdd..25c9aad25e 100644
--- a/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.jsx
+++ b/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.jsx
@@ -76,7 +76,7 @@ ClusterColumn.defaultProps = {
 };
 
 export const ClusterItemsGridRow = ({ data, onEditItem, onUnlinkSingleTicket, onEditDefect }) => {
-  const { id } = data;
+  const { id, matchedTests } = data;
   const { formatMessage } = useIntl();
   const dispatch = useDispatch();
   const clusterItems = useSelector((state) => clusterItemsSelector(state, id));
@@ -138,6 +138,9 @@ export const ClusterItemsGridRow = ({ data, onEditItem, onUnlinkSingleTicket, on
               <ExtensionLoader extension={extension} data={data} />
             </div>
           ))}
+          <div className={cx('table-cell')}>
+            <span className={cx('matched-tests-col-text')}>{matchedTests}</span>
+          </div>
         </div>
       </div>
 
@@ -145,7 +148,7 @@ export const ClusterItemsGridRow = ({ data, onEditItem, onUnlinkSingleTicket, on
         <div className={cx('table-row-group')}>
           <div className={cx('table-row')}>
             <div className={cx('table-cell', 'nested-expand-col')} />
-            <td colSpan="2">
+            <td colSpan="3">
               <div className={cx('nested-grid')}>
                 <div className={cx('table-cell', 'table-cell-full-width')}>
                   <StepGrid
diff --git a/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.scss b/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.scss
index f2f8842c60..0e3f23cb16 100644
--- a/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.scss
+++ b/app/src/pages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.scss
@@ -25,12 +25,25 @@
 .table-cell {
   display: table-cell;
   border-bottom: 6px solid $COLOR--primary-gray;
+  position: relative;
 
   &-full-width {
     width: 100%;
   }
 }
 
+.matched-tests-col-text {
+  color: $COLOR--gray-47;
+  font-family: $FONT-REGULAR;
+  font-size: 12px;
+  text-align: right;
+  right: 24px;
+  display: block;
+  width: 130px;
+  top: 12px;
+  position: absolute;
+}
+
 .expand-col {
   vertical-align: middle;
   cursor: pointer;