itemengine-cypress-automation 1.0.341-e2eFixes18March-66a79d0.0 → 1.0.341-graphAndCharts-0a4e8d7.0

package/cypress/pages/components/ckEditorAudioPlayerComponent.js

@@ -1,6 +1,6 @@
 import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
-import { createQuestionBasePage } from "../components/createQuestionBasePage.js";
+import { createQuestionBasePage } from "../components";
 import { questionInstructionsComponent } from "../components/questionInstructionsComponent";
 
 const css = Cypress.env('css');

package/cypress/pages/components/ckEditorEquationEditorComponent.js

@@ -8,8 +8,8 @@ const selectors = {
     //Basic
     equationEditorIcon: () => cy.get('.cke_button__nextgeneqneditor_icon:visible'),
     equationEditorLabel: () => cy.get('[class*="EquationEditorstyles__Heading"]'),
-    okButton: () => cy.get('.action-button').eq(0),
-    cancelButton: () => cy.get('.action-button').eq(1),
+    okButton: () => cy.get('[title="OK"]'),
+    editorCancelButton: () => cy.get('[title="Cancel"]'),
     equationEditorPopUp: () => cy.get('[class*="EquationEditorstyles__EquationEditorContainer"]'),
     equationWrapper: () => cy.get('.cke_widget_ngie_equation [class*="NGMathJax"]'),
     equationInInputField: () => cy.get('[class*="ngie_latex"]').eq(0),
@@ -84,8 +84,8 @@ const steps = {
         return null;
     },
 
-    clickOnCancelButton: () => {
-        ckEditorEquationEditorComponent.cancelButton()
+    closeEquationEditor: () => {
+        ckEditorEquationEditorComponent.editorCancelButton()
             .click();
     },
 

package/cypress/pages/components/ckEditorInsertImageComponent.js

@@ -23,7 +23,7 @@ const selectors = {
     widthInputField: () => cy.get('.cke_dialog_ui_input_text').eq(5),
     heightLabel: () => cy.get('.dialog-input-label').eq(3),
     heightInputField: () => cy.get('.cke_dialog_ui_input_text').eq(7),
-    borderLabel: () => cy.get('.dialog-input-label').eq(4),
+    borderLabel: () => cy.get('[class="cke_dialog_ui_html"]').eq(2),
     borderInputField: () => cy.get('.cke_dialog_ui_input_text').eq(9),
     hSpaceLabel: () => cy.get('.dialog-input-label').eq(5),
     hSpaceInputField: () => cy.get('.cke_dialog_ui_input_text').eq(11),
@@ -36,8 +36,8 @@ const selectors = {
     fixedRadioButton: () => cy.get('[class*="image-responsiveness-radio-wrapper"]').eq(3),
     fixedRadioLabel: () => cy.get('[class*="image-responsiveness-radio-wrapper"]').eq(4),
     //Alignment
-    alignmentLabel: () => cy.get('.dialog-input-label').eq(7),
-    alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(1),
+    alignmentLabel: () => cy.get('.dialog-input-label').eq(9),
+    alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(3),
     alignmentOptions: (alignment = null) => {
         if (alignment) {
             return cy.get(`[class*="cke_dialog_ui_input_select"] option[value="${alignment}"]`)

package/cypress/pages/components/ckEditorLinkComponent.js

@@ -12,7 +12,7 @@ const selectors = {
     linkLabel: () => cy.get('.dialog-header-label'),
     linkPopUpWrapper: () => cy.get('.custom-link-wrapper'),
     urlInQuestionInstruction: () => cy.get('[data-cke-saved-href*="https"]'),
-    foxImageLinkUrlValueCheck: () => cy.get('[data-cke-saved-href*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
+    foxImageLinkUrlValueCheck: () => cy.get('[src*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
     urlInputField: () => cy.get('input[class*="cke_dialog_ui_input_text"]').eq(1),
     OkButton: () => cy.get('[title="OK"]'),
     //Link Info
@@ -24,8 +24,8 @@ const selectors = {
     linkTypeDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(0),
     protocolLabel: () => cy.get('.dialog-input-label').eq(2),
     protocolDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(1),
-    urlLabel: () => cy.get('.dialog-input-label').eq(3),
-    urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(3),
+    urlLabel: () => cy.get('.dialog-input-label').eq(0),
+    urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(0),
     //Protocol
     protocolDropDown: () => cy.get('.dialog-input-area').eq(2),
     selectProtocolOptionDropdown: (protocolType = null) => {

package/cypress/pages/components/commonComponents.js

@@ -7,6 +7,7 @@ const selectors = {
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]:visible'),
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
+    popoverContainer: () => cy.get('.ngie-popover-container'),
     //Remove :visible https://redmine.zeuslearning.com/issues/564243 gets resolved
     errorMessage: () => cy.get('.error-text-message:visible'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
@@ -17,7 +18,9 @@ const selectors = {
     tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon'),
     errorIcon: () => cy.get('[id="Icon_material-error"]'),
     alertMessage: () => cy.get('[role="alert"]:visible'),
-    warningIcon: () => cy.get('[class*="WarningIcon"]')
+    warningIcon: () => cy.get('[class*="WarningIcon"]'),
+    buttonDesktopViewToggle: () => cy.get('[aria-label*="Desktop View toggle button"]'),
+    buttonMobileViewToggle: () => cy.get('[aria-label*="Mobile View toggle button"]'),
 }
 
 const steps = {
@@ -94,6 +97,10 @@ const steps = {
         utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
     },
 
+    verifyErrorMessageDoesNotHaveText: () => {
+        commonComponents.errorMessage()
+            .should('not.have.text', 'Error:');
+    }
 }
 
 const tests = {

package/cypress/pages/components/createQuestionBasePage.js

@@ -227,7 +227,7 @@ const tests = {
         it('When user has made some edits/changes and clicks on cancel button, a popup should be displayed with message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
             selectQuestionResourceToolPage.steps.selectQuestionType(questionType);
             questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Edited');
-            if (questionType !== 'feedback scale' && questionType !== 'highlight image') {
+            if (questionType !== 'feedback scale' && questionType !== 'highlight image' && questionType !== 'think sphere') {
                 scoringSectionBaseEditTab.steps.allotPoints(20);
             };
             createQuestionBasePage.cancelButton()

package/cypress/pages/components/defaultToolDropdown.js

@@ -31,10 +31,11 @@ const steps = {
 }
 
 const tests = {
-    verifyDefaultToolDropdown:(toolOptionsArray)=>{
-        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
+    verifyDefaultToolDropdown:(toolOptionsArray, defaultTool)=>{
+        const defaultSelectedTool = defaultTool || toolOptionsArray[0];
+        it(`\'Default tool\' label and dropdown should be displayed with \'${defaultSelectedTool}\' option selected by default`, () => {
             utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdownLabel(), 'Default tool');
-            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), toolOptionsArray[0]);
+            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), defaultSelectedTool);
         });
     
         it(`${toolOptionsArray} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
@@ -53,19 +54,19 @@ const tests = {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Point'), {
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions(toolOptionsArray[0]), {
                 'color': css.color.liText,
                 'background-color': css.color.liTextSelectedBg,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Segment'), {
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions(toolOptionsArray[1]), {
                 'color': css.color.liText,
                 'background-color': css.color.transparent,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown('Point');
+            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown(defaultSelectedTool);
         });
     }
 }

package/cypress/pages/components/desmosToolComponent.js

@@ -21,7 +21,7 @@ const selectors = {
     previewTabDesmosToolKeypad: () => cy.get('[class*="DesmosToolstyles__DesmosToolViewWrapper"] .dcg-basic-keypad-container'),
     previewTabDesmosToolKeypadKeys: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`.dcg-basic-keypad  .dcg-keypad-btn[aria-label*="${ariaLabel}"]`)
+            return cy.get(`.dcg-basic-keypad  .dcg-keypad-btn[aria-label*="${ariaLabel}"]:visible`)
         } else {
             return cy.get('.dcg-basic-keypad  .dcg-keypad-btn')
         }

package/cypress/pages/components/editCategoryFlyout.js

@@ -23,9 +23,9 @@ const selectors = {
 }
 
 const steps = {
-    openEditCategoryFlyout: () => {
+    openEditCategoryFlyout: (categoryName = 'general') => {
         essayResponsePage.equationEditorSectionCategories()
-            .contains(`${equationEditorCategoriesAndSymbols['general'].displayName}`)
+            .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`)
             .parents('[id*="DraggableItem"]')
             .within(() => {
                 essayResponsePage.equationEditorSectionCategoriesEditIcon()

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -252,50 +252,35 @@ const tests = {
             equationEditorFlyout.steps.verifyCategoryIsDisplayedInEquationEditor(`${equationEditorCategoriesAndSymbols['greek'].displayName}`);
         });
 
-        it('On deselecting all the categories an error message should be displayed \'Error: Please select a category.\' and the preview tab Equation Editor flyout should be empty', () => {
-            cy.log('Pre step: Switching to Edit tab')
+        it('On deselecting all the categories, an error message "Error: Please select a category." should be displayed, and the preview tab Equation Editor flyout should be empty', () => {
+            cy.log('Pre step: Switching to Edit tab');
             equationEditorSectionCommonComponent.steps.switchToEditTab();
             if (questionType == 'essay response') {
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+                // Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
                 equationEditorSectionCommonComponent.steps.expandCustomizeFormattingOptionsAccordion();
             }
             equationEditorSectionCommonComponent.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['intermediate'].displayName}`, `${equationEditorCategoriesAndSymbols['primary'].displayName}`, `${equationEditorCategoriesAndSymbols['general'].displayName}`, `${equationEditorCategoriesAndSymbols['common'].displayName}`, `${equationEditorCategoriesAndSymbols['algebra'].displayName}`, `${equationEditorCategoriesAndSymbols['geo'].displayName}`, `${equationEditorCategoriesAndSymbols['compare'].displayName}`, `${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols['keyPad'].displayName}`]);
-            utilities.verifyInnerText(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'Error: Please select a category.');
-            cy.log('Switching to Preview tab')
+            utilities.verifyElementVisibilityState(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'notExist');
+            cy.log('Switching to Preview tab');
             equationEditorSectionCommonComponent.steps.switchToPreviewTab();
             if (questionType == 'essay response') {
                 equationEditorSectionCommonComponent.steps.selectPreviewTabToolbarOption('Equation Editor');
-            }
-            else {
+            } else {
                 equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             }
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
             utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTabTitle(), 'notExist');
             utilities.verifyElementVisibilityState(equationEditorFlyout.categoryCharactersWrapper(), 'notExist');
-            cy.log('Post step: Switching to Edit tab')
+            cy.log('Post step: Switching to Edit tab');
             equationEditorSectionCommonComponent.steps.switchToEditTab();
             if (questionType == 'essay response') {
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+                // Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
                 equationEditorSectionCommonComponent.steps.expandCustomizeFormattingOptionsAccordion();
-            };
-        });
-
-        //https://redmine.zeuslearning.com/issues/530205
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), {
-                'color': css.color.errorText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(equationEditorSectionCommonComponent.selectACategoryErrorMessage());
+            }
         });
 
-        it('When user selects any category then the error message should disappear', () => {
+        it('User should be able to select any category', () => {
             equationEditorSectionCommonComponent.steps.selectACategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-            utilities.verifyElementVisibilityState(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'notExist');
         });
     },
 
@@ -505,12 +490,14 @@ const tests = {
             utilities.verifyElementNotDisabled(equationEditorFlyout.buttonPrevious());
             utilities.verifyElementNotDisabled(equationEditorFlyout.buttonNext());
             cy.log('Clicking on Next button to reach end of tablist')
-            equationEditorFlyout.steps.clickOnEquationEditorButtonNext()
+            equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
+            equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
             utilities.verifyElementNotDisabled(equationEditorFlyout.buttonPrevious());
             utilities.verifyElementDisabled(equationEditorFlyout.buttonNext());
         });
 
         it('When user clicks on the \'Previous button\', and reaches the beginning of the tablist \'Previous button\' should become disabled and \'Next button\' should become enabled', () => {
+            equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
             equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
             equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
             utilities.verifyElementDisabled(equationEditorFlyout.buttonPrevious());

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -6,7 +6,6 @@ import { optionsWrapperComponent } from "./optionsWrapperComponent";
 import { createQuestionBasePage } from "./createQuestionBasePage";
 import { placeholderTextSectionComponent } from "./placeholderTextSectionComponent";
 import { scoringSectionBaseEditTab } from "./scoringSectionBaseEditTab";
-import { dialogBoxBase } from "../dialogBoxBase";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -418,7 +417,7 @@ const steps = {
     },
 
     compareDropdownMenuAndDropdownWidthForAutoScaled: () => {
-        let originalDropdownWidth
+        let originalDropdownWidth;
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), 0)
             .parents('.response-dropdown-wrapper')
             .then(($originalDropdownWidth) => {
@@ -750,72 +749,6 @@ const steps = {
 }
 
 const tests = {
-    //TODO need to remove once Save as you go is available for all questions
-    /**
-     * @description Verifies the behavior of the 'Add alternative answer' button, warning popups, and validation error messages
-     * in the 'Specify correct answer' section for alternative answers in auto-scored questions.
-     * @param {string|null} questionType - The type of the question (e.g., 'list ordering'). Pass `null` if not applicable.
-     * @example - verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
-     */
-    verifyAutoScoredAddAlternativeAnswerButtonAndValidation: (questionType = null) => {
-        it('\'+ Add alternative answer\' button should be present', () => {
-            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
-            utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-                .verifyPseudoClassBeforeProperty('content', '""');
-        });
-
-        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton().find('p'), {
-                'color': css.color.activeButtons,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
-        });
-
-        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in enabled state', () => {
-            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
-            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
-        });
-
-        it('CSS of warning popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
-                'fill': css.color.closeIcon
-            });
-        });
-
-        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-            dialogBoxBase.steps.closeWarningPopup();
-        });
-    },
-
-    //TODO need to remove once Save as you go is available for all questions
-    verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
-        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
-            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
-                .click();
-            dialogBoxBase.steps.closeWarningPopup();
-            //TODO: Need to add error message according to question types
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-                .eq(1)
-                .should('have.attr', 'aria-expanded', 'true');
-        });
-    },
-
     /**
     * Verifies the contents and functionality of the 'Specify correct answer' accordion for fill in the gaps over image dropdown question.
     * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
@@ -830,9 +763,9 @@ const tests = {
         });
 
         //Note: the expand and close dropdown does not work hence selecting one option here, the error message appears
-        it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
+        it('When user expands and collapses the dropdown without selecting any option, error message should not be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, 'Flower');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user selects any option from the dropdown, then error message should disappear and that option should be displayed on the dropdown', () => {

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -105,7 +105,7 @@ const steps = {
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .clear();
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
-                .type(responseText, { delay: 500 });
+                .type(responseText, { delay: 0 });
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .click();
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
@@ -474,7 +474,8 @@ const steps = {
      */
     focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex) => {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
-            .click()
+            .click();
+        utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
             .blur();
     },
 
@@ -779,8 +780,7 @@ const steps = {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAnswerInputFieldWrapper(), answerFieldIndex)
             .within(() => {
                 fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection()
-                    .clear()
-                    .blur();
+                    .clear();
             });
     },
 
@@ -908,10 +908,9 @@ const steps = {
 
 const tests = {
     verifySetLimitSectionErrorConditionsForMinAndMaxCharacterInputFields: () => {
-        it('When the user clears the minimum character limit input field and focuses out of it, then error message \'Error: Minimum character limit is required\' should be displayed below the input field', () => {
+        it('When the user clears the minimum character limit input field and focuses out of it, then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.clearAndFocusOutOfMinimumCharacterLimitInputField();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Minimum character limit is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         commonComponents.tests.verifyErrorMessageCSSAndA11y();
@@ -921,10 +920,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user clears the maximum character limit input field and focuses out of it, then error message \'Error: Maximum character limit is required.\' should be displayed below the input field', () => {
+        it('When the user clears the maximum character limit input field and focuses out of it, then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.clearAndFocusOutOfMaximumCharacterLimitInputField();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Maximum character limit is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user enters value in maximum character limit input field then the error message should disappear', () => {
@@ -932,10 +930,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(45);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsTextCommonComponent.steps.verifyMinimumLimitErrorMessage();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         commonComponents.tests.verifyErrorMessageCSSAndA11y();
@@ -945,10 +942,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user sets maximum limit input field value less than minimum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets maximum limit input field value less than minimum limit input field value then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(26);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsTextCommonComponent.steps.verifyMinimumLimitErrorMessage();
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When the user sets maximum limit input field value greater than or equal to minimum limit input field value then error message should disappear', () => {
@@ -1008,8 +1004,7 @@ const tests = {
 
         it('When user enters zero in maximum limit input field, then error message \'Error: Maximum limit must be greater than 0.\' should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(0);
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than 0.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage().eq(1), 'visible');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user enters limit more than zero in maximum limit input field, then error message should disappear', () => {
@@ -1017,10 +1012,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When user enters minimum limit more than maximum limit then error messages should be displayed and when user enters equal value then the error message should disappear', () => {
+        it('When user enters minimum limit more than maximum limit then error messages should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(60);
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(0), 'Error: Minimum limit must be less than or equal to Maximum limit.');
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than or equal to Minimum limit.');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(60);
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
@@ -1246,9 +1240,9 @@ const tests = {
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionLabel(), 1), 'Response 2');
         });
 
-        it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should be displayed', () => {
+        it('When user focuses in and out of the response accordion \'Answer\' input field, error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0, 0);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When gives an input to \'Answer\' input field, then error message should disappear', () => {
@@ -1424,10 +1418,10 @@ const tests = {
             utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButtonLabel(), 'visible');
         });
 
-        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' answer then \'Error: Answer is required.\' error message should be displayed', () => {
-            fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' button, then the button should be disabled and \'Answer is required\' tooltip should be displayed', () => {
+            utilities.verifyElementDisabled(utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 0).find('button'));
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 0)
+                .verifyTooltip('Answer is required');
         });
 
         it('When user enters text inside answer input field, then error message should disappear', () => {
@@ -1437,6 +1431,7 @@ const tests = {
 
         it('When the user clicks on the \'Add Alternate\' button, then one alternate answer input field should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
+            utilities.triggerMouseout(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton());
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
             utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 'visible');
         });
@@ -1455,15 +1450,10 @@ const tests = {
             fillInTheGapsTextCommonComponent.steps.verifyAnswerInputFieldPlaceholder(1);
         });
 
-        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, then an error message should be displayed, indicating \'Error: Answer is required.\'', () => {
+        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, new input field should be added and user should be able to add response in the input field', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
-        });
-
-        it('When user adds text in alternate input field and clicks on \'Add alternate\' button, then then a third alternate answer input field should be displayed and error message should disappear', () => {
             fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Leaf' }]);
-            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 3);
         });
@@ -1569,8 +1559,12 @@ const tests = {
 
         it('When user adds alternate answer input field, then accepted student input should be applied on both the response answer input fields in the response accordion', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Hi12' }]);
-            fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Hi12' }]);
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 0)
+                .should('not.be.disabled')
+                .type('Hi12');
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 1)
+                .should('not.be.disabled')
+                .type('Hi12');
             fillInTheGapsTextCommonComponent.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 1, responseText: 'Hi12' }]);
         });
     },
@@ -1715,72 +1709,6 @@ const tests = {
             fillInTheGapsTextCommonComponent.steps.verifyAnswerInputFieldPlaceholderTextPreviewTab(1, 'Global placeholder');
         });
     },
-
-     //TODO need to remove once Save as you go is available for all questions
-    /**
-     * @description Verifies the behavior of the 'Add alternative answer' button, warning popups, and validation error messages
-     * in the 'Specify correct answer' section for alternative answers in auto-scored questions.
-     * @param {string|null} questionType - The type of the question (e.g., 'list ordering'). Pass `null` if not applicable.
-     * @example - verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
-     */
-    verifyAutoScoredAddAlternativeAnswerButtonAndValidation: (questionType = null) => {
-        it('\'+ Add alternative answer\' button should be present', () => {
-            utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
-            utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-                .verifyPseudoClassBeforeProperty('content', '""');
-        });
-
-        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton().find('p'), {
-                'color': css.color.activeButtons,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
-        });
-
-        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in enabled state', () => {
-            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
-            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
-        });
-
-        it('CSS of warning popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
-                'fill': css.color.closeIcon
-            });
-        });
-
-        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-            dialogBoxBase.steps.closeWarningPopup();
-        });
-    },
-
-    //TODO need to remove once Save as you go is available for all questions
-    verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
-        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
-            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
-                .click();
-            dialogBoxBase.steps.closeWarningPopup();
-            //TODO: Need to add error message according to question types
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
-            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-                .eq(1)
-                .should('have.attr', 'aria-expanded', 'true');
-        });
-    },
 }
 
 export const fillInTheGapsTextCommonComponent = {