itemengine-cypress-automation 1.0.555-IEI-7011-c2dcb32.0 → 1.0.555-IEI-7011-3dd44e2.0

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

@@ -2,6 +2,7 @@ import { multipleSelectionPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 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', 'Pollution caused by electronic waste', 'Pollution caused by nuclear waste'];
 
 describe('Create item page - Multiple selection: All or nothing with alternative answer', () => {
@@ -65,6 +66,9 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(5);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             //multipleSelectionPage.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,  and status message \'Your answer is correct\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -112,6 +116,9 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(5);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             multipleSelectionPage.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,  and status message \'Your answer is correct\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -143,6 +150,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct responses exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the correct accordion, correct icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides the incorrect responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -174,6 +185,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct responses exclusively 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 icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides the incorrect responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -204,6 +219,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct responses from correct accordion and alternative accordion, then correct icon should be displayed besides correct accordion answer responses, correct icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides alternative accordion answer responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -234,6 +253,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with the common response between correct accordion and alternative accordion, and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the correct accordion, correct icons should not be displayed besides unattempted correct options,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -262,6 +285,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             // multipleSelectionPage.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,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -351,6 +378,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
@@ -368,6 +399,9 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(5);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             multipleSelectionPage.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,  and status message \'Your answer is correct\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -394,6 +428,9 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(5);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             multipleSelectionPage.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,  and status message \'Your answer is correct\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -426,6 +463,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct responses exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the correct accordion, correct icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides the incorrect responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -456,6 +497,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct responses exclusively 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 icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides the incorrect responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -486,6 +531,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct responses from correct accordion and alternative accordion, then correct icon should be displayed besides alternative accordion answer responses, correct icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides correct accordion answer responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -515,6 +564,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with the common response between correct accordion and alternative accordion, and clicks on \'Check answer\' button, then correct icons should only be displayed besides the common response, correct icons should not be displayed besides unattempted correct options,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -543,6 +596,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectOptionIconCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 10);
+            }
             multipleSelectionPage.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,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -593,6 +650,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 20);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 
@@ -610,6 +671,9 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(5);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             multipleSelectionPage.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,  and status message \'Your answer is correct\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -636,6 +700,9 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(5);
             multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+            }
             multipleSelectionPage.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,  and status message \'Your answer is correct\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -667,6 +734,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 20);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct responses exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icons should only be displayed besides correct responses from the correct accordion, correct icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides the incorrect responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -698,6 +769,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 20);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct responses exclusively 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 icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides the incorrect responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -728,6 +803,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 20);
+            }
             multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct responses from correct accordion and alternative accordion, then correct icon should be displayed besides correct accordion answer responses, correct icons should not be displayed besides unattempted correct options, incorrect icon should be displayed besides alternative accordion answer responses,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.steps.checkAnswer();
@@ -785,6 +864,10 @@ describe('Create item page - Multiple selection: All or nothing with alternative
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(3);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(4);
             multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleCorrectAnswerSection(5);
+            //show alternative answers
+            if (alternativeAnswerCheck === 'true') {
+                multipleSelectionPage.steps.verifyShowAlternativeAnswersToggleFunctionality(1, 20);
+            }
             multipleSelectionPage.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,  and status message \'Your answer is incorrect\' should be displayed below the question preview')
             multipleSelectionPage.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,169 @@
+/**
+ * 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"]').contains('Alternative answer'),
+    alternativeAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]:contains("Alternative answer")'),
+    alternativeAnswerGridWrapper: () => cy.get('[class*="CorrectAnswerGridWrapper"]'),
+    alternativeAnswerSelectionGrid: () => cy.get('.correct-ans-selection-grid'),
+
+    steps: {
+        /**
+         * Verifies that the "Show alternative answers" toggle is present and visible
+         */
+        verifyShowAlternativeAnswersToggleExists: () => {
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleWrapper()
+                .should('be.visible');
+            showAlternativeAnswersComponent.showAlternativeAnswersToggleLabel()
+                .should('contain.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 {number} points - The expected points for the alternative answer
+         */
+        verifyAlternativeAnswersSectionVisible: (index, points) => {
+            cy.get('[class*="CorrectAnswerLabelWrapper"]')
+                .contains(`Alternative answer ${index}`)
+                .should('be.visible');
+            
+            if (points) {
+                cy.get('[class*="CorrectAnswerLabelWrapper"]')
+                    .contains(`Alternative answer ${index}`)
+                    .parent()
+                    .find('p')
+                    .should('contain.text', `(${points} points)`);
+            }
+        },
+
+        /**
+         * Verifies that the alternative answers section does not exist
+         */
+        verifyAlternativeAnswersSectionNotExist: () => {
+            cy.get('[class*="CorrectAnswerLabelWrapper"]')
+                .contains('Alternative answer')
+                .should('not.exist');
+        },
+
+        /**
+         * Verifies the complete alternative answers section including content and grid
+         * @param {number} index - The index of the alternative answer (e.g., 1 for "Alternative answer 1")
+         * @param {number} points - The expected points for the alternative answer
+         */
+        verifyAlternativeAnswersSectionComplete: (index = 1, points) => {
+            // Verify the alternative answer label is visible
+            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionVisible(index, points);
+            
+            // Verify the selection grid is visible
+            showAlternativeAnswersComponent.alternativeAnswerSelectionGrid()
+                .should('be.visible');
+        },
+
+        /**
+         * Comprehensive test that verifies the complete toggle functionality
+         * @param {number} index - The index of the alternative answer to verify
+         * @param {number} points - The expected points for the alternative answer
+         */
+        verifyShowAlternativeAnswersToggleFunctionality: (index, points) => {
+            // Start with ensuring toggle exists
+            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+            
+            // Test unchecked state
+            showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+
+            // Verify the alternative answers section does not exist
+            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionNotExist();
+            
+            // Test checked state
+            showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleChecked();
+
+            // Verify the alternative answers section is visible
+            showAlternativeAnswersComponent.steps.verifyAlternativeAnswersSectionVisible(index, points);
+            
+            // Test toggle back to unchecked
+            showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+            showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+        }
+    },
+};
+
+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'),
@@ -111,6 +112,7 @@ const steps = {
     ...ckEditorAudioPlayerComponent.steps,
     ...ckEditorEquationEditorComponent.steps,
     ...ckEditorInsertTableComponent.steps,
+    ...showAlternativeAnswersComponent.steps,
     ...ckEditorInsertImageComponent.steps,
     ...ckEditorLinkComponent.steps,
     ...createItemPage.steps,

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,16 +43,6 @@ 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"]'),
-    //Show 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'),
-    //Alternative answers content section
-    alternativeAnswersSection: () => cy.get('[class*="CorrectAnswerLabelWrapper"]').contains('Alternative answer'),
-    alternativeAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]:contains("Alternative answer")'),
-    alternativeAnswerGridWrapper: () => cy.get('[class*="CorrectAnswerGridWrapper"]'),
-    alternativeAnswerSelectionGrid: () => cy.get('.correct-ans-selection-grid'),
 };
 
 const steps = {
@@ -71,6 +62,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.
@@ -739,151 +731,7 @@ const steps = {
         singleSelectionPage.saveQuestionButton().click();
     },
 
-    /**
-     * Verifies that the "Show alternative answers" toggle is present and visible
-     */
-    verifyShowAlternativeAnswersToggleExists: () => {
-        singleSelectionPage.showAlternativeAnswersToggleWrapper()
-            .should('be.visible');
-        singleSelectionPage.showAlternativeAnswersToggleLabel()
-            .should('contain.text', 'Show alternative answers');
-    },
-
-    verifyShowAlternativeAnswersToggleNotExists: () => {
-        singleSelectionPage.showAlternativeAnswersToggleWrapper()
-            .should('not.exist');
-    },
-
-    /**
-     * Verifies that the "Show alternative answers" toggle is in the checked (enabled) state
-     */
-    verifyShowAlternativeAnswersToggleChecked: () => {
-        singleSelectionPage.showAlternativeAnswersToggleInput()
-            .should('be.checked')
-            .and('have.attr', 'aria-pressed', 'true');
-        // Verify the checked state visual indicator (tick icon)
-        singleSelectionPage.showAlternativeAnswersToggleWrapper()
-            .find('.icon-ILC-tick-icon')
-            .should('be.visible');
-    },
-
-    /**
-     * Verifies that the "Show alternative answers" toggle is in the unchecked (disabled) state
-     */
-    verifyShowAlternativeAnswersToggleUnchecked: () => {
-        singleSelectionPage.showAlternativeAnswersToggleInput()
-            .should('not.be.checked')
-            .and('have.attr', 'aria-pressed', 'false');
-        // Verify the unchecked state visual indicator (x-circle icon)
-        singleSelectionPage.showAlternativeAnswersToggleWrapper()
-            .find('.icon-x-circle')
-            .should('be.visible');
-    },
-
-    /**
-     * Clicks the "Show alternative answers" toggle to change its state
-     */
-    clickShowAlternativeAnswersToggle: () => {
-        singleSelectionPage.showAlternativeAnswersToggleButton()
-            .click();
-    },
 
-    /**
-     * Enables the "Show alternative answers" toggle (clicks it if it's currently unchecked)
-     */
-    enableShowAlternativeAnswersToggle: () => {
-        singleSelectionPage.showAlternativeAnswersToggleInput()
-            .then(($input) => {
-                if (!$input.prop('checked')) {
-                    singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
-                }
-            });
-    },
-
-    /**
-     * Disables the "Show alternative answers" toggle (clicks it if it's currently checked)
-     */
-    disableShowAlternativeAnswersToggle: () => {
-        singleSelectionPage.showAlternativeAnswersToggleInput()
-            .then(($input) => {
-                if ($input.prop('checked')) {
-                    singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
-                }
-            });
-    },
-
-    
-    /**
-     * Verifies that the alternative answers section is visible
-     */
-
-    verifyAlternativeAnswersSectionVisible: (index, points) => {
-    // Build the expected points text: "(1 point)" or "(20 points)"
-        const pointsText = `(${points} point${points === 1 ? '' : 's'})`;
-
-        cy.get('[class*="CorrectAnswerLabelWrapper"]')
-            .eq(index) // pick the specific "Alternative answer" by index
-            .should('be.visible')
-            .should('contain.text', `Alternative answer ${index}`)
-            .should('contain.text', pointsText); // check points
-    },
-
-
-    /**
-     * Verifies that the alternative answers section does not exist
-     */
-    verifyAlternativeAnswersSectionNotExist: () => {
-        cy.get('[class*="CorrectAnswerLabelWrapper"]')
-            .contains('Alternative answer')
-            .should('not.exist');
-    },
-
-    /**
-     * Verifies the complete alternative answers section including content and grid
-     */
-    verifyAlternativeAnswersSectionComplete: () => {
-        // Verify the alternative answer label is visible
-        singleSelectionPage.alternativeAnswersSection()
-            .should('be.visible');
-        
-        // Verify the selection grid is visible
-        singleSelectionPage.alternativeAnswerSelectionGrid()
-            .should('be.visible');
-        
-        // Verify points are displayed
-        cy.get('[class*="CorrectAnswerLabelWrapper"]')
-            .contains('Alternative answer')
-            .parent()
-            .find('p')
-            .should('contain.text', 'points');
-    },
-
-
-    /**
-     * Verifies the toggle functionality by checking both states
-     */
-    verifyShowAlternativeAnswersToggleFunctionality: (index, points) => {
-        // Start with ensuring toggle exists
-        singleSelectionPage.steps.verifyShowAlternativeAnswersToggleExists();
-        
-        // Test unchecked state
-        singleSelectionPage.steps.disableShowAlternativeAnswersToggle();
-        singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
-
-        // Verify the alternative answers section do not exist
-        singleSelectionPage.steps.verifyAlternativeAnswersSectionNotExist();
-        
-        // Test checked state
-        singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
-        singleSelectionPage.steps.verifyShowAlternativeAnswersToggleChecked();
-
-        // Verify the alternative answers section is visible
-        singleSelectionPage.steps.verifyAlternativeAnswersSectionVisible(index, points);
-        
-        // Test toggle back to unchecked
-        singleSelectionPage.steps.clickShowAlternativeAnswersToggle();
-        singleSelectionPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
-    },
 };
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.555-IEI-7011-c2dcb32.0",
+  "version": "1.0.555-IEI-7011-3dd44e2.0",
   "description": "",
   "main": "index.js",
   "scripts": {