itemengine-cypress-automation 1.0.338-12thMarchRegressionFixes-1cd5906.0 → 1.0.338

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -6,6 +6,7 @@ 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 = {
@@ -749,6 +750,72 @@ 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.

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -1715,6 +1715,72 @@ 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 = {

package/cypress/pages/dialogBoxBase.js

@@ -15,11 +15,15 @@ const selectors = {
 }
 
 const steps = {
-    allFieldsRequiredWarningPopupContents: () => {
+    allFieldsRequiredWarningPopupContents: (requiredFieldsArray = null) => {
         utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Warning!');
-        utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Please fill the required fields.');
-        utilities.verifyElementVisibilityState(dialogBoxBase.buttonClose(), 'visible');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Incomplete question');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxHelpText(), "Are you sure you want to save? Required fields are missing:");
+        if (requiredFieldsArray != null) {
+            requiredFieldsArray.forEach((field, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(dialogBoxBase.dialogBoxWarningFieldList(), index), field);
+            });
+        }
     },
 
     closeWarningPopup: () => {
@@ -48,11 +52,13 @@ const tests = {
         it('When user has made no edits and clicks on Save Question button, the user should get a warning popup', () => {
             createQuestionBasePage.saveQuestionButton()
                 .click();
-            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            if (requiredFieldsArray != null) {
+                dialogBoxBase.steps.allFieldsRequiredWarningPopupContents(requiredFieldsArray);
+            }
         });
 
-        it('Warning popup should close on clicking the Close icon button', () => {
-            dialogBoxBase.steps.closeWarningPopup();
+        it('Leave page popup should close on clicking the reject button', () => {
+            dialogBoxBase.steps.clickOnRejectButtonInDialogBox();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
     },

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -3,6 +3,7 @@ import utilities from "../support/helpers/utilities";
 const css = Cypress.env('css');
 import { createQuestionBasePage, optionsWrapperComponent, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, questionInputFieldComponent, fillInTheGapsDragAndDropCommonComponents, correctIncorrectAnswerLabelComponent, questionInstructionsComponent, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, draggableOptionContainer, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, draggableOptionsSectionComponent, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel, responseAreaSettingsPopupComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, draggableOptionsStyleAndLayoutComponent } from "./components"
 import { createItemPage } from "./createItemPage";
+import { dialogBoxBase } from "./dialogBoxBase";
 
 //TODO update option container selectors when https://redmine.zeuslearning.com/issues/563159 is resolved
 const selectors = {
@@ -91,7 +92,7 @@ const steps = {
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...figCommonStyleAndLayoutComponent.steps,
     ...draggableOptionsStyleAndLayoutComponent.steps,
-     ...createItemPage.steps,
+    ...createItemPage.steps,
     /**
      * Sets options in dropzone in the Preview Tab based on the provided optionsObject.
      * @param {Object} optionsObject - An object where keys are option texts and values are dropzone indices.
@@ -1040,6 +1041,72 @@ const tests = {
     ...styleAndLayoutCustomizationAccordionComponent.tests,
     ...figCommonStyleAndLayoutComponent.tests,
     ...draggableOptionsStyleAndLayoutComponent.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');
+        });
+    },
+
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
             utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzoneSpecifyCorrectAnswerSection(), 3);
@@ -1061,16 +1128,16 @@ const tests = {
 
         it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, 'Error: Please set a correct answer.' error message should be thrown along with an error icon on the '${accordionName}' accordion`, () => {
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/imageHighlightPage.js

@@ -1,6 +1,7 @@
 import utilities from "../support/helpers/utilities";
 import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, backgroundImageUploadComponent, commonComponents, createQuestionBasePage, enableOuterBorderComponent, gradingViewEnumerationComponent, imageActionsComponent, imageCanvasComponent, questionInstructionsComponent, scoringSectionBaseEditTab, showAvailableOptionsToStudents, showStudentMaximumNumberOfPossibleSelections, singleMultipleSelectionModeComponent, colorPopupComponent } from "./components";
 import { createItemPage } from "./createItemPage";
+import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 let imageWidth = 768;
 let imageHeight = 432;
@@ -1554,6 +1555,71 @@ const tests = {
     ...additionalSettingsPanel.tests,
     ...gradingViewEnumerationComponent.tests,
     ...additionalSettingsAccessibilitySectionComponent.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');
+        });
+    },
 
     /**
      * @param {string} scoringType scoring type 'All or nothing| Partial equal weights| Partial different weights'
@@ -1585,17 +1651,16 @@ const tests = {
 
         it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, error message should not be thrown on the \'${accordionName}\' accordion`, () => {
             imageHighlightPage.steps.removeHighlightOfARegionInSetCorrectAnswerSection(1);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.')
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/multipleSelectionGridPage.js

@@ -184,7 +184,8 @@ const steps = {
 
     verifyCorrectAnswerSectionNotExist: () => {
         multipleSelectionGridPage.correctAnswerSection()
-            .should('not.exist');},
+            .should('not.exist');
+    },
     /**
      * Verifies the contents of option fields within the options section.
      * @param {Array<string>} optionsTextArray - An array of strings representing the expected text content for each option field.
@@ -212,6 +213,72 @@ const tests = {
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.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 multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/multipleSelectionPage.js

@@ -914,6 +914,73 @@ const tests = {
     ...ckEditorInsertTableComponent.tests,
     ...ckEditorInsertImageComponent.tests,
     ...ckEditorLinkComponent.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');
+        });
+    },
+
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');

package/cypress/pages/singleSelectionGridPage.js

@@ -2,6 +2,7 @@ import utilities from "../support/helpers/utilities";
 import { createQuestionBasePage, questionInstructionsComponent, gridQuestionCommonComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, correctIncorrectAnswerLabelComponent, autoScoredScoringSectionMultiResponseType, autoScoredStudentViewSettings, specifyRowsAndColumnsComponent, autoScoredSpecifyCorrectAnswerSection, randomizeOptionsComponent, studentViewSettingsLabelComponent, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent } from "./components";
 const css = Cypress.env('css');
 import { createItemPage } from "./createItemPage";
+import { dialogBoxBase } from "./dialogBoxBase";
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -179,12 +180,78 @@ const tests = {
     ...randomizeOptionsComponent.tests,
     ...studentViewSettingsLabelComponent.tests,
     ...autoScoredStudentViewSettings.tests,
-    ...specifyRowsAndColumnsComponent.tests, 
+    ...specifyRowsAndColumnsComponent.tests,
     ...commonComponents.tests,
     ...createQuestionBasePage.tests,
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.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 multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.

package/cypress/pages/singleSelectionPage.js

@@ -719,6 +719,73 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.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');
+        });
+    },
+
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.338-12thMarchRegressionFixes-1cd5906.0",
+  "version": "1.0.338",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}