EPMRPP-90354 || Added Matched Tests Count content column

reportportal · Jul 18, 2024 · 819c375 · 819c375
1 parent 8b4655e
commit 819c375
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/...ages/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.jsx b/...ages/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,14 +138,17 @@ 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>
 
       {!collapsed && (
         <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/...ges/inside/uniqueErrorsPage/uniqueErrorsGrid/clusterItemsGridRow/clusterItemsGridRow.scss b/...ges/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;