itemengine-cypress-automation 1.0.579-IEI-7178-6f40615.0 → 1.0.579-IEI-7193-main-6a7df51.0

package/cypress/config-files/ilprod.json

@@ -13,6 +13,7 @@
         "organisation_id": "eb7d4a20-c96c-4852-9b34-7e3231016315",
         "migration_usernme": "ilc-prod-content-user",
         "migration_password": "Oj2kTWQM7ZRmegmS",
-        "ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT": "false"
+        "ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT": "false",
+        "ENABLE_EXPAND_IMAGE_ENHANCEMENT": "false"
     }
 }

package/cypress/config-files/ilqa.json

@@ -13,6 +13,7 @@
         "organisation_id": "eb7d4a20-c96c-4852-9b34-7e3231016315",
         "migration_usernme": "demo-technical-tester",
         "migration_password": "SXYeokWOoTuwEg2w",
-        "ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT": "true"
+        "ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT": "true",
+        "ENABLE_EXPAND_IMAGE_ENHANCEMENT": "true"
     }
 }

package/cypress/config-files/ilstage.json

@@ -11,6 +11,7 @@
         "admin_username": "demouser-ilc",
         "admin_password": "T6b9FK0pC6Tg8wDz",
         "organisation_id": "eb7d4a20-c96c-4852-9b34-7e3231016315",
-        "ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT": "false"
+        "ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT": "false",
+        "ENABLE_EXPAND_IMAGE_ENHANCEMENT": "false"
     }
 }

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();
     });

package/cypress/e2e/ILC/ShortTextResponseNew/Scoring/allOrNothingAlternativePointsGreaterThanCorrectPoints.js

@@ -1,7 +1,6 @@
 import { shortTextResponsePage } from "../../../../pages/shortTextResponsePage";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Short text response: All or nothing with alternative answer', () => {
     before(() => {
@@ -25,11 +24,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
         it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and answer input field should have incorrect answer border and correct answer section should be displayed below response input field', () => {
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
-            if (alternativeAnswerCheck) {
-                shortTextResponsePage.steps.verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper('Fossil fuel combustion', 20, 'Buildings', 10);
-            } else {
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Fossil fuel combustion');
-            }
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Fossil fuel combustion');
             shortTextResponsePage.steps.switchToStudentView();
         });
 
@@ -61,11 +56,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            if (alternativeAnswerCheck) {
-                shortTextResponsePage.steps.verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper('Fossil fuel combustion', 20, 'Buildings', 10);
-            } else {
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Fossil fuel combustion');
-            }
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Fossil fuel combustion');
             shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
     });

package/cypress/e2e/ILC/ShortTextResponseNew/Scoring/allOrNothingCorrectPointsEqualToAlternativePoints.js

@@ -1,7 +1,6 @@
 import { shortTextResponsePage } from "../../../../pages/shortTextResponsePage";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Short text response: All or nothing with alternative answer', () => {
     before(() => {
@@ -25,11 +24,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
         it('When the user switches to \'Grading\' view without attempting the question, then incorrect border and correct answer section should be displayed', () => {
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
-            if (alternativeAnswerCheck) {
-                shortTextResponsePage.steps.verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper('Buildings', 20, 'Fossil fuel combustion', 20);
-            } else {
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
-            }
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             shortTextResponsePage.steps.switchToStudentView();
         });
 
@@ -61,11 +56,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            if (alternativeAnswerCheck) {
-                shortTextResponsePage.steps.verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper('Buildings', 20, 'Fossil fuel combustion', 20);
-            } else {
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
-            }
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
     });

package/cypress/e2e/ILC/ShortTextResponseNew/Scoring/allOrNothingCorrectPointsGreaterThanAlternativePoints.js

@@ -1,7 +1,6 @@
 import { shortTextResponsePage } from "../../../../pages/shortTextResponsePage";
 import abortEarlySetup from "../../../../support/helpers/abortEarly";
 const css = Cypress.env('css');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Short text response: All or nothing with alternative answer', () => {
     before(() => {
@@ -26,11 +25,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyCorrectIncorrectIconNotVisibleGradingView();
             shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
-            if (alternativeAnswerCheck) {
-                shortTextResponsePage.steps.verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper('Buildings', 20, 'Fossil fuel combustion', 10);
-            } else {
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
-            }
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             shortTextResponsePage.steps.switchToStudentView();
         });
 
@@ -66,11 +61,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            if (alternativeAnswerCheck) {
-                shortTextResponsePage.steps.verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper('Buildings', 20, 'Fossil fuel combustion', 10);
-            } else {
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
-            }
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
         });
 
         shortTextResponsePage.tests.verifyIncorrectAnswerLabelAndBorderCSSAndA11y('short text response');

package/cypress/e2e/ILC/ShortTextResponseNew/Scoring/allOrNothingWeightsBasic.js

@@ -21,7 +21,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
         it('When the user switches to \'Grading\' view without attempting the question, then incorrect border and correct answer section should not be displayed', () => {
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             shortTextResponsePage.steps.switchToStudentView();
         });
 
@@ -42,7 +42,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             shortTextResponsePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
         });
     });
@@ -67,7 +67,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
 
         });
 
@@ -80,7 +80,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
         });
 
         it('When the user attempts the question correctly, then the user should be awarded 20 points and on switching to \'Grading\' view, correct icon should be displayed beside response input field, correct answer border should be displayed in question preview', () => {
@@ -112,7 +112,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.verifyPreviewScore(5, 20);
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
         });
 
         it('When the user sets minimum scoring to \'Award minimum score\', allots minimum points and attempts the question incorrectly, then the user should be awarded with minimum points', () => {
@@ -121,7 +121,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
         });
 
         it('When the user sets minimum scoring to \'Award minimum score\', allots minimum points and attempts the question correctly, then the user should be awarded with 20 points', () => {
@@ -149,7 +149,7 @@ describe('Create item page - Short text response: All or nothing with alternativ
             shortTextResponsePage.steps.switchToGradingView();
             shortTextResponsePage.steps.verifyIncorrectIcon();
             shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
-            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+            shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
         });
 
         it('When the user sets minimum scoring to \'Award minimum score only if attempted\', allots minimum points and attempts the question correctly, then the user should be awarded with 20 points', () => {

package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js

@@ -7,7 +7,6 @@ let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
 const views = utilities.getViews(correctAnswerViews);
 const css = Cypress.env('css');
 var itemReferenceID = "";
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 describe('Create item page - Short text response: All or nothing', () => {
     before(() => {
@@ -111,7 +110,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 }
                 //Need to remove comment once https://redmine.zeuslearning.com/issues/576511 is resolved
                 // shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
-                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+                shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             });
 
             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 incorrect response, incorrect answer border around response field and correct answer should be displayed in the question preview', () => {
@@ -121,7 +120,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton()
                     gradingViewPage.steps.verifyGradingViewScore(0, 20);
-                    shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings', 20);
+                    shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
                 }
                 if (view === 'Question preview' || view === 'Item preview') {
                     shortTextResponsePage.steps.switchToGradingView();
@@ -282,6 +281,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                     shortTextResponsePage.steps.checkNonScoredScoringLabel();
                     shortTextResponsePage.steps.switchToGradingView();
                 };
+                utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'Correct answer:');
                 shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Urbanization');
             });
 

package/cypress/e2e/ILC/SingleSelection/previewContents.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 - Single selection: Preview contents', () => {
     before(() => {
@@ -94,6 +95,23 @@ describe('Create item page - Single selection: Preview contents', () => {
                 singleSelectionPage.steps.verifyEquationTextInPreviewTab(3);
                 cy.eyesCheckWindow(`Single selection - ${view} - Options with image, equation, bold text, and link`);
             });
+            if (imageExpandEnhancement  === 'true') {
+                it('Image expand icon should be visible on the image in option', () => {
+                    singleSelectionPage.steps.verifyImageInPreviewTab(0);
+                    singleSelectionPage.steps.verifyExpandIconInImage();
+                });
+
+                it('When the user clicks on the expand button then the image should be expanded and a close button should be displayed', () => {
+                    singleSelectionPage.steps.verifyImageInPreviewTab(0);
+                    singleSelectionPage.steps.clickExpandIconInImage();
+                    utilities.verifyInnerText(singleSelectionPage.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', () => {
+                    singleSelectionPage.steps.closeImagePopup();
+                    singleSelectionPage.steps.verifyExpandIconInImage();
+                });
+            }
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
                 it(`All the options should be in unchecked state`, () => {

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

@@ -5,6 +5,7 @@ import utilities from "../../../support/helpers/utilities";
 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);
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 var itemReferenceID = "";
 describe('Create item page - Single selection grid: Preview contents', () => {
     before(() => {
@@ -93,6 +94,24 @@ describe('Create item page - Single selection grid: Preview contents', () => {
                     utilities.verifyInnerText(singleSelectionGridPage.questionInstructionsText(), 'Please select where the following animals are found');
                     utilities.verifyElementVisibilityState(singleSelectionGridPage.questionInstructionsText(), 'visible');
                 });
+
+                if (imageExpandEnhancement  === 'true') {
+                    it('Image expand icon should be visible on the image in option', () => {
+                        singleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
+                        singleSelectionGridPage.steps.verifyExpandIconInImage();
+                    });
+
+                    it('When the user clicks on the expand button then the image should be expanded and a close button should be displayed', () => {
+                        singleSelectionGridPage.steps.verifyTableCellWithImageInPreviewTab({ row: 1, column: 1 });
+                        singleSelectionGridPage.steps.clickExpandIconInImage();
+                        utilities.verifyInnerText(singleSelectionGridPage.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', () => {
+                        singleSelectionGridPage.steps.closeImagePopup();
+                        singleSelectionGridPage.steps.verifyExpandIconInImage();
+                    });
+                }
     
                 it(`Single selection - grid ${view} - The question grid as set by the user should be displayed in the ${view}`, () => {
                     singleSelectionGridPage.steps.verifyTableCellPropertyPreviewTab({ row: 0, column: 0 }, 'None');

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

@@ -3,6 +3,7 @@ import { commonComponents } 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');
 
 describe('Create item page - Text entry math: Question instructions, Add structure - Question input field', () => {
     before(() => {
@@ -197,6 +198,22 @@ describe('Create item page - Text entry math: Question instructions, Add structu
             textEntryMathPage.steps.switchToPreviewTab();
             utilities.verifyElementCount(textEntryMathPage.responseFieldPreviewTab(), 1);
         });
+        
+        if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in question input field, user should be able to expand the image in preview tab', () => {
+                textEntryMathPage.steps.switchToEditTab();
+                textEntryMathPage.steps.focusInQuestionInputField();
+                textEntryMathPage.steps.selectImageOptionFromCKEditorToolbar();
+                textEntryMathPage.steps.addImageToInputField();
+                textEntryMathPage.steps.switchToPreviewTab();
+                textEntryMathPage.steps.verifyExpandIconInImage();
+                textEntryMathPage.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(textEntryMathPage.closeImagePopup(), 'Close');
+                textEntryMathPage.steps.closeImagePopup();
+                textEntryMathPage.steps.verifyExpandIconInImage();
+            
+            });
+        }
     });
 
     describe('User should be able to edit incomplete authored question', () => {

package/cypress/e2e/ILC/TextSelection/questionInstructionsAndQuestion.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 imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 describe('Create Item page - Text selection: Question Instructions and Question section', () => {
     before(() => {
@@ -191,6 +192,21 @@ describe('Create Item page - Text selection: Question Instructions and Question
             textSelectionPage.steps.verifyBoldTextInPreviewTab();
             textSelectionPage.steps.verifyLinkInPreviewTab();
         });
+        if (imageExpandEnhancement  === 'true') {
+            it('Image expand icon should be visible on the image in option', () => {
+                textSelectionPage.steps.verifyExpandIconInImage();
+            });
+
+            it('When the user clicks on the expand button then the image should be expanded and a close button should be displayed', () => {
+                textSelectionPage.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(textSelectionPage.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', () => {
+                textSelectionPage.steps.closeImagePopup();
+                textSelectionPage.steps.verifyExpandIconInImage();
+            });
+        }
 
         //Failing due to https://redmine.zeuslearning.com/issues/537907
         it('CSS of \'Preview tab\' when image, equation, bold text and link are added', { tags: 'css' }, () => {

package/cypress/e2e/ILC/dataApi/fetchQuestion.js

@@ -402,4 +402,43 @@ describe('Get Question Data API cases', () => {
             .eq(1)
             .should('have.text', `{\n  \"meta\": {\n    \"status\": true,\n    \"records\": 0,\n    \"next_token\": null,\n    \"timestamp\": ${timestamp}\n  },\n  \"data\": []\n}\n`);
     });
+
+    it('Entering a request for a text selection question type', () => {
+        cy.get('textarea[class="body-param__text"]')
+            .clear()
+            .fill(`{\n  "item_references": [],\n  "references": [],\n  "types": ["text selection"],\n  "limit": 1,\n  "sort_field": "created",\n  "sort": "desc"\n}\n`);
+        cy.get('.execute')
+            .click();
+        cy.wait(2000);
+        cy.get('.loading-container')
+            .should('not.exist');
+        cy.get('td[class="response-col_status"]')
+            .eq(0)
+            .should('have.text', '200');
+        cy.get('td.response-col_description')
+            .find('code.language-json')
+            .eq(0)
+            .invoke('text')
+            .then((text) => {
+                const jsonResponse = JSON.parse(text);
+                expect(jsonResponse.data[0]).to.include.keys(
+                    'reference',
+                    'type',
+                    'content',
+                    'correct_answer',
+                    'scoring',
+                    'settings',
+                );
+
+                expect(jsonResponse.data[0].settings).to.include.keys(
+                    'additional_settings',
+                    'print_layout_settings',
+                    'student_view_settings',
+                    'style_and_layout_customize_settings',
+                    'tool_settings',
+                );
+
+                expect(jsonResponse.data[0].type).to.equal('text selection');
+            });
+    });
 });

package/cypress/e2e/ILC/dataApi/saveQuestions.js

@@ -235,4 +235,57 @@ describe('Set Question Data API cases', () => {
             .eq(7)
             .should('have.text',"true");
     });
+
+    it('Creating text selection question and resource from save API', () => {
+        unique_reference_id_1 = uuid();
+        unique_reference_id_2 = uuid();
+        cy.visit('/item-engine/data-api/item-bank/save-questions');
+        cy.get('.try-out__btn')
+            .click();
+        cy.get('textarea[class="body-param__text"]')
+            .clear()
+          .fill(`{"questions":[{"reference":"${unique_reference_id_1}","type":"text selection","content":{"instruction":"test","acknowledgements":"Acknowledgements and references","sampleAnswer":"Sample Answer","question":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>","highlightedText":"<p><span class='word-span highlight_option highlighted' role='checkbox' aria-checked='true' id='token0'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </span></p><p><span class='word-span highlight_option' role='checkbox' aria-checked='false' id='token1'>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></p><p><span class='word-span highlight_option highlighted' role='checkbox' aria-checked='true' id='token2'>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </span></p>"},"correctAnswer":[{"totalPoints":5,"answers":[{"answer":"optiontoken0","points":5}]},{"totalPoints":10,"answers":[{"answer":"optiontoken2","points":10}]},{"totalPoints":3,"answers":[{"answer":"optiontoken0","points":3}]}],"scoring":{"points":10,"scoringType":"auto-scored","subScoringType":"allOrNothing","penaltyPoints":null,"penaltyPointType":"noPenalty","penaltyPointsForEach":null,"minScoreType":"noMinScore","minScorePoints":null,"isRoundingEnabled":true,"roundingType":"none","isNegativeRounded":true,"scoringGuidance":""},"settings":{"studentViewSettings":{"outerBorder":true,"showAvailableSelections":false,"maxNumAnswers":"noLimit","showMaxSelectionLimit":false,"highlightSelectionType":"multipleSelection"},"styleAndLayoutCustomizeSettings":{"borderStyle":"solid","isFontColorWhite":true,"textSelection":"custom","textSelectionStyle":"filledIn","selectionStyleColors":[{"color":"rgba(82, 0, 255, 1)","isSelected":true},{"color":"rgba(0, 112, 128, 1)","isSelected":false},{"color":"rgba(128, 102, 69, 1)","isSelected":false},{"color":"rgba(102, 102, 102, 1)","isSelected":false},{"color":"rgba(0, 0, 0, 1)","isSelected":false}]},"additionalSettings":{"fontSize":"default","nonAccessible":false},"printLayoutSettings":{"excludeFromPrint":false,"printInstruction":"Question instructions for print"},"toolSettings":[{"resource":"ruler","enabled":true},{"resource":"protractor","enabled":true},{"resource":"readingRuler","enabled":false},{"resource":"simpleCalculator","enabled":false},{"resource":"scientificCalculator","enabled":false},{"resource":"compass","enabled":false}]}}]}`);
+        cy.get('.execute')
+            .click();
+        cy.wait(2000);
+        cy.get('.loading-container')
+            .should('not.exist');
+        cy.visit('/item-engine/data-api/item-bank/save-resources');
+        cy.get('.try-out__btn')
+            .click();
+        cy.get('textarea[class="body-param__text"]')
+            .clear()
+            .fill(`{\n  "resources": [\n    {\n      "type": 1,\n      "data": {\n        "type": "Passage",\n        "heading": "Passage created via save resources data API",\n        "content": "This is content of the passage"\n      },\n      "reference": "${unique_reference_id_2}"\n    }\n  ],\n  "organisation_id": "${Cypress.env('organisation_id')}",\n  "meta": {\n    "user": {\n      "id": "dfbb6366-d88d-416d-9d9c-7ee6420817b3",\n      "first_name": "fname",\n      "last_name": "lname",\n      "email": "user@demo.com"\n    }\n  }\n}\n`);
+        cy.get('.execute')
+            .click();
+        cy.wait(2000);
+        cy.get('.loading-container')
+            .should('not.exist');
+    });
+
+    it('Throw validation error while creating text selection question', () => {
+        unique_reference_id_1 = uuid();
+        cy.visit('/item-engine/data-api/item-bank/save-questions');
+        cy.get('.try-out__btn')
+            .click();
+        cy.get('textarea[class="body-param__text"]')
+            .clear()
+          .fill(`{"questions":[{"reference":"${unique_reference_id_1}","type":"text selection","content":{"instruction":"test","acknowledgements":"Acknowledgements and references","sampleAnswer":"Sample Answer","question":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>","highlightedText":"<p><span class='word-span highlight_option highlighted' role='checkbox' aria-checked='true' id='token0'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </span></p><p><span class='word-span highlight_option' role='checkbox' aria-checked='false' id='token1'>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </span></p><p><span class='word-span highlight_option highlighted' role='checkbox' aria-checked='true' id='token2'>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </span></p>"},"correctAnswer":[{"totalPoints":5,"answers":[{"answer":"optiontoken0","points":5}]},{"totalPoints":10,"answers":[{"answer":"optiontoken2","points":10}]},{"totalPoints":3,"answers":[{"answer":"optiontoken6","points":3}]}],"scoring":{"points":10,"scoringType":"auto-scored","subScoringType":"allOrNothing","penaltyPoints":null,"penaltyPointType":"noPenalty","penaltyPointsForEach":null,"minScoreType":"noMinScore","minScorePoints":null,"isRoundingEnabled":true,"roundingType":"none","isNegativeRounded":true,"scoringGuidance":""},"settings":{"studentViewSettings":{"outerBorder":true,"showAvailableSelections":false,"maxNumAnswers":"noLimit","showMaxSelectionLimit":false,"highlightSelectionType":"multipleSelection"},"styleAndLayoutCustomizeSettings":{"borderStyle":"solid","isFontColorWhite":true,"textSelection":"custom","textSelectionStyle":"filledIn","selectionStyleColors":[{"color":"rgba(82, 0, 255, 1)","isSelected":true},{"color":"rgba(0, 112, 128, 1)","isSelected":false},{"color":"rgba(128, 102, 69, 1)","isSelected":false},{"color":"rgba(102, 102, 102, 1)","isSelected":false},{"color":"rgba(0, 0, 0, 1)","isSelected":false}]},"additionalSettings":{"fontSize":"default","nonAccessible":false},"printLayoutSettings":{"excludeFromPrint":false,"printInstruction":"Question instructions for print"},"toolSettings":[{"resource":"ruler","enabled":true},{"resource":"protractor","enabled":true},{"resource":"readingRuler","enabled":false},{"resource":"simpleCalculator","enabled":false},{"resource":"scientificCalculator","enabled":false},{"resource":"compass","enabled":false}]}}]}`);
+        cy.get('.execute')
+            .click();
+        cy.wait(2000);
+        cy.get('.loading-container')
+            .should('not.exist');
+        cy.get('td[class="response-col_status"]')
+            .eq(0)
+            .should('have.text', '200');
+        cy.get('td.response-col_description')
+          .find('code.language-json')
+          .eq(0)
+          .invoke('text')
+          .then((text) => {
+            const jsonResponse = JSON.parse(text);
+            expect(jsonResponse.meta.message).to.equal('Invalid answer "optiontoken6" in question 1. Must match one of the token IDs.');
+          });
+    });
 });

package/cypress/pages/components/ckEditorToolbar.js

@@ -1,4 +1,5 @@
 import constants from "../../fixtures/constants";
+import utilities from "../../support/helpers/utilities";
 
 const selectors = {
     imageIcon: () => cy.get('a[title="Insert Image"]:visible'),
@@ -26,9 +27,28 @@ const selectors = {
     linkDialogboxURLInputField: () => cy.get('input[class*="cke_dialog_ui_input_text"]:visible').eq(1),
     sourceIcon: () => cy.get('a[title="Source"]:visible'),
     sourceTextArea: () => cy.get('textarea.cke_source'),
+    expandIconButton: () => cy.get('.expand-image-btn'),
+    closeImagePopup: () => cy.get('.close-popup-btn'),
 }
 
 const steps = {
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(ckEditorToolbar.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            ckEditorToolbar.expandIconButton()
+                .first()
+                .scrollIntoView()
+                .realClick();
+        },
+
+    closeImagePopup: () => {
+            ckEditorToolbar.closeImagePopup()
+                .click();
+        },
+
+
     selectBoldOptionFromCKEditorToolbar: () => {
         ckEditorToolbar.boldIcon()
             .click();

package/cypress/pages/components/draggableOptionContainer.js

@@ -3,6 +3,7 @@ import { commonComponents } from "./commonComponents";
 import { createQuestionBasePage } from "./createQuestionBasePage";
 import { draggableOptionsSectionComponent } from "./draggableOptionsSectionComponent";
 import { optionsWrapperComponent } from "./optionsWrapperComponent";
+import { ckEditorToolbar } from "./ckEditorToolbar";
 const css = Cypress.env('css');
 const options = ['option 1', 'option 2'];
 const threeOptions = ['option 1', 'option 2', 'option 3'];
@@ -453,6 +454,19 @@ const tests = {
             createQuestionBasePage.steps.switchToPreviewTab();
             draggableOptionContainer.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(optionsAfterDeleting);
         });
+        it('When user add large image in option, the option container should have expand icon', () => {
+            createQuestionBasePage.steps.switchToEditTab();
+            optionsWrapperComponent.steps.addOption();
+            optionsWrapperComponent.steps.focusInOptionsInputField(2)
+            ckEditorToolbar.steps.selectImageOptionFromCKEditorToolbar()
+            ckEditorToolbar.steps.addImageToInputField();
+            createQuestionBasePage.steps.switchToPreviewTab();
+            optionsWrapperComponent.steps.verifyExpandIconInImage();
+            optionsWrapperComponent.steps.clickExpandIconInImage();
+            utilities.verifyInnerText(optionsWrapperComponent.closeImagePopup(), 'Close');
+            optionsWrapperComponent.steps.closeImagePopup();
+            optionsWrapperComponent.steps.verifyExpandIconInImage();
+        });
     },
 
     verifyDraggableOptionsForGroupedLayoutInSpecifyCorrectAnswerSection: () => {

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -158,10 +158,26 @@ const selectors = {
     colorBlock: () => cy.get('.color-grid-wrapper .color-picker-block'),
     editColorButton: () => cy.get('button[aria-label="edit color"]'),
     colorBlockSelectedIcon: () => cy.get('[class*="BtnSelectionWrapper"] svg'),
-    optionsInputFieldInQuestionPreviewTab: () => cy.get('.cell-content-text')
+    optionsInputFieldInQuestionPreviewTab: () => cy.get('.cell-content-text'),
+    expandIconButton: () => cy.get('.expand-image-btn'),
+    closeImagePopup: () => cy.get('.close-popup-btn')
 }
 
 const steps = {
+        verifyExpandIconInImage: () => {
+                utilities.verifyElementVisibilityState(gridQuestionCommonComponent.expandIconButton(), 'visible');
+            },
+    
+        clickExpandIconInImage: () => {
+                gridQuestionCommonComponent.expandIconButton()
+                    .click();
+            },
+    
+        closeImagePopup: () => {
+                gridQuestionCommonComponent.closeImagePopup()
+                    .click();
+            },
+    
     /**
      * Modifies the property of a table cell at the specified row and column.
      * @param {Object} position - The position of the table cell to modify.

package/cypress/pages/components/optionsWrapperComponent.js

@@ -2,8 +2,10 @@ import constants from "../../fixtures/constants";
 import utilities from "../../support/helpers/utilities";
 import { ckEditorToolbar } from "./ckEditorToolbar";
 import { commonComponents } from "./commonComponents";
+import { createQuestionBasePage } from "./createQuestionBasePage";
 import { equationEditorFlyout } from "./equationEditorFlyout";
 const css = Cypress.env('css');
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 const selectors = {
     optionsLabel: () => cy.get('.options-label-wrapper .options-label'),
@@ -13,7 +15,9 @@ const selectors = {
     deleteOptionButton: () => cy.get('.ngie-button[aria-label*="Delete option"]'),
     optionsInputField: () => cy.get('.option-component [role="textbox"]'),
     //TODO: Need to update this in all TEI
-    optionNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]')
+    optionNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]'),   
+    expandIconButton: () => cy.get('.expand-image-container .expand-image-btn[aria-label="expand image button"]'),
+    closeImagePopup: () => cy.get('.close-popup-btn')
 }
 
 const steps = {
@@ -300,7 +304,23 @@ const steps = {
 
     verifyOptionCount: (count) => {
         utilities.verifyElementCount(optionsWrapperComponent.optionsInputField(), count);
-    }
+    },
+
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(optionsWrapperComponent.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            optionsWrapperComponent.expandIconButton()
+                .first()
+                .scrollIntoView()
+                .realClick();
+        },
+
+    closeImagePopup: () => {
+            optionsWrapperComponent.closeImagePopup()
+                .click();
+        }
 }
 
 const tests = {
@@ -387,6 +407,17 @@ const tests = {
             ckEditorToolbar.steps.addImageToInputField();
             optionsWrapperComponent.steps.verifyImageAndAltTextInOptionsInputField(inputFieldIndex);
         });
+        if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in options input field, user should be able to expand the image in preview tab', () => {
+                createQuestionBasePage.steps.switchToPreviewTab();
+                ckEditorToolbar.steps.verifyExpandIconInImage();
+                ckEditorToolbar.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(ckEditorToolbar.closeImagePopup(), 'Close');
+                ckEditorToolbar.steps.closeImagePopup();
+                ckEditorToolbar.steps.verifyExpandIconInImage();
+                createQuestionBasePage.steps.switchToEditTab();
+            });
+        }
     },
 
     /**

package/cypress/pages/components/questionInputFieldComponent.js

@@ -10,7 +10,9 @@ const selectors = {
     responseAreaNumeration: () => cy.get('marker'),
     responseAreaResponseLabel: () => cy.get('content'),
     questionContainerPreviewTab: () => cy.get('.preview-question-text-wrapper'),
-    responseAreaSettingsButton: () => cy.get('.add_response_settings_btn')
+    responseAreaSettingsButton: () => cy.get('.add_response_settings_btn'),
+    expandIconButton: () => cy.get('.expand-image-btn'),
+    closeImagePopup: () => cy.get('.close-popup-btn'),
 }
 
 const steps = {
@@ -145,7 +147,21 @@ const steps = {
         utilities.getNthElement(questionInputFieldComponent.responseArea(), responseAreaIndex)
             .find('.add_response_element')
             .should('have.css', 'height', height);
-    }
+    },
+
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(questionInputFieldComponent.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            questionInputFieldComponent.expandIconButton()
+                .click();
+        },
+
+    closeImagePopup: () => {
+            questionInputFieldComponent.closeImagePopup()
+                .click();
+        }
 }
 
 const tests = {

package/cypress/pages/matchingPage.js

@@ -5,6 +5,7 @@ import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 const options = ['option 1', 'option 2', 'option 3'];
 const fourOptions = ['option 1', 'option 2', 'option 3', 'option 4'];
+const imageExpandEnhancement = Cypress.env('ENABLE_EXPAND_IMAGE_ENHANCEMENT');
 
 const selectors = {
     ...correctIncorrectAnswerLabelComponent,
@@ -24,6 +25,7 @@ const selectors = {
     ...scoringSectionBaseEditTab,
     ...additionalSettingsPanel,
     ...connectorStyleStyleAndLayoutCustomizationComponent,
+    ...ckEditorToolbar,
     //Edit tab
     promptInputField: () => cy.get('.edit-mcq-stems-wrapper [role="textbox"]'),
     promptInputFieldWrapper: () => cy.get('.edit-mcq-stems-wrapper .edit-mcq-option-wrapper'),
@@ -2864,6 +2866,22 @@ const tests = {
             createQuestionBasePage.steps.switchToPreviewTab();
             draggableOptionContainer.steps.verifyDraggableOptionsInOptionsContainerPreviewTab(optionsAfterDeleting);
         });
+        if (imageExpandEnhancement  === 'true') {
+            it('When user add large image in question instruction, user should be able to expand the image in preview tab', () => {
+                createQuestionBasePage.steps.switchToEditTab();
+                optionsWrapperComponent.steps.addOption();
+                matchingPage.steps.focusInOptionsInputField(3);
+                matchingPage.steps.selectImageOptionFromCKEditorToolbar();
+                matchingPage.steps.addImageToInputField();
+                // matchingPage.steps.focusOutOptionsInputField(3);
+                createQuestionBasePage.steps.switchToPreviewTab();
+                matchingPage.steps.verifyExpandIconInImage();
+                matchingPage.steps.clickExpandIconInImage();
+                utilities.verifyInnerText(matchingPage.closeImagePopup(), 'Close');
+                matchingPage.steps.closeImagePopup();
+                matchingPage.steps.verifyExpandIconInImage();
+            });
+        }
     },
 
     //Need to remove when https://redmine.zeuslearning.com/issues/566720 is resolved

package/cypress/pages/numberLineLabelPage.js

@@ -15,6 +15,7 @@ const selectors = {
     ...autoScoredScoringPreviewTab,
     ...randomizeOptionsComponent,
     ...additionalSettingsPanel,
+    ...ckEditorToolbar,
     partialEqualWeightsPointsPerResponseScore: () => cy.get('.alternate-points-points-per-value-span'),
     snapToTicksCheckbox: () => cy.get('[data-ngie-testid="snap-to-grid-nodes-checkbox"] input'),
     snapToTicksLabel: () => cy.get('[data-ngie-testid="snap-to-grid-nodes-checkbox"] .MuiFormControlLabel-label'),

package/cypress/pages/shortTextResponsePage.js

@@ -1,9 +1,8 @@
-import { createQuestionBasePage, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, questionInstructionsComponent, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, additionalSettingsPanel, acceptedStudentInputComponent, studentViewSettingsLabelComponent, customizeSpecialCharacterComponent, studentResponseAndLayoutComponent, printPreviewComponent, showAlternativeAnswersComponent } from "./components/";
+import { createQuestionBasePage, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, scoringSectionBaseEditTab, questionInstructionsComponent, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, commonComponents, additionalSettingsPanel, acceptedStudentInputComponent, studentViewSettingsLabelComponent, customizeSpecialCharacterComponent, studentResponseAndLayoutComponent, printPreviewComponent } from "./components/";
 import { dialogBoxBase } from "./dialogBoxBase";
 import utilities from "../support/helpers/utilities";
 import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
-const alternativeAnswerCheck = Cypress.env('ENABLE_ALTERNATIVE_ANSWER_ENHANCEMENT') === 'true';
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -19,7 +18,6 @@ const selectors = {
     ...createQuestionBasePage,
     ...printPreviewComponent,
     ...autoScoredScoringSectionMultiResponseType,
-    ...showAlternativeAnswersComponent,
 
     answerLabelSpecifyCorrectAnswerSection: () => cy.get('.answer-label'),
     displayCharacterCountLabel: () => cy.get('[data-ngie-testid="display-character-count-checkbox"] .MuiFormControlLabel-label'),
@@ -67,13 +65,7 @@ const selectors = {
     //Preview tab
     previewTabResponseField: () => cy.get('.input-field input:visible'),
     previewTabResponseFieldWrapper: () => cy.get('.input-wrapper:visible'),
-    previewTabCorrectAnswerWrapper: () => {
-        if (alternativeAnswerCheck) {
-            return cy.get('[class*="CorrectAnswerSectionstyle__CorrectAnswerLabelWrapper"]');
-        } else {
-            return cy.get('[class*="ShortTextResponsestyles__CorrectAnswerWrapper"]');
-        }
-    },
+    previewTabCorrectAnswerWrapper: () => cy.get('[class*="ShortTextResponsestyles__CorrectAnswerWrapper"]'),
     previewTabCorrectAnswerLabel: () => cy.get('[class*="ShortTextResponsestyles__CorrectAnswerLabel"]'),
     previewTabCorrectAnswerResponse: () => cy.get('[class*="ShortTextResponsestyles__CorrectAnswerValueWrapper"]'),
     responseFieldCountPreviewTab: () => cy.get('[class*="InputLimitLabelWrapper"]'),
@@ -135,7 +127,6 @@ const steps = {
     ...createItemPage.steps,
     ...printPreviewComponent.steps,
     ...autoScoredScoringSectionMultiResponseType.steps,
-    ...showAlternativeAnswersComponent.steps,
 
     verifyCorrectIcon: () => {
         utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
@@ -158,7 +149,7 @@ const steps = {
 
     verifyIncorrectAttemptBorder: () => {
         utilities.verifyCSS(shortTextResponsePage.previewTabResponseField().parent().find('fieldset'), {
-            'border': `0.8px solid ${css.color.incorrectAnswer}`
+            'border': `1px solid ${css.color.incorrectAnswer}`
         });
     },
 
@@ -174,33 +165,14 @@ const steps = {
      * @param {String} correctAnswer correct answer in correct answer wrapper present in grading view
      * @description function verifies correct answer wrapper in grading view
      */
-    verifyCorrectAnswerResponseInCorrectAnswerWrapper: (correctAnswer, correctAnswerPoints = '') => {
-        if (alternativeAnswerCheck) {
-            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
-            (correctAnswerPoints !== '') && shortTextResponsePage.steps.verifyCorrectAnswersLabelAndPointVisible(`(${correctAnswerPoints} points)`);
-        } else {
-            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
-            utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'Correct answer:');
-            utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'visible');
-        }
+    verifyCorrectAnswerResponseInCorrectAnswerWrapper: (correctAnswer) => {
+        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
+        utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'Correct answer:');
+        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerLabel(), 'visible');
         utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerResponse(), correctAnswer);
         utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerResponse(), 'visible');
     },
 
-    verifyCorrectAnswerAndAlternateAnswerInCorrectAnswerWrapper: (correctAnswer, correctAnswerPoints, alternateAnswer, alternateAnswerPoints) => {
-        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerWrapper(), 'visible');
-        utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerResponse().eq(0), correctAnswer);
-        utilities.verifyElementVisibilityState(shortTextResponsePage.previewTabCorrectAnswerResponse().eq(0), 'visible');
-        shortTextResponsePage.steps.verifyCorrectAnswersLabelAndPointVisible(`(${correctAnswerPoints} points)`);
-        shortTextResponsePage.steps.verifyShowAlternativeAnswersToggleExists();
-        shortTextResponsePage.steps.disableShowAlternativeAnswersToggle();
-        shortTextResponsePage.steps.verifyShowAlternativeAnswersToggleUnchecked();
-        shortTextResponsePage.steps.verifyAlternativeAnswersSectionNotExist();
-        shortTextResponsePage.steps.clickShowAlternativeAnswersToggle();
-        shortTextResponsePage.steps.verifyAlternativeAnswersLabelAndPointVisible(1, `(${alternateAnswerPoints} points)`);
-        utilities.verifyInnerText(shortTextResponsePage.previewTabCorrectAnswerResponse().eq(1), alternateAnswer);
-    },
-
     enterTextInShortTextResponseInputField: (correctAnswer) => {
         shortTextResponsePage.setCorrectAnswerResponseField()
             .type(correctAnswer)

package/cypress/pages/textSelectionPage.js

@@ -102,6 +102,8 @@ const selectors = {
     optionsInputFieldInQuestionPreviewTab: () => cy.get('[class*="word-span highlight_option"]'),
     questionInstructionsPrintViewText: () => cy.get('.question-text-wrapper').eq(0),
     questionTextPrintViewParagraphs: () => cy.get('#nextgen-assess-print-view [data-testid="question-instruction-element"] p'),
+    expandIconButton: () => cy.get('.expand-image-btn'),
+    closeImagePopup: () => cy.get('.close-popup-btn'),
 }
 
 const steps = {
@@ -1379,7 +1381,21 @@ const steps = {
         textSelectionPage.questionTextPrintViewParagraphs().each(($el, index) => {
             utilities.verifyInnerText(utilities.getNthElement(textSelectionPage.questionTextPrintViewParagraphs(), index), `${paragraphTextArray[index]}`);
         });
-    }
+    },
+
+    verifyExpandIconInImage: () => {
+            utilities.verifyElementVisibilityState(textSelectionPage.expandIconButton(), 'visible');
+        },
+
+    clickExpandIconInImage: () => {
+            textSelectionPage.expandIconButton()
+                .click();
+        },
+
+    closeImagePopup: () => {
+            textSelectionPage.closeImagePopup()
+                .click();
+        },
 }
 
 const tests = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.579-IEI-7178-6f40615.0",
+  "version": "1.0.579-IEI-7193-main-6a7df51.0",
   "description": "",
   "main": "index.js",
   "scripts": {