itemengine-cypress-automation 1.0.579-IEI-7178-6f40615.0 → 1.0.579-IEI-7193-1dd98c9.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' }, () => {