itemengine-cypress-automation 1.0.583 → 1.0.584-IEI-7048-098328c.0

package/cypress/e2e/ILC/MatchingDropdown/allOrNothingScoringForAllViews.smoke.js

@@ -3,6 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 const grepTags = Cypress.env('grepTags');
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT');
 let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 var itemReferenceID = "";
@@ -115,7 +116,11 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyDropdownNumeration(2);
                 matchingPage.steps.verifyCorrectIncorrectIconsNotExist();
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
-                utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+                if(alternativeAnswerCheck === 'true') {
+                    matchingPage.steps.verifyAnswerLabelAndPoints('Correct answer', '(20 points)', 0);
+                } else {
+                    utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+                }
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
@@ -202,11 +207,213 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectOptionIconDropdown(1);
                 matchingPage.steps.verifyCorrectOptionIconDropdown(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                if (alternativeAnswerCheck === 'true') {
+                    matchingPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
                 matchingPage.steps.verifyCorrectAnswerSectionNotExists();
             });
         });
     });
 
+    if (alternativeAnswerCheck === 'true') {
+        views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring with alternate answers`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.navigateToCreateQuestion('matching');
+                        cy.barsPreLoaderWait();
+                        matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
+                        matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+                        matchingPage.steps.allotPoints(20);
+                        matchingPage.steps.addMultipleOptionFields(2);
+                        matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+                        matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                        matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                        matchingPage.steps.addAlternativeAnswerAccordion(1);
+                        matchingPage.steps.allotPoints(10);
+                        matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[3] }, { dropdownIndex: 1, dropdownOption: optionsArray[4] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                        matchingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        matchingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    matchingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                    matchingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                matchingPage.steps.verifyDropdownNumeration(0);
+                matchingPage.steps.verifyDropdownNumeration(1);
+                matchingPage.steps.verifyDropdownNumeration(2);
+                matchingPage.steps.verifyCorrectIncorrectIconsNotExist();
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                matchingPage.steps.verifyAnswerLabelAndPoints('Correct answer', '(20 points)', 0);
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[4] }, { dropdownIndex: 1, dropdownOption: optionsArray[0] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyAnswerLabelAndPoints('Correct answer', '(20 points)', 0);
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                matchingPage.steps.verifyShowAlternativeAnswersToggleExists();
+                matchingPage.steps.disableShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                matchingPage.steps.verifyAlternativeAnswersSectionNotExist();
+                matchingPage.steps.clickShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                matchingPage.steps.verifyAnswerLabelAndPoints('Alternative answer', '(10 points)', 1);
+                matchingPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount([['Bear'], ['Eagle'], ['Cat']], 1);
+                matchingPage.steps.clickShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            });
+
+            it('When the user attempts the question partially correct with some correct, some incomplete and some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[3] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyAnswerLabelAndPoints('Correct answer', '(20 points)', 0);
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                matchingPage.steps.verifyShowAlternativeAnswersToggleExists();
+                matchingPage.steps.disableShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                matchingPage.steps.verifyAlternativeAnswersSectionNotExist();
+                matchingPage.steps.clickShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                matchingPage.steps.verifyAnswerLabelAndPoints('Alternative answer', '(10 points)', 1);
+                matchingPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount([['Bear'], ['Eagle'], ['Cat']], 1);
+                matchingPage.steps.clickShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            });
+
+            it('When the user attempts the question partially correct with all the dropdowns correctly attempted but one dropdown incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyAnswerLabelAndPoints('Correct answer', '(20 points)', 0);
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+                matchingPage.steps.verifyShowAlternativeAnswersToggleExists();
+                matchingPage.steps.disableShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                matchingPage.steps.verifyAlternativeAnswersSectionNotExist();
+                matchingPage.steps.clickShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                matchingPage.steps.verifyAnswerLabelAndPoints('Alternative answer', '(10 points)', 1);
+                matchingPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount([['Bear'], ['Eagle'], ['Cat']], 1);
+                matchingPage.steps.clickShowAlternativeAnswersToggle();
+                matchingPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(20, 20);
+                    matchingPage.steps.switchToGradingView();
+                    matchingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                matchingPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+            });
+        });
+    };
+
     views.forEach((view) => {
         describe(`${view}: Matching dropdown - Manually scored`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -352,7 +559,11 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyDropdownNumeration(2);
                 matchingPage.steps.verifyCorrectIncorrectIconsNotExist();
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
-                utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+                if (alternativeAnswerCheck === 'true') {
+                    matchingPage.steps.verifyAnswerLabelAndPoints('Correct answer', '', 0);
+                } else {
+                    utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+                }
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
     
@@ -410,6 +621,9 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectOptionIconDropdown(1);
                 matchingPage.steps.verifyCorrectOptionIconDropdown(2);
                 matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                if (alternativeAnswerCheck === 'true') {
+                    matchingPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
                 matchingPage.steps.verifyCorrectAnswerSectionNotExists();
             });
         });

package/cypress/pages/components/correctIncorrectAnswerLabelComponent.js

@@ -6,7 +6,8 @@ const selectors = {
     correctAnswerContainer: () => cy.get('[class*="correct-answer-wrapper"]'),
     correctIncorrectAnswerBlock: () => cy.get('[class*="-answer-block"]'),
     correctIncorrectStatusMessageText: () => cy.get('[class*="AnswerStatusText"]'),
-    correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]')
+    correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]'),
+    correctAnswerLabelWrapper: () => cy.get('[class*="CorrectAnswerLabelWrapper"]')
 }
 
 const steps = {
@@ -34,6 +35,22 @@ const steps = {
     verifyCorrectIncorrectStatusMessageExists: () => {
         utilities.verifyElementVisibilityState(correctIncorrectAnswerLabelComponent.correctIncorrectAnswerBlock(), 'exist');
     },
+
+    /**
+    * @param {string} expectedLabel - The expected label text (e.g., "Correct answer", "Alternative answer 1", "Alternative answer 2").
+    * @param {string} expectedPoints - The expected points text (e.g., "(20 points)", "(10 points)").
+    * @param {number} [sectionIndex=0] - The index of the answer section (0 for first section, 1 for second section, etc.).
+    * @description Verifies the answer label and its associated point value in a specific section.
+    * This can be used for correct answer or alternative answer sections.
+    */
+    verifyAnswerLabelAndPoints: (expectedLabel, expectedPoints, sectionIndex = 0) => {
+        correctIncorrectAnswerLabelComponent.correctAnswerLabelWrapper()
+            .eq(sectionIndex)
+            .within(() => {
+                cy.contains(expectedLabel).should('be.visible');
+                cy.get('p').should('contain.text', expectedPoints);
+            });
+    },
 }
 
 export const correctIncorrectAnswerLabelComponent = {

package/cypress/pages/components/fillInTheGapsDragAndDropCommonComponents.js

@@ -11,14 +11,13 @@ const selectors = {
     specifyPointsForEachIncorrectDropzoneRadioButton: () => cy.get('input[aria-label*="Specify points for each incorrect"]'),
 
     correctAnswersNumeration: () => cy.get('[class*="__AnswerCell"] .answer-numeration-number-box'),
-    correctAnswersOptions: () => cy.get('[class*="ClozeWithDragAndDropstyles__AnswerWrapper"]'),
+    correctAnswersOptions: () => cy.get('[class*="__AnswerWrapper"]'),
     correctAnswersLabel: () => cy.get('.correct-answers-label'),
     tickIconWrapper: () => cy.get('.tick-icon-wrapper'),
     correctAnswerContainer: () => cy.get('.dnd-correct-answer-wrapper'),
     correctIncorrectAnswerLabel: () => cy.get('[class*="CorrectIncorrectLabel"]'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('[class*="CorrectAnswers"] [class*="AnswerStatusIconAndResponseWrapper"]'),
     answerStatusBanner: () => cy.get('[class*="AnswerStatusWrapper"]'),
-    correctAnswerPointsLabel: () => cy.get('[class*="CorrectAnswerSectionstyle__CorrectAnswerLabelWrapper"] p'),
 
     //additional settings
     enterAriaLabelInputField: () => cy.get('input[aria-label*="Enter ARIA label"]'),
@@ -40,29 +39,6 @@ const steps = {
         });
     },
 
-    verifyCorrectAnswerSectionWithAlternateAnswers: (correctAnswersArray) => {
-        let answerIndex = 0;
-        let pointsLabelIndex = 0;
-        correctAnswersArray.forEach(({
-            correctAnswers, points
-        }) => {
-            correctAnswers.forEach((correctAnswer, index) => {
-                utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersNumeration(), answerIndex), index + 1);
-                correctAnswer.forEach((answerOption) => {
-                    utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), answerIndex), answerOption);
-                });
-                answerIndex += 1;
-            });
-            points.forEach((pointsText) => {
-                fillInTheGapsDragAndDropCommonComponents.correctAnswerPointsLabel()
-                    .eq(pointsLabelIndex)
-                    .should('have.text', pointsText);
-                pointsLabelIndex += 1;
-            })
-        });
-    },
-
-
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropCommonComponents.correctAnswerContainer(), 'notExist');
     },

package/cypress/pages/listOrderingPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, commonComponents, correctIncorrectAnswerLabelComponent, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, randomizeOptionsComponent, scoringSectionBaseEditTab, studentViewSettingsLabelComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, enableOuterBorderComponent, styleAndLayoutCustomizationAccordionComponent } from "./components"
+import { autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, commonComponents, correctIncorrectAnswerLabelComponent, createQuestionBasePage, optionsWrapperComponent, questionInstructionsComponent, randomizeOptionsComponent, scoringSectionBaseEditTab, studentViewSettingsLabelComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, enableOuterBorderComponent, styleAndLayoutCustomizationAccordionComponent, showAlternativeAnswersComponent } from "./components"
 import { listOrderingCommonStyleAndLayoutComponent } from "./components/listOrderingCommonStyleAndLayoutComponent";
 import { createItemPage } from "./createItemPage";
 import { dialogBoxBase } from "./dialogBoxBase";
@@ -20,6 +20,7 @@ const selectors = {
     ...enableOuterBorderComponent,
     ...styleAndLayoutCustomizationAccordionComponent,
     ...listOrderingCommonStyleAndLayoutComponent,
+    ...showAlternativeAnswersComponent,
     //Specify correct answer section
     optionSpecifyCorrectAnswerSection: () => cy.get('.list-ordering-set-correct-answer [class*="AnswerWrapper"][role="button"]'),
     optionTextSpecifyCorrectAnswerSection: () => cy.get('.draggable-item-wrapper[overflow] .question-text-wrapper'),
@@ -34,7 +35,9 @@ const selectors = {
     optionWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .orderlist-option-wrapper, .vertical-list-order .reorder-as-same-list-items [class*="DraggableItemstyles__DraggableItemContainer"]'),
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="__CorrectAnswerLabel"]'),
     correctAnswerSectionAnswerWrapper: () => cy.get('[class*="CorrectAnswers"] [class*="__OptionsWrapper"]'),
+    correctAnswersSectionWrapper: () => cy.get('[class*="ListOrderingResponsestyles__CorrectAnswers"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="ListOrderingResponsestyles__CorrectAnswers"]'),
+    dropdownMenuWrapper: () => cy.get('.dropdown-menu-wrapper'),
     correctAnswerSectionAnswerText: () => cy.get('.question-text-wrapper'),
     correctAnswerSectionIconWrapper: () => cy.get('[class*="CorrectAnswerstyles__IconWrapper"], .correct-answer-wrapper [class*="DraggableItemstyles__DraggableItemContainer"]'),
     questionBorderPreviewTab: () => cy.get('[class*="ListOrderingResponsestyles__ResponseContainer"]'),
@@ -155,6 +158,7 @@ const steps = {
     ...listOrderingCommonStyleAndLayoutComponent.steps,
     ...createItemPage.steps,
     ...dialogBoxBase.steps,
+    ...showAlternativeAnswersComponent.steps,
 
     /**
      * Verifies the border value of specify correct answer section options
@@ -959,6 +963,61 @@ const steps = {
         });
     },
 
+    /**
+     * @param {string[]} optionsTextArray array of options in the alternative answer section
+     * @param {string[]} positionArray array of positions for the alternative answer section
+     * @param {number} sectionIndex index of the alternative answer section (1 for first alternative, 2 for second, etc.)
+     * @description this function verifies the correct order of options and their positions in alternative answer section
+     */
+    verifyOptionsPositionInAlternativeAnswerSection: (sectionIndex, optionsTextArray, positionArray) => {
+        listOrderingPage.correctAnswersSectionWrapper()
+            .eq(sectionIndex)
+            .within(() => {
+                // Verify option text content
+                optionsTextArray.forEach((optionsText, index) => {
+                    utilities.getNthElement(listOrderingPage.dropdownMenuWrapper(), index)
+                        .within(() => {
+                            utilities.verifyTextContent(cy.get('[data-testid="question-instruction-element"]'), optionsText);
+                        });
+                });
+                
+                // Verify dropdown position values
+                positionArray.forEach((position, dropdownIndex) => {
+                    utilities.getNthElement(listOrderingPage.dropdownMenuWrapper(), dropdownIndex)
+                        .within(() => {
+                            utilities.verifyInnerText(listOrderingPage.dropdownSelectedOptionLabel(), position);
+                        });
+                });
+            });
+    },
+
+    /**
+     * @param {number} sectionIndex index of the answer section (0 for correct answer, 1 for first alternative, etc.)
+     * @param {string[]} optionsTextArray array of options text in the answer section
+     * @description this function verifies the correct order of options in correct answer or alternative answer section for "Reorder as separate list" layout
+     */
+    verifyOptionsInCorrectAndAlternativeAnswerSection: (sectionIndex, optionsTextArray) => {
+        listOrderingPage.correctAnswersWrapper()
+            .eq(sectionIndex)
+            .within(() => {
+                // Verify each option has correct icon and text content
+                optionsTextArray.forEach((optionsText, index) => {
+                    // Verify correct icon exists
+                    utilities.getNthElement(listOrderingPage.correctAnswerSectionIconWrapper(), index)
+                        .within(() => {
+                            utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                        });
+                    
+                    // Verify option text content
+                    utilities.getNthElement(listOrderingPage.correctAnswerSectionAnswerWrapper(), index)
+                        .within(() => {
+                            utilities.verifyTextContent(listOrderingPage.correctAnswerSectionAnswerText(), optionsText);
+                        });
+                });
+            });
+    },
+
+
     /**
      * Verifies the selected option position in the dropdown for the specified dropdown index.
      * @param {number} dropdownIndex - The index of the dropdown to verify.

package/cypress/pages/matchingPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, draggableOptionContainer, draggableOptionsSectionComponent, correctIncorrectAnswerLabelComponent, maximumCapacityPerDropzoneComponent, optionsWrapperComponent, ckEditorToolbar, equationEditorFlyout, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, randomizeOptionsComponent, autoScoredScoringSectionMultiResponseType, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, ariaLabelSectionComponent, additionalSettingsAccessibilitySectionComponent, gradingViewEnumerationComponent, additionalSettingsPanel, toolSettingsComponent, styleAndLayoutCustomizationAccordionComponent, connectorStyleStyleAndLayoutCustomizationComponent } from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, draggableOptionContainer, draggableOptionsSectionComponent, correctIncorrectAnswerLabelComponent, maximumCapacityPerDropzoneComponent, optionsWrapperComponent, ckEditorToolbar, equationEditorFlyout, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, randomizeOptionsComponent, autoScoredScoringSectionMultiResponseType, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, ariaLabelSectionComponent, additionalSettingsAccessibilitySectionComponent, gradingViewEnumerationComponent, additionalSettingsPanel, toolSettingsComponent, styleAndLayoutCustomizationAccordionComponent, connectorStyleStyleAndLayoutCustomizationComponent, showAlternativeAnswersComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 const options = ['option 1', 'option 2', 'option 3'];
@@ -26,6 +26,7 @@ const selectors = {
     ...additionalSettingsPanel,
     ...connectorStyleStyleAndLayoutCustomizationComponent,
     ...ckEditorToolbar,
+    ...showAlternativeAnswersComponent,
     //Edit tab
     promptInputField: () => cy.get('.edit-mcq-stems-wrapper [role="textbox"]'),
     promptInputFieldWrapper: () => cy.get('.edit-mcq-stems-wrapper .edit-mcq-option-wrapper'),
@@ -108,6 +109,7 @@ const selectors = {
     correctAnswersNumeration: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponseWrapper: () => cy.get('[class*="ClozeWithDragAndDropstyles__AnswerCell"]'),
     correctAnswersOptions: () => cy.get('.match-list-drag-and-drop'),
+    correctAnswersWrapper: () => cy.get('[class*="ClozeWithDragAndDropstyles__CorrectAnswers"]'),
     correctAnswersOptionContainer: () => cy.get('.draggable-selected-option, .draggable-item'),
     gradingViewOption: () => cy.get('.item-content-wrapper'),
     questionBorderPreviewTab: () => cy.get('[class*="ClozeWithDragAndDropstyles__WrapperDiv"]'),
@@ -228,6 +230,7 @@ const steps = {
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
     ...createItemPage.steps,
+    ...showAlternativeAnswersComponent.steps,
     //Edit tab
     addPrompt: () => {
         matchingPage.addPromptButton()
@@ -958,6 +961,25 @@ const steps = {
         });
     },
 
+    /**
+    * @param {Array<{label: string, points: string, answers: string[][]}>} alternativeAnswers - Array of alternative answer objects.
+    * @description Verifies alternative answer sections with labels, points, enumeration, and answers.
+    * Example: verifyAlternativeAnswerSections([{label: 'Alternative answer 1', points: '(10 points)', answers: [['Elephant'], ['Fish'], ['Cat']]}])
+    */
+    verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount: (alternativeAnswers = []) => {
+        matchingPage.correctAnswersWrapper()
+            .eq(1)
+            .within(() => {
+                utilities.verifyElementCount(matchingPage.correctAnswersOptions(), alternativeAnswers.length);
+                alternativeAnswers.forEach((correctAnswer, index) => {
+                    utilities.verifyTextContent(utilities.getNthElement(matchingPage.correctAnswersNumeration(), index), index + 1);
+                    correctAnswer.forEach((answerOption) => {
+                        utilities.verifyTextContent(utilities.getNthElement(matchingPage.correctAnswersOptions(), index), answerOption);
+                    });
+                });
+            });
+    },
+
     /**
      * Verifies correct answer responses in the correct answer section and counts the number of correct answer groups.
      * @param {string[][]} correctAnswerArray - An array of arrays containing correct answer responses for each group.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.583",
+  "version": "1.0.584-IEI-7048-098328c.0",
   "description": "",
   "main": "index.js",
   "scripts": {