EPMRPP-88959 || Add test automation attributes on Integration pages i…

…n Project settings (#3716)
reportportal · Jan 9, 2024 · 36f3fb6 · 36f3fb6
1 parent 5835c0c
commit 36f3fb6
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 7 deletions.
diff --git a/...ponents/integrations/elements/integrationSettings/connectionSection/connectionSection.jsx b/...ponents/integrations/elements/integrationSettings/connectionSection/connectionSection.jsx
@@ -225,13 +225,21 @@ export class ConnectionSection extends Component {
           {isEditable && (
             <div className={cx('buttons-block')}>
               {editAuthConfig && !blocked && (
-                <button onClick={this.onEditAuth} className={cx('action-button')}>
+                <button
+                  onClick={this.onEditAuth}
+                  className={cx('action-button')}
+                  data-automation-id="editIntegrationIcon"
+                >
                   {Parser(PencilIcon)}
                 </button>
               )}
 
               {!blocked && (
-                <button onClick={this.removeIntegrationHandler} className={cx('action-button')}>
+                <button
+                  onClick={this.removeIntegrationHandler}
+                  className={cx('action-button')}
+                  data-automation-id="deleteIntegrationIcon"
+                >
                   {Parser(TrashBin)}
                 </button>
               )}

diff --git a/.../components/integrations/elements/integrationSettings/integrationForm/integrationForm.jsx b/.../components/integrations/elements/integrationSettings/integrationForm/integrationForm.jsx
@@ -166,7 +166,11 @@ export class IntegrationForm extends Component {
             {!blocked && isEditable && (
               <div className={cx('controls-block')}>
                 {disabled ? (
-                  <Button onClick={this.toggleDisabled} disabled={shouldFieldsBeHidden}>
+                  <Button
+                    onClick={this.toggleDisabled}
+                    disabled={shouldFieldsBeHidden}
+                    dataAutomationId="editConfigurationButton"
+                  >
                     {formatMessage(COMMON_LOCALE_KEYS.EDIT)}
                   </Button>
                 ) : (
@@ -175,6 +179,7 @@ export class IntegrationForm extends Component {
                       <Button
                         onClick={handleSubmit(this.submitIntegration)}
                         disabled={shouldFieldsBeHidden}
+                        dataAutomationId="submitConfigurationButton"
                       >
                         {formatMessage(COMMON_LOCALE_KEYS.SUBMIT)}
                       </Button>
@@ -186,6 +191,7 @@ export class IntegrationForm extends Component {
                           variant="ghost"
                           onClick={this.toggleDisabled}
                           disabled={shouldFieldsBeHidden}
+                          dataAutomationId="cancelConfigurationButton"
                         >
                           {formatMessage(COMMON_LOCALE_KEYS.CANCEL)}
                         </Button>

diff --git a/...grationInfo/integrationCollection/integrationCollectionItem/integrationCollectionItem.jsx b/...grationInfo/integrationCollection/integrationCollectionItem/integrationCollectionItem.jsx
@@ -63,7 +63,12 @@ export const IntegrationCollectionItem = ({
     openIntegration(item);
   };
   return (
-    <li onClick={itemClickHandler} role="row" className={cx('instances-list-item', { disabled })}>
+    <li
+      onClick={itemClickHandler}
+      role="row"
+      className={cx('instances-list-item', { disabled })}
+      data-automation-id="listItem"
+    >
       <div className={cx('item-data')}>
         <div className={cx('general-info')}>
           <h4 className={cx('integration-name')}>{title}</h4>

diff --git a/...ent/integrations/integrationsList/integrationInfo/integrationHeader/integrationHeader.jsx b/...ent/integrations/integrationsList/integrationInfo/integrationHeader/integrationHeader.jsx
@@ -59,7 +59,7 @@ export const IntegrationHeader = (props) => {
       {PLUGIN_DESCRIPTIONS_MAP[name]}{' '}
       <FormattedDescription
         content={formatMessage(messages.linkToDocumentation, {
-          a: (link) => createExternalLink(link, documentationLink),
+          a: (link) => createExternalLink(link, documentationLink, 'documentationLink'),
         })}
         event={PROJECT_SETTINGS_INTEGRATION.clickDocumentationLink(analyticsData, name)}
       />
@@ -72,6 +72,7 @@ export const IntegrationHeader = (props) => {
         target="_blank"
         rel="noreferrer noopener"
         href={documentationLink}
+        data-automation-id="documentationLink"
       >
         Documentation
       </a>
@@ -98,11 +99,19 @@ export const IntegrationHeader = (props) => {
         </div>
         {withButton && (
           <div className={cx('buttons-section')}>
-            <Button disabled={!isAbleToClick} onClick={onAddProjectIntegration}>
+            <Button
+              disabled={!isAbleToClick}
+              onClick={onAddProjectIntegration}
+              dataAutomationId="addProjectIntegrationButton"
+            >
               {formatMessage(messages.noGlobalIntegrationsButtonAdd)}
             </Button>
             {availableProjectIntegrations.length > 0 && isAbleToClick && (
-              <Button onClick={onResetProjectIntegration} variant="ghost">
+              <Button
+                onClick={onResetProjectIntegration}
+                variant="ghost"
+                dataAutomationId="resetToGlobalIntegrationsButton"
+              >
                 {formatMessage(messages.resetToGlobalIntegrationsButton)}
               </Button>
             )}

diff --git a/...gsPageContainer/content/integrations/integrationsList/integrationInfo/integrationInfo.jsx b/...gsPageContainer/content/integrations/integrationsList/integrationInfo/integrationInfo.jsx
@@ -273,6 +273,7 @@ export const IntegrationInfo = (props) => {
           handleDocumentationClick={handleDocumentationClick}
           buttonName={formatMessage(messages.noGlobalIntegrationsButtonAdd)}
           disableButton={!isAbleToClick}
+          buttonDataAutomationId="addProjectIntegrationButton"
         />
       )}
     </>