From 1c95ce9a3a1929c6fa0e83ae1e48a1f69747929d Mon Sep 17 00:00:00 2001
From: Ajith KV <ajith.jaban@gmail.com>
Date: Thu, 27 Apr 2023 07:41:10 +0530
Subject: [PATCH] Add and modify data-cy for groups and permission (#6148)

---
 frontend/src/HomePage/BlankPage.jsx              |  4 ++--
 .../ManageGroupPermissionResources.jsx           |  3 ++-
 frontend/src/ManageOrgVars/VariableForm.jsx      | 16 +++++++++++-----
 3 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/frontend/src/HomePage/BlankPage.jsx b/frontend/src/HomePage/BlankPage.jsx
index 86027b56ef..a58c0f8e60 100644
--- a/frontend/src/HomePage/BlankPage.jsx
+++ b/frontend/src/HomePage/BlankPage.jsx
@@ -72,7 +72,7 @@ export const BlankPage = function BlankPage({
                       leftIcon="plus"
                       onClick={createApp}
                       isLoading={creatingApp}
-                      data-cy="create-new-application"
+                      data-cy="button-new-app-from-scratch"
                       className="col"
                       fill={'#FDFDFE'}
                     >
@@ -83,7 +83,7 @@ export const BlankPage = function BlankPage({
                         leftIcon="folderdownload"
                         onChange={handleImportApp}
                         isLoading={isImportingApp}
-                        data-cy="create-new-application"
+                        data-cy="button-import-an-app"
                         className="col"
                         variant="tertiary"
                       >
diff --git a/frontend/src/ManageGroupPermissionResources/ManageGroupPermissionResources.jsx b/frontend/src/ManageGroupPermissionResources/ManageGroupPermissionResources.jsx
index 8c8d790cdb..c625af0802 100644
--- a/frontend/src/ManageGroupPermissionResources/ManageGroupPermissionResources.jsx
+++ b/frontend/src/ManageGroupPermissionResources/ManageGroupPermissionResources.jsx
@@ -859,8 +859,9 @@ class ManageGroupPermissionResourcesComponent extends React.Component {
                                           }}
                                           checked={orgEnvironmentPermission}
                                           disabled={groupPermission.group === 'admin'}
+                                          data-cy="env-variable-checkbox"
                                         />
-                                        <span className="form-check-label">
+                                        <span className="form-check-label" data-cy="workspace-variable-create-label">
                                           {this.props.t(
                                             'header.organization.menus.manageGroups.permissionResources.createUpdateDelete',
                                             'Create/Update/Delete'
diff --git a/frontend/src/ManageOrgVars/VariableForm.jsx b/frontend/src/ManageOrgVars/VariableForm.jsx
index 2334ea4f4f..d47734f8cf 100644
--- a/frontend/src/ManageOrgVars/VariableForm.jsx
+++ b/frontend/src/ManageOrgVars/VariableForm.jsx
@@ -28,7 +28,7 @@ class VariableForm extends React.Component {
             <div className="form-group mb-3 ">
               <div>
                 <div className="col tj-app-input">
-                  <label className="form-label">
+                  <label className="form-label" data-cy="workspace-variable-name-label">
                     {this.props.t('header.organization.menus.manageSSO.environmentVar.variableForm.name', 'Name')}
                   </label>
                   <input
@@ -43,11 +43,14 @@ class VariableForm extends React.Component {
                     value={this.props.fields['variable_name']}
                     data
                     autoFocus
+                    data-cy="workspace-variable-name-input"
                   />
-                  <span className="text-danger">{this.props.errors['variable_name']}</span>
+                  <span className="text-danger" data-cy="name-error-text">
+                    {this.props.errors['variable_name']}
+                  </span>
                 </div>
                 <div className="col tj-app-input">
-                  <label className="form-label">
+                  <label className="form-label" data-cy="workspace-variable-value-label">
                     {this.props.t('header.organization.menus.manageSSO.environmentVar.variableForm.value', 'Value')}
                   </label>
                   <input
@@ -60,15 +63,18 @@ class VariableForm extends React.Component {
                     name="value"
                     onChange={this.props.changeNewVariableOption.bind(this, 'value')}
                     value={this.props.fields['value']}
+                    data-cy="workspace-variable-value-input"
                   />
-                  <span className="text-danger">{this.props.errors['value']}</span>
+                  <span className="text-danger" data-cy="value-error-text">
+                    {this.props.errors['value']}
+                  </span>
                 </div>
               </div>
             </div>
             <div className="form-group mb-3 ">
               <div className="row">
                 <div className="col">
-                  <label className="form-label">
+                  <label className="form-label" data-cy="workspace-variable-type-label">
                     {this.props.t('header.organization.menus.manageSSO.environmentVar.variableForm.type', 'Type')}
                   </label>
                   {this.props.selectedVariableId ? (