itemengine-cypress-automation 1.0.600 → 1.0.602-IEI-7279-fe9422d.0

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/allOrNothingForAllView.smoke.js

@@ -10,6 +10,10 @@ const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
 const correctAnswerArray = ['Flower', 'Leaf'];
 const incorrectAnswerArray = ['Branch', 'Seed'];
+const alternateAnswerArray = ['Petal', 'Leaves'];
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT');
+const correctAnswerLabel = 'Correct answer';
+const alternativeAnswerLabel = 'Alternative answer';
 
 describe('Create item page - Fill in the gaps over image - dropdown: All or nothing ', () => {
     before(() => {
@@ -116,8 +120,12 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                     fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
                 fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-                utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                if(alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(20 points)', 0);
+                } else {
+                    utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+                }
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
 
@@ -137,6 +145,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
 
             it('When the user attempts the question partially correct, 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', () => {
@@ -158,6 +169,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
 
             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', () => {
@@ -180,10 +194,188 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
         });
     });
 
+    if (alternativeAnswerCheck === 'true') {
+        views.forEach((view) => {
+            describe(`${view}: Auto scored - All or nothing scoring with alternative answers`, { tags: 'smoke' }, () => {
+                abortEarlySetup();
+                before(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                            cy.barsPreLoaderWait();
+                            fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+                            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                            fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+                            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                            fillInTheGapsOverImageDropdownPage.steps.addAlternativeAnswerAccordion(1);
+                            fillInTheGapsOverImageDropdownPage.steps.allotPoints(10);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+                            fillInTheGapsOverImageDropdownPage.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':
+                            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Item preview':
+                            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            itemPreviewPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Grading view':
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploadedInPreviewTab();
+                            break;
+                    }
+                });
+
+                if (view === 'Question preview') {
+                    after(() => {
+                        fillInTheGapsOverImageDropdownPage.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') {
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(20 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleExists();
+                    fillInTheGapsOverImageDropdownPage.steps.disableShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(alternativeAnswerLabel, '(10 points)', 1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray, 1);
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                });
+
+                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', () => {
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                    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') {
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(20 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleExists();
+                    fillInTheGapsOverImageDropdownPage.steps.disableShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(alternativeAnswerLabel, '(10 points)', 1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray, 1);
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                });
+
+                it('When the user attempts the question partially correct, 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();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                    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') {
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(20 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleExists();
+                    fillInTheGapsOverImageDropdownPage.steps.disableShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(alternativeAnswerLabel, '(10 points)', 1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray, 1);
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.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();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                    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') {
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(20, 20);
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                });
+            });
+        });
+    }
+
     views.forEach((view) => {
         describe(`${view}: Manually scored`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -259,6 +451,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyAnswerStatusBannerNotExist();
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
         });
     });
@@ -331,7 +526,12 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                     fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
                 fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-                utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(0 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                } else {
+                    utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+                }
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
@@ -351,6 +551,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
 
             it('When the user attempts the question partially correct, 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', () => {
@@ -371,6 +574,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
 
             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', () => {
@@ -391,10 +597,184 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                if (alternativeAnswerCheck === 'true') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                }
             });
         });
     });
 
+    if (alternativeAnswerCheck === 'true') {
+        views.forEach((view) => {
+            describe(`${view}: Non scored with alternative answers`, { tags: 'smoke' }, () => {
+                abortEarlySetup();
+                before(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                            cy.barsPreLoaderWait();
+                            fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+                            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                            fillInTheGapsOverImageDropdownPage.steps.expandScoringTypeDropdown();
+                            fillInTheGapsOverImageDropdownPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                            fillInTheGapsOverImageDropdownPage.steps.addAlternativeAnswerAccordion(1);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+                            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+                            fillInTheGapsOverImageDropdownPage.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':
+                            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Item preview':
+                            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            itemPreviewPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Grading view':
+                            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploadedInPreviewTab();
+                            break;
+                    }
+                });
+
+                if (view === 'Question preview') {
+                    after(() => {
+                        fillInTheGapsOverImageDropdownPage.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();
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                        fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(0 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleExists();
+                    fillInTheGapsOverImageDropdownPage.steps.disableShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(alternativeAnswerLabel, '(0 points)', 1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray, 1);
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                });
+
+                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', () => {
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(0 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleExists();
+                    fillInTheGapsOverImageDropdownPage.steps.disableShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(alternativeAnswerLabel, '(0 points)', 1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray, 1);
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                });
+
+                it('When the user attempts the question partially correct, 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();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(correctAnswerLabel, '(0 points)', 0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleExists();
+                    fillInTheGapsOverImageDropdownPage.steps.disableShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleChecked();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAnswerLabelAndPoints(alternativeAnswerLabel, '(0 points)', 1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray, 1);
+                    fillInTheGapsOverImageDropdownPage.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsOverImageDropdownPage.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();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.submitResponse();
+                        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                        studentViewPage.steps.clickOnGoToGradingViewButton();
+                    };
+                    if (view === 'Question preview' || view === 'Item preview') {
+                        fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                        fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyShowAlternativeAnswersToggleNotExists();
+                });
+            });
+        });
+    }
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { imageCanvasComponent, autoScoredScoringPreviewTab, createQuestionBasePage, backgroundImageUploadComponent, scoringSectionBaseEditTab, questionInstructionsComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, fillInTheGapsDropdownCommonComponent, randomizeOptionsComponent, optionsWrapperComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, placeholderTextSectionComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, commonComponents, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent } from "./components";
+import { imageCanvasComponent, autoScoredScoringPreviewTab, createQuestionBasePage, backgroundImageUploadComponent, scoringSectionBaseEditTab, questionInstructionsComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, fillInTheGapsDropdownCommonComponent, randomizeOptionsComponent, optionsWrapperComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, placeholderTextSectionComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent, commonComponents, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent, showAlternativeAnswersComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 
@@ -21,12 +21,15 @@ const selectors = {
     ...autoScoredSpecifyCorrectAnswerSection,
     ...figCommonStyleAndLayoutComponent,
     ...connectorStyleStyleAndLayoutCustomizationComponent,
+    ...showAlternativeAnswersComponent,
 
     optionsInputField: () => cy.get('[class*="TextFieldWrapper"] input'),
     optionNumeration: () => cy.get('.MuiInputAdornment-positionStart'),
     pointsLabel: () => cy.get('.cloze-with-text-partial-points-per-response-label'),
     dropdownWrapperPreviewTab: () => cy.get('[class*="Canvasstyle__DropzoneWrapper"]'),
     correctAnswerResponseWrapper: () => cy.get('[class*="LabelImageWithDropdownPreviewstyles__AnswerCell"]'),
+    correctAnswersWrapper: () => cy.get('[class*="LabelImageWithDropdownPreviewstyles__CorrectAnswers"]'),
+    correctAnswersNumeration: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponse: () => cy.get('[class*="LabelImageWithDropdownPreviewstyles__AnswerWrapper"]'),
     correctAnswerSectionWrapper: () => cy.get('.dnd-correct-answer-wrapper'),
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="correct-answers-label"]'),
@@ -65,6 +68,7 @@ const steps = {
     ...figCommonStyleAndLayoutComponent.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
     ...createItemPage.steps,
+    ...showAlternativeAnswersComponent.steps,
     /**
      * Verify that the correct option icon is is displayed for a specific dropdown.
      * @param {number} dropdownIndex - The index of the dropdown.
@@ -208,6 +212,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 = [], index) => {
+        fillInTheGapsOverImageDropdownPage.correctAnswersWrapper()
+            .eq(index)
+            .within(() => {
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.correctAnswerResponseWrapper(), alternativeAnswers.length);
+                alternativeAnswers.forEach((correctAnswer, index) => {
+                    utilities.verifyTextContent(utilities.getNthElement(fillInTheGapsOverImageDropdownPage.correctAnswersNumeration(), index), index + 1);
+                    fillInTheGapsOverImageDropdownPage.correctAnswerResponse()
+                        .eq(index)
+                        .should('have.text', correctAnswer);
+                });
+            });
+    },
+
     verifyVisibilityOfCorrectAnswerLabel: () => {
         utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
     },

package/cypress/pages/matchingPage.js

@@ -966,9 +966,9 @@ const steps = {
     * @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 = []) => {
+    verifyAlternativeAnswerResponsesInCorrectAnswerSectionAndCount: (alternativeAnswers = [], index) => {
         matchingPage.correctAnswersWrapper()
-            .eq(1)
+            .eq(index)
             .within(() => {
                 utilities.verifyElementCount(matchingPage.correctAnswersOptions(), alternativeAnswers.length);
                 alternativeAnswers.forEach((correctAnswer, index) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.600",
+  "version": "1.0.602-IEI-7279-fe9422d.0",
   "description": "",
   "main": "index.js",
   "scripts": {