Added detailed component testing on tenant forms

Author: asirvadAbrahamVarghese

cypress/e2e/ui/Settings/Application-Settings/tenant.cy.js

@@ -15,6 +15,7 @@ const textConstants = {
   tenantsAccordionItem: 'Tenants',
 
   // Field values
+  formHeaderFragment: 'Tenant',
   initialParentTenantName: 'My Company',
   initialParentTenantDescription: 'Tenant for My Company',
   editedTenantNameValue: 'Test-Name',
@@ -79,6 +80,7 @@ const {
   tenantsAccordionItem,
 
   // Field values
+  formHeaderFragment,
   initialParentTenantName,
   initialParentTenantDescription,
   editedTenantNameValue,
@@ -181,6 +183,37 @@ function verifyNameAndDescriptionValues(nameValue, descriptionValue) {
   );
 }
 
+function validateFormElements(isEditForm = true) {
+  // Assert form header is visible
+  cy.expect_explorer_title(formHeaderFragment);
+  // Assert name field label is visible
+  cy.getFormLabelByInputId(nameInputFieldId).should('be.visible');
+  // Assert name field is visible and enabled
+  cy.getFormInputFieldById(nameInputFieldId)
+    .should('be.visible')
+    .and('be.enabled');
+  // Assert description field label is visible
+  cy.getFormLabelByInputId(descriptionInputFieldId).should('be.visible');
+  // Assert description field is visible and enabled
+  cy.getFormInputFieldById(descriptionInputFieldId)
+    .should('be.visible')
+    .and('be.enabled');
+  // Assert cancel button is visible and enabled
+  cy.getFormFooterButtonByType(cancelButton)
+    .should('be.visible')
+    .and('be.enabled');
+  if (isEditForm) {
+    // Assert reset button is visible and disabled
+    cy.getFormFooterButtonByType(resetButton)
+      .should('be.visible')
+      .and('be.disabled');
+  }
+  // Assert add/save button is visible and disabled
+  cy.getFormFooterButtonByType(isEditForm ? saveButton : addButton, 'submit')
+    .should('be.visible')
+    .and('be.disabled');
+}
+
 function createAndSelectChildTenant() {
   // Open child tenant create form
   cy.toolbar(configToolbarButton, addChildTenantConfigOption);
@@ -313,6 +346,7 @@ function rollbackQuotas() {
 describe('Automate Tenant form operations: Settings > Application Settings > Access Control > Tenants', () => {
   beforeEach(() => {
     cy.login();
+    cy.wait(500);
     // Navigate to Settings -> Application-Settings in the UI
     cy.menu(settingsMenuOption, appSettingsMenuOption);
     // Expand Access-Control accordion
@@ -349,6 +383,10 @@ describe('Automate Tenant form operations: Settings > Application Settings > Acc
         cy.toolbar(configToolbarButton, editTenantConfigOption);
       });
 
+      it('Validate Edit tenant form elements', () => {
+        validateFormElements();
+      });
+
       it('Validate Reset & Cancel buttons on Edit tenant form', () => {
         // Update name & description fields
         updateNameAndDescription(editedTenantNameValue, editedDescriptionValue);
@@ -427,6 +465,10 @@ describe('Automate Tenant form operations: Settings > Application Settings > Acc
         cy.toolbar(configToolbarButton, addChildTenantConfigOption);
       });
 
+      it('Validate Add child tenant form elements', () => {
+        validateFormElements(false);
+      });
+
       it('Validate cancel button on Add child tenant form', () => {
         // Cancel the add operation
         cancelForm();
@@ -481,6 +523,14 @@ describe('Automate Tenant form operations: Settings > Application Settings > Acc
         cy.toolbar(configToolbarButton, editTenantConfigOption);
       });
 
+      it('Validate Edit child tenant form elements', () => {
+        validateFormElements();
+        // Cancel the edit form
+        cancelForm();
+        // Removing the child tenant
+        deleteAccordionItem(initialChildTenantName);
+      });
+
       it('Validate Reset & Cancel buttons on the Edit child tenent form', () => {
         // Update name & description fields
         updateNameAndDescription(editedTenantNameValue, editedDescriptionValue);