Update form button validation command to accept wrapper-class argument

Author: asirvadAbrahamVarghese

cypress/support/commands/constants/command_constants.js

@@ -30,6 +30,7 @@ export const BUTTON_CONFIG_KEYS = {
   BUTTON_TEXT: 'buttonText',
   BUTTON_TYPE: 'buttonType',
   SHOULD_BE_DISABLED: 'shouldBeDisabled',
+  BUTTON_WRAPPER_CLASS: 'buttonWrapperClass',
 };
 
 /* ========================================================== */

cypress/support/commands/form_elements_validation_commands.js

@@ -198,19 +198,22 @@ Cypress.Commands.add('validateFormFields', (fieldConfigs) => {
  * @param {string} buttonConfigs[].buttonText - The text of the button
  * @param {string} [buttonConfigs[].buttonType='button'] - The type of button (e.g., 'submit', 'reset')
  * @param {boolean} [buttonConfigs[].shouldBeDisabled=false] - Whether the button should be disabled
+ * @param {string} [buttonConfigs[].buttonWrapperClass='bx--btn-set'] - The CSS class of the wrapper element containing the buttons
  *
  * Example:
  *   cy.validateFormFooterButtons([
  *     { [BUTTON_CONFIG_KEYS.BUTTON_TEXT]: 'Cancel' },
  *     { [BUTTON_CONFIG_KEYS.BUTTON_TEXT]: 'Reset', [BUTTON_CONFIG_KEYS.SHOULD_BE_DISABLED]: true },
- *     { [BUTTON_CONFIG_KEYS.BUTTON_TEXT]: 'Submit', [BUTTON_CONFIG_KEYS.BUTTON_TYPE]: 'submit' }
+ *     { [BUTTON_CONFIG_KEYS.BUTTON_TEXT]: 'Submit', [BUTTON_CONFIG_KEYS.BUTTON_TYPE]: 'submit' },
+ *     { [BUTTON_CONFIG_KEYS.BUTTON_TEXT]: 'Save', [BUTTON_CONFIG_KEYS.BUTTON_WRAPPER_CLASS]: 'custom-wrapper' }
  *   ]);
  *
  * Or using regular object keys:
  *   cy.validateFormFooterButtons([
  *     { buttonText: 'Cancel' },
  *     { buttonText: 'Reset', shouldBeDisabled: true },
- *     { buttonText: 'Submit', buttonType: 'submit' }
+ *     { buttonText: 'Submit', buttonType: 'submit' },
+ *     { buttonText: 'Save', buttonWrapperClass: 'custom-wrapper' }
  *   ]);
  *
  * Both approaches work but using config-keys object(BUTTON_CONFIG_KEYS) is recommended to avoid typos and unknown keys
@@ -231,6 +234,7 @@ Cypress.Commands.add('validateFormFooterButtons', (buttonConfigs) => {
     const buttonType = config[BUTTON_CONFIG_KEYS.BUTTON_TYPE] || 'button';
     const shouldBeDisabled =
       config[BUTTON_CONFIG_KEYS.SHOULD_BE_DISABLED] || false;
+    const buttonWrapperClass = config[BUTTON_CONFIG_KEYS.BUTTON_WRAPPER_CLASS];
 
     if (!buttonText) {
       cy.logAndThrowError(
@@ -242,6 +246,7 @@ Cypress.Commands.add('validateFormFooterButtons', (buttonConfigs) => {
       .getFormFooterButtonByTypeWithText({
         buttonText,
         buttonType,
+        buttonWrapperClass,
       })
       .should('be.visible');