itemengine-cypress-automation 1.0.579-IEI-7046-a317a6b.0 → 1.0.580-IEI-7040-1e744fc.0

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePoints.js

@@ -2,6 +2,7 @@ import { fillInTheGapsDropdownPage } from "../../../../pages";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 import utilities from "../../../../support/helpers/utilities";
 const css = Cypress.env('css');
+import { showAlternativeAnswersComponent } from "../../../../pages/components";
 
 const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
@@ -9,6 +10,7 @@ const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answe
 const correctAnswerArray = ['Flower', 'Leaf', 'Stem'];
 const alternateAnswerArray = ['Petal', 'Leaves', 'Stem'];
 const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Fill in the gaps with dropdown: Partial equal weights with alternative answers', () => {
     before(() => {
@@ -41,8 +43,26 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
         it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective dropdown numeration', () => {
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-            utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
         });
 
         it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed', () => {
@@ -94,7 +114,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -114,7 +152,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section should not be displayed');
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -134,7 +190,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, correct icon should be displayed besides the correctly answered dropdowns, incorrect icon should be displayed beside alternative accordion responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -154,7 +228,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user has attempted the question with common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correctly answered dropdown, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -174,7 +266,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(15 points)', '(5 points)', '(5 points)', '(5 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Stem']],
+                        points: ['(9 points)', '(3 points)', '(3 points)', '(3 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.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 all incorrect dropdowns, no icon should be displayed beside unattempted dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();
@@ -200,7 +310,25 @@ describe('Create item page - Fill in the gaps with dropdown: Partial equal weigh
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            if (alternativeAnswerCheck) {
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower'],['Leaf'],['Stem']],
+                        points: ['(23 points)', '(7.67 points)', '(7.67 points)', '(7.67 points)'],
+                    },
+                    {
+                        correctAnswers: [['Petal'],['Leaves'],['Roots']],
+                        points: ['(5 points)', '(1.67 points)', '(1.67 points)', '(1.67 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
             /*cy.log('When the user attempts the question with more number of correct responses from the alternative accordion than the correct accordion but the score of the individual response from the correct accordion overpowers the combined score of the alternative accordion answers and clicks on the \'Check answer\' button, correct icons should be displayed beside correct accordion responses, incorrect icons should be displayed beside alternative accordion responses, correct/incorrect answer label, correct answer container should not be displayed')
             fillInTheGapsDropdownPage.steps.checkAnswer();

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/responseLevelAlternateAnswerBasicScoring.js

@@ -4,6 +4,7 @@ import abortEarlySetup from "../../../../support/helpers/abortEarly";
 const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
 const correctAnswerArray = ['Flower', 'Leaf', 'Stem', 'Petal', 'Leaves'];
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Fill in the gaps with drop down: Response level alternate answer basic scoring', () => {
     before(() => {
@@ -33,7 +34,16 @@ describe('Create item page - Fill in the gaps with drop down: Response level alt
             fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 10);
             fillInTheGapsDropdownPage.steps.switchToGradingView();
             fillInTheGapsDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf']);
+            if (alternativeAnswerCheck) {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower', 'Petal'], ['Leaf', 'Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf']);
+            }
         });
 
         it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed besides the incorrect response, a status message with text \'Your answer is incorrect\' and correct answers section should be displayed with the first correct answer set for the dropdown in specify correct answer section', () => {
@@ -44,7 +54,16 @@ describe('Create item page - Fill in the gaps with drop down: Response level alt
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
             fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
             fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf']);
+            if (alternativeAnswerCheck) {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                    {
+                        correctAnswers: [['Flower', 'Petal'], ['Leaf', 'Leaves']],
+                        points: ['(10 points)'],
+                    }
+                ]);
+            } else {
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf']);
+            }
             fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
 

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

@@ -1,14 +1,17 @@
 import { dialogBoxBase, fillInTheGapsDropdownPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
+import { showAlternativeAnswersComponent } from "../../../pages/components";
 const grepTags = Cypress.env('grepTags');
 let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 var itemReferenceID = "";
+const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
 const correctAnswerArray = ['Flower', 'Leaf'];
+const alternateAnswerArray = ['Petal', 'Leaves'];
 const incorrectAnswerArray = ['Branch', 'Seed'];
 
 describe('Create item page - Fill in the gaps with dropdown: All or nothing ', () => {
@@ -107,7 +110,11 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                     fillInTheGapsDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
                 fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-                utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                if (alternativeAnswerCheck) {
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('(20 points)');
+                } else {
+                    utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                }
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
@@ -174,6 +181,183 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
         });
     });
 
+    if (alternativeAnswerCheck) {
+        views.forEach((view) => {
+            describe(`${view}: Auto scored - All or nothing scoring with alternate answers`, { tags: 'smoke' }, () => {
+                abortEarlySetup();
+                before(() => {
+                    switch (view) {
+                        case 'Question preview':
+                            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                            cy.barsPreLoaderWait();
+                            fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                            fillInTheGapsDropdownPage.steps.allotPoints(20);
+                            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                            fillInTheGapsDropdownPage.steps.addAlternativeAnswerAccordion(1);
+                            fillInTheGapsDropdownPage.steps.allotPoints(10);
+                            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+                            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+                            fillInTheGapsDropdownPage.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':
+                            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+                            break;
+                        case 'Item preview':
+                            fillInTheGapsDropdownPage.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(() => {
+                        fillInTheGapsDropdownPage.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') {
+                        fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDropdownPage.steps.switchToGradingView();
+                        fillInTheGapsDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                    };
+                    fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+                    fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                        {
+                            correctAnswers: [['Flower'],['Leaf']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petal'],['Leaves']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                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', () => {
+                    fillInTheGapsDropdownPage.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') {
+                        fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                    fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                        {
+                            correctAnswers: [['Flower'],['Leaf']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petal'],['Leaves']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                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();
+                    };
+                    fillInTheGapsDropdownPage.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') {
+                        fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+                        fillInTheGapsDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                    fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleExists();
+                    showAlternativeAnswersComponent.steps.disableShowAlternativeAnswersToggle();
+                    showAlternativeAnswersComponent.steps.verifyShowAlternativeAnswersToggleUnchecked();
+                    fillInTheGapsDropdownPage.steps.verifyAlternativeAnswersSectionNotExist();
+                    showAlternativeAnswersComponent.steps.clickShowAlternativeAnswersToggle();
+                    fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionWithAlternateAnswer([
+                        {
+                            correctAnswers: [['Flower'],['Leaf']],
+                            points: ['(20 points)'],
+                        },
+                        {
+                            correctAnswers: [['Petal'],['Leaves']],
+                            points: ['(10 points)'],
+                        }
+                    ]);
+                });
+
+                it('When the user attempts the question correctly, then the user should be awarded with full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+                    if (view === 'Grading view') {
+                        studentViewPage.steps.clearResponses();
+                    };
+                    fillInTheGapsDropdownPage.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') {
+                        fillInTheGapsDropdownPage.steps.verifyPreviewScore(20, 20);
+                        fillInTheGapsDropdownPage.steps.switchToGradingView();
+                    };
+                    fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+                    fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+                    fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                });
+            });
+        });
+    };
+
     views.forEach((view) => {
         describe(`${view}: Manually scored`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -311,7 +495,11 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                     fillInTheGapsDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
                 fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
-                utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                if (alternativeAnswerCheck) {
+                    showAlternativeAnswersComponent.steps.verifyCorrectAnswersLabelAndPointVisible('');
+                } else {
+                    utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                }
                 fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
                 fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });

package/cypress/e2e/ILC/Matching/questionInstructionsAndPromptSection.js

@@ -3,6 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 const promptArray = ['Land pollution', 'Water pollution', 'Air pollution'];
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 describe('Create Item page - Matching : Question Instructions and prompt section', () => {
     before(() => {
@@ -272,6 +273,22 @@ describe('Create Item page - Matching : Question Instructions and prompt section
             utilities.verifyElementVisibilityState(matchingPage.dropzoneColumnAndPromptHeaderWrapperPreviewTab(), 'notExist');
         });
 
+         if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in question instruction, user should be able to expand the image in preview tab', () => {
+                matchingPage.steps.switchToEditTab();
+                matchingPage.steps.clearPromptInputField(0);
+                matchingPage.steps.focusInPromptInputField(0);
+                matchingPage.steps.selectImageOptionFromCKEditorToolbar();
+                matchingPage.steps.addImageToInputField();
+                matchingPage.steps.switchToPreviewTab();
+                matchingPage.steps.verifyExpandIconInImage();
+                matchingPage.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(matchingPage.closeImagePopup(), 'Close');
+                matchingPage.steps.closeImagePopup();
+                matchingPage.steps.verifyExpandIconInImage();
+            });
+        }
+
         it('CSS of added prompt in \'Preview\' tab table', { tags: 'css' }, () => {
             utilities.verifyCSS(matchingPage.promptContainerPreviewTab().find('.question-text-wrapper'), {
                 'color': css.color.text,

package/cypress/e2e/ILC/MultipleSelection/previewContentsForAllViews.smoke.js

@@ -6,6 +6,7 @@ let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Stu
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
 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'];
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 describe('Create item page - Multiple selection: Preview contents', () => {
     before(() => {
@@ -91,6 +92,23 @@ describe('Create item page - Multiple selection: Preview contents', () => {
                 multipleSelectionPage.steps.verifyEquationTextInPreviewTab(2);
                 cy.eyesCheckWindow(`Multiple selection - ${view} - Image, Bold Text, and Equation Display`);
             });
+            if (imageExpandEnhancement  === 'true') {
+                it('Image expand icon should be visible on the image in option', () => {
+                    multipleSelectionPage.steps.verifyImageInPreviewTab(0);
+                    multipleSelectionPage.steps.verifyExpandIconInImage();
+                });
+
+                it('When the user clicks on the expand button then the image should be expanded and a close button should be displayed', () => {
+                    multipleSelectionPage.steps.verifyImageInPreviewTab(0);
+                    multipleSelectionPage.steps.clickExpandIconInImage();
+                    utilities.verifyInnerText(multipleSelectionPage.closeImagePopup(), 'Close');
+                });
+
+                it('When the user clicks on the close button the expanded option should be minimized and the expand icon should be displayed on image again in the option', () => {
+                    multipleSelectionPage.steps.closeImagePopup();
+                    multipleSelectionPage.steps.verifyExpandIconInImage();
+                });
+            }
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
                 it(`All the options should be in unchecked state`, () => {

package/cypress/e2e/ILC/MultipleSelectionGridNew/previewContentsForAllViews.smoke.js

@@ -6,6 +6,7 @@ const css = Cypress.env('css');
 let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view', 'Print preview'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 describe('Create item page - Multiple selection grid: Preview contents', () => {
     before(() => {
@@ -94,6 +95,24 @@ describe('Create item page - Multiple selection grid: Preview contents', () => {
                     utilities.verifyInnerText(multipleSelectionGridPage.questionInstructionsText(), 'Please select where the following animals are found');
                     utilities.verifyElementVisibilityState(multipleSelectionGridPage.questionInstructionsText(), 'visible');
                 });
+                
+                if (imageExpandEnhancement  === 'true') {
+                    it('Image expand icon should be visible on the image in option', () => {
+                        multipleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
+                        multipleSelectionGridPage.steps.verifyExpandIconInImage();
+                    });
+
+                    it('When the user clicks on the expand button then the image should be expanded and a close button should be displayed', () => {
+                        multipleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
+                        multipleSelectionGridPage.steps.clickExpandIconInImage();
+                        utilities.verifyInnerText(multipleSelectionGridPage.closeImagePopup(), 'Close');
+                    });
+
+                    it('When the user clicks on the close button the expanded option should be minimized and the expand icon should be displayed on image again in the option', () => {
+                        multipleSelectionGridPage.steps.closeImagePopup();
+                        multipleSelectionGridPage.steps.verifyExpandIconInImage();
+                    });
+                }
     
                 it(`Multiple selection grid - The question grid as set by the user should be displayed in the ${view}`, () => {
                     multipleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');

package/cypress/e2e/ILC/NumberLineLabel/editTabBasicSection.js

@@ -3,6 +3,7 @@ import { ckEditorToolbar, equationEditorFlyout } from "../../../pages/components
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 const labels = ['Label 1', 'Label 2', 'Label 3']
 describe('Create Item page - Number line label : Question instructions and label section', () => {
     before(() => {
@@ -41,6 +42,23 @@ describe('Create Item page - Number line label : Question instructions and label
             utilities.verifyTextContent(numberLineLabelPage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
         });
 
+        if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in question instruction, user should be able to expand the image in preview tab', () => {
+                numberLineLabelPage.steps.switchToEditTab();
+                numberLineLabelPage.steps.clearQuestionInstructionsInputField();
+                numberLineLabelPage.steps.focusInQuestionInstructionsInputField();
+                numberLineLabelPage.steps.selectImageOptionFromCKEditorToolbar();
+                numberLineLabelPage.steps.addImageToInputField();
+                numberLineLabelPage.steps.focusOutQuestionInstructionsInputField();
+                numberLineLabelPage.steps.switchToPreviewTab();
+                numberLineLabelPage.steps.verifyExpandIconInImage();
+                numberLineLabelPage.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(numberLineLabelPage.closeImagePopup(), 'Close');
+                numberLineLabelPage.steps.closeImagePopup();
+                numberLineLabelPage.steps.verifyExpandIconInImage();
+            });
+        }
+
         //Need to remove this comment once https://redmine.zeuslearning.com/issues/578531 is resolved
         // numberLineLabelPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
     });