console: add test id to relationship expanders on /table/browse (hasu…

…ra#4219)
alvpopa · Mar 27, 2020 · ad07c06 · ad07c06
1 parent 5113003
commit ad07c06
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 13 deletions.
diff --git a/console/cypress/integration/data/insert-browse/spec.js b/console/cypress/integration/data/insert-browse/spec.js
@@ -479,15 +479,9 @@ export const checkViewRelationship = () => {
   cy.wait(1000);
   cy.get(getElementFromAlias('table-browse-rows')).click();
   cy.wait(1000);
-  cy.get('a')
-    .contains('View')
-    .first()
-    .click();
-  cy.wait(5000);
-  cy.get('a')
-    .contains('Close')
-    .first()
-    .click();
+  cy.get(getElementFromAlias('view-relationship-0')).click();
+  cy.wait(1000);
+  cy.get(getElementFromAlias('close-relationship-0')).click();
 };
 
 export const passDeleteRow = () => {

diff --git a/console/src/components/Services/Data/TableBrowseRows/ViewRows.js b/console/src/components/Services/Data/TableBrowseRows/ViewRows.js
@@ -525,9 +525,14 @@ const ViewRows = ({
         const getRelCellContent = () => {
           let cellValue = '';
 
-          const getRelExpander = (value, className, clickHandler) => {
+          const getRelExpander = (value, className, clickHandler, testId) => {
             return (
-              <a href="#" className={className} onClick={clickHandler}>
+              <a
+                href="#"
+                onClick={clickHandler}
+                className={className}
+                data-test={testId}
+              >
                 {value}
               </a>
             );
@@ -545,7 +550,8 @@ const ViewRows = ({
             cellValue = getRelExpander(
               'Close',
               styles.expanded,
-              handleCloseClick
+              handleCloseClick,
+              `close-relationship-${rowIndex}`
             );
           } else {
             const currentFkey = rel.rel_def.foreign_key_constraint_on;
@@ -576,7 +582,12 @@ const ViewRows = ({
                 }
               };
 
-              cellValue = getRelExpander('View', '', handleViewClick);
+              cellValue = getRelExpander(
+                'View',
+                '',
+                handleViewClick,
+                `view-relationship-${rowIndex}`
+              );
             }
           }