itemengine-cypress-automation 1.0.571 → 1.0.573-IEI-7011-110006a.0

package/cypress/e2e/ILC/SingleSelection/allOrNothingWithAlternativeAnswer.js

@@ -1,6 +1,7 @@
 import { singleSelectionPage } from "../../../pages/singleSelectionPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT');
 
 const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
 
@@ -35,6 +36,20 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
+                singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(10 points)');
+                singleSelectionPage.steps.verifyAlternateAnswerOptionIconCorrectAnswerSection(2);
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
@@ -49,6 +64,9 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             //singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -74,6 +92,9 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -98,6 +119,20 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
+                singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(10 points)');
+                singleSelectionPage.steps.verifyAlternateAnswerOptionIconCorrectAnswerSection(2);
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            }
             //singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should only be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -156,6 +191,20 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(2);
+            // alternative answer section
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
+                singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(10 points)');
+                singleSelectionPage.steps.verifyAlternateAnswerOptionIconCorrectAnswerSection(1);
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
@@ -170,6 +219,9 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -193,6 +245,9 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -217,6 +272,20 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(2);
+            // alternative answer section
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
+                singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(10 points)');
+                singleSelectionPage.steps.verifyAlternateAnswerOptionIconCorrectAnswerSection(1);
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -255,6 +324,20 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+            // alternative answer section
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
+                singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(20 points)');
+                singleSelectionPage.steps.verifyAlternateAnswerOptionIconCorrectAnswerSection(2);
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
@@ -269,6 +352,9 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -292,6 +378,9 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             singleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the alternative accordion, correct answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();
@@ -316,6 +405,20 @@ describe('Create item page - Single selection: All or nothing with alternative a
             singleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
             //correct answer section
             singleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(1);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                singleSelectionPage.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
+                singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                singleSelectionPage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, '(20 points)');
+                singleSelectionPage.steps.verifyAlternateAnswerOptionIconCorrectAnswerSection(2);
+                singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
+                singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            }
             singleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should only be displayed besides incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and a label should not be displayed below the question preview')
             singleSelectionPage.steps.checkAnswer();

package/cypress/pages/components/index.js

@@ -3,6 +3,7 @@ export * from './commonComponents';
 export * from './additionalSettingsPanel';
 export * from './mcqAdditionalSettingsBase';
 export * from './questionInstructionsComponent';
+export * from './showAlternativeAnswersComponent';
 export * from './ckEditorToolbar';
 export * from './essayResponseCommonComponents';
 export * from './optionsWrapperComponent';

package/cypress/pages/components/showAlternativeAnswersComponent.js

@@ -0,0 +1,145 @@
+/**
+ * Show Alternative Answers Component
+ * Common functionality for managing and verifying alternative answers toggle and content
+ * across different question types (Single Selection, Multiple Selection, etc.)
+ */
+
+const showAlternativeAnswersComponent = {
+    // Selectors for the alternative answers toggle
+    showAlternativeAnswersToggleWrapper: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"]'),
+    showAlternativeAnswersToggleInput: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] input[type="checkbox"]'),
+    showAlternativeAnswersToggleLabel: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] [class*="SwitchLabelWrapper"]'),
+    showAlternativeAnswersToggleButton: () => cy.get('[class*="ShowAlternativeAnswerSwitch"][class*="SwitchWrapper"] .MuiButtonBase-root'),
+
+    // Selectors for the alternative answers content section
+    alternativeAnswersSection: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1), // Alternative answer is typically the second wrapper
+    alternativeAnswerGridWrapper: () => cy.get('[class*="CorrectAnswerGridWrapper"]'),
+    alternativeAnswerSelectionGrid: () => cy.get('.correct-ans-selection-grid'),
+    correctAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(0), // Correct answer is typically the first wrapper
+
+    steps: {
+        /**
+         * Verifies that the "Show alternative answers" toggle is present and visible
+         */
+        verifyShowAlternativeAnswersToggleExists: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper().should('be.visible');
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleLabel()
+                .should('have.text', 'Show alternative answers');
+        },
+
+        /**
+         * Verifies that the "Show alternative answers" toggle does not exist
+         */
+        verifyShowAlternativeAnswersToggleNotExists: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
+                .should('not.exist');
+        },
+
+        /**
+         * Verifies that the "Show alternative answers" toggle is in the checked (enabled) state
+         */
+        verifyShowAlternativeAnswersToggleChecked: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
+                .should('be.checked')
+                .and('have.attr', 'aria-pressed', 'true');
+            // Verify the checked state visual indicator (tick icon)
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
+                .find('.icon-ILC-tick-icon')
+                .should('be.visible');
+        },
+
+        /**
+         * Verifies that the "Show alternative answers" toggle is in the unchecked (disabled) state
+         */
+        verifyShowAlternativeAnswersToggleUnchecked: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
+                .should('not.be.checked')
+                .and('have.attr', 'aria-pressed', 'false');
+            // Verify the unchecked state visual indicator (x-circle icon)
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
+                .find('.icon-x-circle')
+                .should('be.visible');
+        },
+
+        /**
+         * Clicks the "Show alternative answers" toggle to change its state
+         */
+        clickShowAlternativeAnswersToggle: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleButton()
+                .click();
+        },
+
+        /**
+         * Enables the "Show alternative answers" toggle (clicks it if it's currently unchecked)
+         */
+        enableShowAlternativeAnswersToggle: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
+                .then(($input) => {
+                if (!$input.prop('checked')) {
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                }
+            });
+        },
+
+        /**
+         * Disables the "Show alternative answers" toggle (clicks it if it's currently checked)
+         */
+        disableShowAlternativeAnswersToggle: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleInput()
+                .then(($input) => {
+                if ($input.prop('checked')) {
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                }
+            });
+        },
+
+        /**
+         * Verifies that the alternative answers section is visible
+         * @param {number} index - The index of the alternative answer (e.g., 1 for "Alternative answer 1")
+         * @param {string} points - The expected points for the alternative answer
+         */
+
+        verifyAlternativeAnswersLabelAndPointVisible: (index, points) => {
+            showAlternativeAnswersComponent.alternativeAnswersSection().should('be.visible');
+
+            if (points) {
+                showAlternativeAnswersComponent.alternativeAnswersSection()
+                    .parent()
+                    .find('p')
+                    .invoke('text')
+                    .then((text) => {
+                        expect(text.trim()).to.equal(points);
+                    });
+            }
+        },
+
+        /**
+         * Verifies that the correct answers section is visible
+         * @param {number} points - The expected points for the alternative answer
+         */
+
+        verifyCorrectAnswersLabelAndPointVisible: (points) => {
+            showAlternativeAnswersComponent.correctAnswerLabelWrapper()
+                .should('be.visible');
+
+            if (points) {
+                showAlternativeAnswersComponent.correctAnswerLabelWrapper()
+                    .parent()
+                    .find('p')
+                    .invoke('text')
+                    .then((text) => {
+                        expect(text.trim()).to.equal(points);
+                    });
+            }
+        },
+
+        /**
+         * Verifies that the alternative answers section does not exist
+         */
+        verifyAlternativeAnswersSectionNotExist: () => {
+            showAlternativeAnswersComponent.alternativeAnswersSection().should('not.exist');
+        },
+    },
+};
+
+export { showAlternativeAnswersComponent };

package/cypress/pages/multipleSelectionPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities"
-import { autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, additionalSettingsPanel, ckEditorToolbar, equationEditorFlyout, mcqAdditionalSettingsBase, randomizeOptionsComponent, lockUnlockOptionComponent, additionalSettingsAccessibilitySectionComponent } from "./components"
+import { autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, additionalSettingsPanel, ckEditorToolbar, equationEditorFlyout, mcqAdditionalSettingsBase, randomizeOptionsComponent, lockUnlockOptionComponent, additionalSettingsAccessibilitySectionComponent, showAlternativeAnswersComponent } from "./components"
 import { ckEditorAudioPlayerComponent } from "../pages/components/ckEditorAudioPlayerComponent"
 import { ckEditorEquationEditorComponent } from "../pages/components/ckEditorEquationEditorComponent"
 import { ckEditorInsertTableComponent } from "../pages/components/ckEditorInsertTableComponent"
@@ -35,6 +35,7 @@ const selectors = {
     ...ckEditorLinkComponent,
     ...createItemPage,
     ...audioPlayerPage,
+    ...showAlternativeAnswersComponent,
     //Specify correct answer section
     optionWrapperSpecifyCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
     optionsText: () => cy.get('.mcq-label'),
@@ -78,6 +79,8 @@ const selectors = {
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-checkbox-control.mcq-answer-checked').eq(1),
     optionWrapperCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
+    alternativeAnswerSectionWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1).next(),
+    optionWrapperAlternativeAnswerSection: () => cy.get('.mcq-option-wrapper'),
     answerStatusBanner: () => cy.get('[class*="StatusContainer"]'),
     cancelButton: () => cy.get('.save-action-btn-wrapper .MuiButtonBase-root').eq(1),
     optionsInputFieldInQuestionPreviewTab: () => cy.get('.mcq-option-wrapper [data-testid="question-instruction-element"]'),
@@ -111,6 +114,7 @@ const steps = {
     ...ckEditorAudioPlayerComponent.steps,
     ...ckEditorEquationEditorComponent.steps,
     ...ckEditorInsertTableComponent.steps,
+    ...showAlternativeAnswersComponent.steps,
     ...ckEditorInsertImageComponent.steps,
     ...ckEditorLinkComponent.steps,
     ...createItemPage.steps,
@@ -859,6 +863,36 @@ const steps = {
             .should('exist');
     },
 
+    /**
+     * Verifies correct option icon in alternative answer section
+     * @param {number} optionIndex - The index of the option to verify
+     */
+    verifyCorrectOptionIconAlternativeAnswerSection: (optionIndex) => {
+        multipleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperAlternativeAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+     * Verifies that correct/incorrect icon is not visible in alternative answer section
+     * @param {number} optionIndex - The index of the option to verify
+     */
+    verifyCorrectIncorrectIconNotVisibleAlternativeAnswerSection: (optionIndex) => {
+        multipleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                multipleSelectionPage.optionWrapperAlternativeAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
+                    });
+            });
+    },
+
     verifyAnswerBannerNotExist: () => {
         multipleSelectionPage.answerStatusBanner()
             .should('not.exist');

package/cypress/pages/singleSelectionPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
+import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent, showAlternativeAnswersComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
@@ -21,6 +21,7 @@ const selectors = {
     ...randomizeOptionsComponent,
     ...lockUnlockOptionComponent,
     ...createItemPage,
+    ...showAlternativeAnswersComponent,
     optionsRadioButton: () => cy.get('input[type="radio"]'),
     optionsRadioButtonForSpecifyCorrectAnswer: () => cy.get('.radio-option-wrapper:visible input[type="radio"]'),
     editTabOptionsWrapper: () => cy.get('.edit-mcq-option-wrapper'),
@@ -42,6 +43,8 @@ const selectors = {
     correctIncorrectAnswerLabel: () => cy.get('[class*="style"][class*="__Status"]'),
     answerStatusBanner: () => cy.get('[class*="StatusContainer"]'),
     optionsInputFieldInQuestionPreviewTab: () => cy.get('.mcq-radio-control [data-testid="question-instruction-element"]'),
+    //alternate answer section
+    alternativeAnswerSectionWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').eq(1).next(),
 };
 
 const steps = {
@@ -61,6 +64,7 @@ const steps = {
     ...lockUnlockOptionComponent.steps,
     ...createItemPage.steps,
     ...selectQuestionResourceToolPage.steps,
+    ...showAlternativeAnswersComponent.steps,
     /**
     * Verifies the contents of an option wrapper in the 'Specify correct answer' section for single selection questions.
     * @param {number} optionIndex - The index of the option wrapper to be verified.
@@ -224,6 +228,21 @@ const steps = {
             });
     },
 
+    /**
+     * Verifies the presence of the correct option icon in the alternate answer section
+     * @param {number} optionIndex - The index of the option to verify in the alternate answer section
+     */
+    verifyAlternateAnswerOptionIconCorrectAnswerSection: (optionIndex) => {
+        singleSelectionPage.alternativeAnswerSectionWrapper()
+            .within(() => {
+                singleSelectionPage.optionWrapperCorrectAnswerSection()
+                    .eq(optionIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    });
+            });
+    },
+
     /**
      * Verifies that the correct and incorrect icons are not visible in the correct answer section
      * @param {number} optionIndex - The index of the option to verify in the correct answer section
@@ -728,6 +747,8 @@ const steps = {
         singleSelectionPage.steps.setCorrectAnswer(correctAnswer);
         singleSelectionPage.saveQuestionButton().click();
     },
+
+
 };
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.571",
+  "version": "1.0.573-IEI-7011-110006a.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/service.yaml

@@ -102,21 +102,29 @@ namespaces:
         value: "dev"
       - name: FILE_CONFIG
         value: "dev"
+      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
+        value: "false"
   qa:
     env:
       - name: STAGE
         value: "qa"
       - name: FILE_CONFIG
         value: "qa"
+      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
+        value: "true"
   staging:
     env:
       - name: STAGE
         value: "stage"
       - name: FILE_CONFIG
         value: "stage"
+      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
+        value: "false"
   prod:
     env:
       - name: STAGE
         value: "prod"
       - name: FILE_CONFIG
-        value: "prod"
+        value: "prod"
+      - name: ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT
+        value: "false"