itemengine-cypress-automation 1.0.550-task-IEI-6999-a623bd8.0 → 1.0.551-IEI-6981-b0785e0.0

package/cypress/e2e/ILC/FillInTheGapsTextNew/additionalSettingsBasic.js

@@ -36,7 +36,6 @@ describe('Fill In the gaps with text - Additional settings', () => {
             cy.barsPreLoaderWait();
             fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
-            fillInTheGapsTextPage.steps.allotPoints(5);
             fillInTheGapsTextPage.steps.expandAdditionalSettings();
         });
 
@@ -66,33 +65,7 @@ describe('Fill In the gaps with text - Additional settings', () => {
                     'font-size': fontSizes[option]
                 });
                 fillInTheGapsTextPage.steps.switchToStudentView();
-                fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                fillInTheGapsTextPage.steps.switchToPreviewTab();
-                // fillInTheGapsTextPage.steps.switchToGradingView();
-                // fillInTheGapsTextPage.steps.switchToPreviewTab();
-                fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
-                utilities.verifyCSS(fillInTheGapsTextPage.questionInstructionsText(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(fillInTheGapsTextPage.answerInputFieldPreviewTab(), {
-                    'font-size': fontSizes[option]
-                });
-                fillInTheGapsTextPage.steps.switchToGradingView();
-                utilities.verifyCSS(fillInTheGapsTextPage.correctAnswersLabel(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(fillInTheGapsTextPage.correctAnswerResponseNumeration().find('.response-input-adornment'), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(fillInTheGapsTextPage.correctAnswerResponse(), {
-                    'font-size': fontSizes[option]
-                });
-                utilities.verifyCSS(fillInTheGapsTextPage.correctIncorrectStatusMessageText(), {
-                    'font-size': fontSizes[option]
-                });
                 fillInTheGapsTextPage.steps.switchToEditTab();
-                fillInTheGapsTextPage.steps.clickOnEditQuestionButton();
-                fillInTheGapsTextPage.steps.expandAdditionalSettings();
             });
         });
     });

package/cypress/e2e/ILC/FillInTheGapsTextNew/additionalSettingsForAnswerInputFields.js

@@ -90,7 +90,6 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
             cy.barsPreLoaderWait();
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
             //fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
-            fillInTheGapsTextPage.steps.allotPoints(5);
             fillInTheGapsTextPage.steps.expandAdditionalSettings();
         });
 
@@ -107,18 +106,11 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
             });*/
 
             it(`When the user switches to the "Grading view", then the "${option}" numeration should be displayed in the answer input fields as well as correct answer options in the correct answer section`, () => {
-                fillInTheGapsTextPage.steps.switchToGradingView();
-                fillInTheGapsTextPage.steps.verifyAnswerInputFieldEnumeration(enumerationOptions[option]);
-                fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesEnumeration(enumerationOptions[option]);
-                fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                fillInTheGapsTextPage.steps.switchToPreviewTab();
                 fillInTheGapsTextPage.steps.switchToGradingView();
                 fillInTheGapsTextPage.steps.verifyAnswerInputFieldEnumeration(enumerationOptions[option]);
                 fillInTheGapsTextPage.steps.verifyCorrectAnswerResponsesEnumeration(enumerationOptions[option]);
                 cy.log('Post step: Switch to Edit tab')
                 fillInTheGapsTextPage.steps.switchToEditTab();
-                fillInTheGapsTextPage.steps.clickOnEditQuestionButton();
-                fillInTheGapsTextPage.steps.expandAdditionalSettings();
             });
         });
 

package/cypress/e2e/ILC/FillInTheGapsTextNew/setLimitSection.js

@@ -1,10 +1,6 @@
-import { fillInTheGapsTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { fillInTheGapsTextPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(correctAnswerViews);
-var itemReferenceID = "";
 
 describe('Create item page - Fill in the gaps with text: Set limit section', () => {
     before(() => {
@@ -45,7 +41,7 @@ describe('Create item page - Fill in the gaps with text: Set limit section', ()
         it('User should able to enter characters in the answer input field', () => {
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }]);
         });
-
+        
         //Uncomment below code once https://redmine.zeuslearning.com/issues/571588 is resolved
         // fillInTheGapsTextPage.tests.verifyMaximumCharacterLimitWarningConditionsSpecifyCorrectAnswerSection();
 
@@ -80,56 +76,4 @@ describe('Create item page - Fill in the gaps with text: Set limit section', ()
 
         // fillInTheGapsTextPage.tests.verifyMinimumCharacterLimitWarningConditionsPreviewTab();
     });
-
-    views.forEach((view) => {
-        describe(`${view}: Maximum character limit functionality`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
-                        fillInTheGapsTextPage.steps.setMaximumLimit(15);
-                        fillInTheGapsTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        itemPreviewPage.steps.resetQuestionPreview();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                    fillInTheGapsTextPage.steps.clickOnConfirmButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it('When the user reaches the character limit, then the warning message \'Maximum 15 characters have been entered\' should be displayed', () => {
-                fillInTheGapsTextPage.steps.addTextInAnswerInputFieldsAllView(0, 'NewFlowerpotsingarden');
-                fillInTheGapsTextPage.steps.verifyLimitReachedWarningMessageExist('Maximum 15 characters have been entered.');
-            });
-        });
-    });
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/specialCharactersSection.js

@@ -1,15 +1,11 @@
 import { specialCharacters } from "../../../fixtures/drawingToolbarOptionsAdditionalOptionsAndSpecialAndMathCharacters";
-import { dialogBoxBase, fillInTheGapsTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { dialogBoxBase, fillInTheGapsTextPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const specialCharactersCategories = Object.values(specialCharacters.map((icon) => icon.categoryName));
 const customSpecialCharacters = ['A', '1', '#'];
-const specialCharactersLanguageLabel = ['French', 'Portuguese', 'Italian'];
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(correctAnswerViews);
-var itemReferenceID = "";
 
 describe('Create item page - Fill in the gaps with text - Special characters section', () => {
     before(() => {
@@ -239,114 +235,4 @@ describe('Create item page - Fill in the gaps with text - Special characters sec
             });
         });
     });
-
-    views.forEach((view) => {
-        describe(`${view}: Special characters section `, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
-                        fillInTheGapsTextPage.steps.checkEnableSpecialCharactersCheckbox();
-                        fillInTheGapsTextPage.steps.clickOnSpecialCharactersCategoryTile(specialCharacters[0].categoryName);
-                        fillInTheGapsTextPage.steps.clickOnSpecialCharactersCategoryTile(specialCharacters[2].categoryName);
-                        fillInTheGapsTextPage.steps.clickOnSpecialCharactersCategoryTile(specialCharacters[4].categoryName);
-                        fillInTheGapsTextPage.steps.clickOnSpecialCharactersCategoryTile(specialCharacters[6].categoryName);
-                        fillInTheGapsTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                    fillInTheGapsTextPage.steps.clickOnConfirmButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`should display the ${specialCharactersLanguageLabel} special characters language labels in the popup`, () => {
-                fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
-                fillInTheGapsTextPage.steps.openSpecialCharactersPopupPreviewTab();
-                fillInTheGapsTextPage.steps.verifySpecialCharactersLanguageLabelsInSpecialCharactersPopupPreviewTab(specialCharactersLanguageLabel);
-            });
-        });
-    });
-
-    views.forEach((view) => {
-        describe(`${view}: Custom special characters section`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
-                        fillInTheGapsTextPage.steps.checkEnableSpecialCharactersCheckbox();
-                        fillInTheGapsTextPage.steps.selectShowOnlyCustomSpecialCharactersRadioButton();
-                        fillInTheGapsTextPage.steps.addInputToCustomSpecialCharactersInputField(`${customSpecialCharacters.join('')}`);
-                        fillInTheGapsTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                    fillInTheGapsTextPage.steps.clickOnConfirmButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`should display the ${customSpecialCharacters} custom special characters in the popup`, () => {
-                fillInTheGapsTextPage.steps.focusInResponseInputFieldPreviewTab(0);
-                fillInTheGapsTextPage.steps.openSpecialCharactersPopupPreviewTab();
-                fillInTheGapsTextPage.steps.verifyCustomSpecialCharactersInSpecialCharactersPopupPreviewTab(customSpecialCharacters);
-            });
-        });
-    });
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/studentViewSettings.js

@@ -1,8 +1,8 @@
-import { fillInTheGapsTextPage, gradingViewPage, itemPreviewPage, studentViewPage, dialogBoxBase } from "../../../pages";
+import { fillInTheGapsTextPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view', 'Grading view'];
+let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
 const views = utilities.getViews(correctAnswerViews);
 var itemReferenceID = "";
 
@@ -59,7 +59,7 @@ describe('Create Item page - Fill in the gaps with text: Student view settings',
     });
 
     views.forEach((view) => {
-        describe(`${view}: student view settings:  Spell check and auto-resize default state`, () => {
+        describe(`${view}: student view settings`, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
@@ -101,93 +101,13 @@ describe('Create Item page - Fill in the gaps with text: Student view settings',
                 });
             };
 
-            it(`When the \'Auto-resize response field\' and spell check functionality is unchecked, the response field should have \'resizetype\' attribute set as \'vertical\' and \'spellcheck\' attribute set as \'false\' in  ${view}`, () => {
+            it(` 'Auto-resize response field' functionality in  ${view}`, () => {
                 if (view === 'Student view') {
-                    fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabDisabled(0);
-                    fillInTheGapsTextPage.steps.verifySpellCheckOfResponseFieldPreviewTabDisabled(0);
-                    studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-                    studentViewPage.steps.clickOnGoToGradingViewButton();
-                };
-
-                if (view === 'Grading view') {
-                    fillInTheGapsTextPage.steps.verifySpellCheckOfResponseFieldPreviewTabDisabled(0);
-                    fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabDisabled(0);
-                };
-
-                if (view === 'Question preview' || view === 'Item preview') {
-                    fillInTheGapsTextPage.steps.switchToPreviewTab();
-                    fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabDisabled(0);
-                    fillInTheGapsTextPage.steps.verifySpellCheckOfResponseFieldPreviewTabDisabled(0);
-                };
-            });
-
-        });
-    });
-
-    views.forEach((view) => {
-        describe(`${view}: student view settings:  Spell check and auto-resize checked`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('fill in the gaps');
-                        fillInTheGapsTextPage.steps.addResponseAreaInQuestionField();
-                        fillInTheGapsTextPage.steps.checkSpellCheckCheckbox();
-                        fillInTheGapsTextPage.steps.checkAutoResizeCheckbox();
-                        fillInTheGapsTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                    fillInTheGapsTextPage.steps.clickOnConfirmButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`When the \'Spell check\' and \'Auto-resize response field\' functionality is enabled, the response field should have \'resizetype\' attribute set as \'vertical\' and \'spellcheck\' attribute set as \'true\' in the ${view}`, () => {
-                if (view === 'Student view') {
-                    fillInTheGapsTextPage.steps.verifySpellCheckOfResponseFieldAllViewEnabled(0);
-                    fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabEnabled(0);
-                    studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-                    studentViewPage.steps.clickOnGoToGradingViewButton();
-                };
-
-                if (view === 'Grading view') {
-                    fillInTheGapsTextPage.steps.verifySpellCheckOfResponseFieldAllViewEnabled(0);
-                    fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabEnabled(0);
+                    fillInTheGapsTextPage.tests.verifyAutoResizeResponseFieldFunctionalityPreviewTab();
                 };
 
                 if (view === 'Question preview' || view === 'Item preview') {
-                    fillInTheGapsTextPage.steps.switchToPreviewTab();
-                    fillInTheGapsTextPage.steps.verifySpellCheckOfResponseFieldAllViewEnabled(0);
-                    fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabEnabled(0);
+                    fillInTheGapsTextPage.tests.verifyAutoResizeResponseFieldFunctionalityPreviewTab();
                 };
             });
         });

package/cypress/e2e/ILC/FillInTheGapsTextNew/styleAndLayoutCustomization.js

@@ -1,13 +1,9 @@
-import { dialogBoxBase, fillInTheGapsTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import { dialogBoxBase, fillInTheGapsTextPage } from "../../../pages";
 import { colorPopupComponent } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-const borderStyles = ["Dashed", "Dotted", "Solid", "None"];
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view'];
-const views = utilities.getViews(correctAnswerViews);
-var itemReferenceID = "";
-
+const borderStyles = ["Dashed", "Dotted", "Solid", "None"]
 describe('Create Item page - Fill in the gaps with text: Style and layout customization', () => {
     before(() => {
         cy.loginAs('admin');
@@ -44,7 +40,7 @@ describe('Create Item page - Fill in the gaps with text: Style and layout custom
         fillInTheGapsTextPage.tests.verifyFillColorTooltips();
 
         fillInTheGapsTextPage.tests.verifyBorderColorTooltips();
-
+        
         fillInTheGapsTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('Solid');
     });
 
@@ -337,55 +333,4 @@ describe('Create Item page - Fill in the gaps with text: Style and layout custom
             });
         })
     });
-
-    views.forEach((view) => {
-        describe(`${view}: Default border style and default border color`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
-                        fillInTheGapsTextPage.steps.expandStyleAndLayoutCustomizationAccordion();
-                        fillInTheGapsTextPage.steps.allotPoints(5);
-                        fillInTheGapsTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        fillInTheGapsTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsTextPage.steps.clickOnSaveQuestionButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`when the user switches to ${view} default border style and color should be displayed`, () => {
-                fillInTheGapsTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
-                fillInTheGapsTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.optionsBg);
-            });
-        });
-    });
 });

package/cypress/pages/audioPlayerPage.js

@@ -796,17 +796,11 @@ const steps = {
     },
 
     verifyImageAndAltTextInAudioOverviewInputField: () => {
-        audioPlayerPage.audioOverviewInputField()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        utilities.verifyImage(audioPlayerPage.audioOverviewInputField(), constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyImageAndAltTextInAudioOverviewPreviewTab: () => {
-        audioPlayerPage.audioOverviewPreviewTab()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        utilities.verifyImage(audioPlayerPage.audioOverviewPreviewTab(), constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyEquationInAudioOverviewInputField: () => {
@@ -904,17 +898,11 @@ const steps = {
     },
 
     verifyImageAndAltTextInTranscriptInputField: () => {
-        audioPlayerPage.transcriptInputField()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        utilities.verifyImage(audioPlayerPage.transcriptInputField(), constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyImageAndAltTextInTranscriptPreviewTab: () => {
-        audioPlayerPage.transcriptContentPreviewTab()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        utilities.verifyImage(audioPlayerPage.transcriptContentPreviewTab(), constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyEquationInTranscriptInputField: () => {

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -90,8 +90,6 @@ const selectors = {
     spellCheckCheckbox: () => cy.get('[data-ngie-testid="spell-check-checkbox"] input[type="checkbox"]'),
     correctAnswerResponseForCorrectResponse: () => cy.get('[class*="ClozeWithTextResponsestyles__AnswerWrapperForLabelImg"]').eq(0),
     correctIncorrectAnswerLabelNew: () => cy.get('[class*="ClozeWithTextPreviewstyle__AnswerStatusWrapper"]'),
-    answerInputFieldAllView: () => cy.get('[class*="question-preview-wrapper"] [aria-label*="Add answer for response"]'),
-    customSpecialCharactersButtonPreviewTab: () => cy.get('.special-character-popup-container .MuiButton-text'),
 }
 
 const steps = {
@@ -696,16 +694,6 @@ const steps = {
             .should('have.attr', 'spellcheck', 'true');
     },
 
-    /**
-     * Verify that the spell check for a response field in the Preview Tab is enabled.
-     * @param {number} responseFieldIndex - The index of the response field to verify.
-     */
-    verifySpellCheckOfResponseFieldAllViewEnabled: (responseFieldIndex) => {
-        fillInTheGapsTextCommonComponent.answerInputFieldAllView()
-            .eq(responseFieldIndex)
-            .should('have.attr', 'spellcheck', 'true');
-    },
-
     /**
      *@description Verify numeration text for the answer input fields of the specify correct answer section.
      * @param responseAccordionIndex denotes response accordion index
@@ -918,38 +906,7 @@ const steps = {
         utilities.verifyCSS(utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldPreviewTab().parent('.response-input-field'), responseAreaIndex), {
             'border-style': styleName
         });
-    },
-
-    /**
-     * @param {number} responseIndex index number of text container
-     * @param {string} responseText text to be added in text container
-     * @description function enters text in the answer input fields of the preview tab
-     */
-    addTextInAnswerInputFieldsAllView: (responseIndex, responseText) => {
-        utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldPreviewTab(), responseIndex)
-            .type(responseText)
-    },
-
-    /**
-    * @description Verify special characters language labels in the special characters popup
-    * @param {string[]} specialCharactersLanguageLabel Array of the language labels for the category
-    */
-    verifySpecialCharactersLanguageLabelsInSpecialCharactersPopupPreviewTab: (specialCharactersLanguageLabel) => {
-        specialCharactersLanguageLabel.forEach((label, index) => {
-            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextCommonComponent.specialCharactersPopupCategoryAccordionLabelPreviewTab(), index), label);
-        });
-    },
-
-    /**
-    * @description Verify =custom special characters displayed in special characters popup in preview tab
-    * @param {string[]} customSpecialCharacters Array of the custom special characters
-    */
-    verifyCustomSpecialCharactersInSpecialCharactersPopupPreviewTab: (customSpecialCharacters) => {
-        customSpecialCharacters.forEach((character, index) => {
-            utilities.verifyElementVisibilityState(utilities.getNthElement(fillInTheGapsTextCommonComponent.customSpecialCharactersButtonPreviewTab(), index), 'visible');
-            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextCommonComponent.customSpecialCharactersButtonPreviewTab(), index), character);
-        });
-    },
+    }
 }
 
 const tests = {
@@ -1099,11 +1056,6 @@ const tests = {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(10);
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(40);
         });
-
-        it('When the user insert 100002 in maximum character limit input field, then the value should be reset to 100000', () => {
-            fillInTheGapsTextCommonComponent.steps.setMaximumLimit(100002);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumCharacterLimitInputField(100000);
-        });
     },
 
     verifySetLimitSectionForNoneOption: () => {

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -496,10 +496,8 @@ const steps = {
         gridQuestionCommonComponent.gridPreviewTab()
             .within(() => {
                 utilities.getNthElement(gridQuestionCommonComponent.tableRow(), row).within(() => {
-                    utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
-                        .find('img')
-                        .should('have.attr', 'src', constants.foxImageLink)
-                        .and('have.attr', 'alt', constants.foxImageAltText);
+                    const tableCell = utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column);
+                    utilities.verifyImage(tableCell, constants.foxImageLink, constants.foxImageAltText);
                 })
             });
     },

package/cypress/pages/components/optionsWrapperComponent.js

@@ -167,11 +167,8 @@ const steps = {
      * @description this function verifies image in options input fields
      */
     verifyImageAndAltTextInOptionsInputField: (index) => {
-        optionsWrapperComponent.optionsInputField()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionsInputField = optionsWrapperComponent.optionsInputField().eq(index);
+        utilities.verifyImage(optionsInputField, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -677,11 +677,8 @@ const steps = {
     verifyDraggableOptionWithImageInPreviewTab: (optionIndex) => {
         dragAndDropIntoCategoriesPage.optionsContainerPreviewTab()
             .within(() => {
-                draggableOptionContainer.draggableOption()
-                    .eq(optionIndex)
-                    .find('img')
-                    .should('have.attr', 'src', constants.foxImageLink)
-                    .and('have.attr', 'alt', constants.foxImageAltText);
+                const draggableOption = draggableOptionContainer.draggableOption().eq(optionIndex);
+                utilities.verifyImage(draggableOption, constants.foxImageLink, constants.foxImageAltText);
                 utilities.verifyElementVisibilityState(utilities.getNthElement(draggableOptionContainer.draggableOptionDragIcon(), optionIndex), 'exist');
             });
     },

package/cypress/pages/fillInTheGapsDragAndDropPage.js

@@ -224,11 +224,8 @@ const steps = {
      * @param {number} optionIndex - The index of the option in the Preview tab.
      */
     verifyDraggableOptionWithImageInPreviewTab: (optionIndex) => {
-        fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
         utilities.verifyElementVisibilityState(utilities.getNthElement(draggableOptionContainer.draggableOptionDragIcon(), optionIndex), 'exist');
     },
 
@@ -261,11 +258,8 @@ const steps = {
      * @param {number} optionIndex - The index of the option in the Preview tab.
      */
     verifyDropzoneWithImageInPreviewTab: (optionIndex) => {
-        fillInTheGapsDragAndDropPage.dropzonePreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const dropzoneElement = fillInTheGapsDragAndDropPage.dropzonePreviewTab().eq(optionIndex);
+        utilities.verifyImage(dropzoneElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -339,11 +339,8 @@ const steps = {
      * @param {number} optionIndex - The index of the option in the Preview tab.
      */
     verifyDraggableOptionWithImageInPreviewTab: (optionIndex) => {
-        fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
         utilities.verifyElementVisibilityState(utilities.getNthElement(draggableOptionContainer.draggableOptionDragIcon(), optionIndex), 'exist');
     },
 
@@ -376,11 +373,8 @@ const steps = {
      * @param {number} optionIndex - The index of the option in the Preview tab.
      */
     verifyDropzoneWithImageInPreviewTab: (optionIndex) => {
-        fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const dropzoneElement = fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab().eq(optionIndex);
+        utilities.verifyImage(dropzoneElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/fillInTheGapsTextPage.js

@@ -300,11 +300,11 @@ const tests = {
     },
 
     verifyAutoResizeResponseFieldFunctionalityPreviewTab: () => {
-        it('When the \'Auto-resize response field\' functionality is disabled, the response field should have \'resizetype\' attribute set as \'vertical\' in preview tab', () => {
+        it('When the \'Auto-resize response field\' functionality is disabled, the response field should have \'auto-resize\' attribute set as \'false\' in preview tab', () => {
             fillInTheGapsTextPage.steps.verifyAutoResizeOfResponseFieldPreviewTabDisabled(0);
         });
 
-        it('When the \'Auto-resize response field\' functionality is enabled, the response field should have \'resizetype\' attribute set as \'none\' in the preview tab', () => {
+        it('When the \'Auto-resize response field\' functionality is enabled, the response field should have \'auto-resize\' attribute set as \'true\' in the preview tab', () => {
             createQuestionBasePage.steps.switchToEditTab();
             fillInTheGapsTextPage.steps.checkAutoResizeCheckbox();
             createQuestionBasePage.steps.switchToPreviewTab();

package/cypress/pages/listOrderingPage.js

@@ -414,11 +414,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyOptionWithImageInPreviewTab: (optionIndex) => {
-        listOrderingPage.optionWrapperPreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.optionWrapperPreviewTab().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -520,11 +517,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyOptionWithImageInGradingView: (optionIndex) => {
-        listOrderingPage.optionGradingView()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.optionGradingView().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -709,10 +703,8 @@ const steps = {
      * @param {number} index - The index of the option in the Specify Correct Answer section.
      */
     verifyImageInSpecifyCorrectAnswerSection: (index) => {
-        utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection(), index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection(), index);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -896,11 +888,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyOptionWithImageDropdownLayoutInGradingView: (optionIndex) => {
-        listOrderingPage.dropdownOptionWrapperGradingView()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.dropdownOptionWrapperGradingView().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -1253,11 +1242,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyImageOptionInSetPointsPopup: (optionIndex) => {
-        listOrderingPage.optionWrapperSetPointsPopup()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.optionWrapperSetPointsPopup().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -1297,11 +1283,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyHorizontalOptionWithImageInPreviewTab: (optionIndex) => {
-        listOrderingPage.horizontalOptionPreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.horizontalOptionPreviewTab().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -1727,11 +1710,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyOptionWithImageInDropzonePreviewTabSeperateList: (optionIndex) => {
-        listOrderingPage.droppedOptionSeperateList()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.droppedOptionSeperateList().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -1739,11 +1719,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyOptionWithImageInDropzoneCorrectAnswerSectionTabSeperateList: (optionIndex) => {
-        listOrderingPage.correctAnswerSectionIconWrapper()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.correctAnswerSectionIconWrapper().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -1751,11 +1728,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyOptionWithImageInOptionsContainerPreviewTabSeperateList: (optionIndex) => {
-        listOrderingPage.optionsSeperateList()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = listOrderingPage.optionsSeperateList().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/matchingPage.js

@@ -760,11 +760,8 @@ const steps = {
      * @param {number} optionIndex - The index of the option in the Preview tab.
      */
     verifyDropzoneWithImageInPreviewTab: (optionIndex) => {
-        matchingPage.dropzonePreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const dropzoneElement = matchingPage.dropzonePreviewTab().eq(optionIndex);
+        utilities.verifyImage(dropzoneElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -784,11 +781,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyDraggableOptionWithImageInPreviewTab: (optionIndex) => {
-        matchingPage.correctAnswersOptionContainer()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionElement = matchingPage.correctAnswersOptionContainer().eq(optionIndex);
+        utilities.verifyImage(optionElement, constants.foxImageLink, constants.foxImageAltText);
         utilities.verifyElementVisibilityState(utilities.getNthElement(draggableOptionContainer.draggableOptionDragIcon(), optionIndex), 'exist');
     },
 
@@ -822,11 +816,8 @@ const steps = {
     * @param {number} optionIndex - The index of the option in the Preview tab.
     */
     verifyPromptWithImageInPreviewTab: (optionIndex) => {
-        matchingPage.promptContainerPreviewTab()
-            .eq(optionIndex)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const promptElement = matchingPage.promptContainerPreviewTab().eq(optionIndex);
+        utilities.verifyImage(promptElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/multipleSelectionPage.js

@@ -347,11 +347,8 @@ const steps = {
      * @param {number} index - The index of the option in the Specify Correct Answer section.
      */
     verifyImageInSpecifyCorrectAnswerSection: (index) => {
-        multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionWrapper = multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().eq(index);
+        utilities.verifyImage(optionWrapper, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -394,11 +391,8 @@ const steps = {
      * @param {number} index - The index of the option in the Preview tab.
      */
     verifyImageInPreviewTab: (index) => {
-        multipleSelectionPage.optionWrapperPreviewTab()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionWrapper = multipleSelectionPage.optionWrapperPreviewTab().eq(index);
+        utilities.verifyImage(optionWrapper, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/numberLineLabelPage.js

@@ -182,11 +182,8 @@ const steps = {
      * @param {number} index - The index of the option in the Preview tab.
      */
     verifyImageInLabelInputField: (index) => {
-        numberLineLabelPage.labelInputField()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const labelInputField = numberLineLabelPage.labelInputField().eq(index);
+        utilities.verifyImage(labelInputField, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -351,11 +348,8 @@ const steps = {
      * @param {number} index - The index of the option in the Preview tab.
      */
     verifyImageInPreviewTab: (index) => {
-        numberLineLabelPage.draggableLabelsPreviewTab()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const draggableLabel = numberLineLabelPage.draggableLabelsPreviewTab().eq(index);
+        utilities.verifyImage(draggableLabel, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -406,11 +400,8 @@ const steps = {
     * @param {number} index - The index of the option in the Preview tab.
     */
     verifyImageInLabelSpecifyCorrectAnswerSection: (index) => {
-        numberLineLabelPage.draggableLabelsSpecifyCorrectAnswer()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const labelElement = numberLineLabelPage.draggableLabelsSpecifyCorrectAnswer().eq(index);
+        utilities.verifyImage(labelElement, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/singleSelectionPage.js

@@ -325,11 +325,8 @@ const steps = {
      * @param {number} index - The index of the option in the Specify Correct Answer section.
      */
     verifyImageInSpecifyCorrectAnswerSection: (index) => {
-        singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionWrapper = singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().eq(index);
+        utilities.verifyImage(optionWrapper, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**
@@ -372,11 +369,8 @@ const steps = {
      * @param {number} index - The index of the option in the Preview tab.
      */
     verifyImageInPreviewTab: (index) => {
-        singleSelectionPage.optionWrapperPreviewTab()
-            .eq(index)
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const optionWrapper = singleSelectionPage.optionWrapperPreviewTab().eq(index);
+        utilities.verifyImage(optionWrapper, constants.foxImageLink, constants.foxImageAltText);
     },
 
     /**

package/cypress/pages/textSelectionPage.js

@@ -162,10 +162,8 @@ const steps = {
     },
 
     verifyImageAndAltTextInQuestionInputField: () => {
-        textSelectionPage.questionInputField()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const questionInputField = textSelectionPage.questionInputField();
+        utilities.verifyImage(questionInputField, constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyEquationInQuestionInputField: () => {
@@ -232,10 +230,8 @@ const steps = {
     },
 
     verifyImageAndAltTextInSpecifyPossibleOptionsSection: () => {
-        textSelectionPage.specifyPossibleOptionsTextFieldWrapper()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const specifyPossibleOptionsTextFieldWrapper = textSelectionPage.specifyPossibleOptionsTextFieldWrapper();
+        utilities.verifyImage(specifyPossibleOptionsTextFieldWrapper, constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyEquationInSpecifyPossibleOptionsSection: () => {
@@ -281,10 +277,8 @@ const steps = {
     },
 
     verifyImageAndAltTextInSpecifyCorrectAnswerSection: () => {
-        textSelectionPage.specifyCorrectAnswerTextWrapper()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const specifyCorrectAnswerTextWrapper = textSelectionPage.specifyCorrectAnswerTextWrapper();
+        utilities.verifyImage(specifyCorrectAnswerTextWrapper, constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyEquationInSpecifyCorrectAnswerSection: () => {
@@ -330,10 +324,8 @@ const steps = {
     },
 
     verifyImageAndAltTextInPreviewTab: () => {
-        textSelectionPage.questionTextWrapperPreviewTab()
-            .find('img')
-            .should('have.attr', 'src', constants.foxImageLink)
-            .and('have.attr', 'alt', constants.foxImageAltText);
+        const questionTextWrapperPreviewTab = textSelectionPage.questionTextWrapperPreviewTab();
+        utilities.verifyImage(questionTextWrapperPreviewTab, constants.foxImageLink, constants.foxImageAltText);
     },
 
     verifyEquationInPreviewTab: () => {

package/cypress/support/helpers/utilities.js

@@ -260,7 +260,7 @@ const utilities = {
         cy.get('body')
             .click();
     },
-    
+
     /**
      * Simulates pressing the Escape key.
      * @returns {null} - Returns null after the action is performed.
@@ -268,6 +268,33 @@ const utilities = {
     pressEscapeKey: () => {
         cy.get('body').type('{esc}');
     },
+
+    /**
+ * Verifies that an image source is either a fixed URL or a blob/data URL
+ * @param {Cypress.Chainable} element - The element containing the image
+ * @param {string} expectedUrl - The expected fixed URL (optional)
+ * @param {string} expectedAlt - The expected alt text (optional)
+ */
+    verifyImage: (element, expectedUrl = null, expectedAlt = null) => {
+        element.find('img').should(($img) => {
+            const src = $img.attr('src');
+
+            // Check if src is either the fixed URL or a blob/data URL
+            const isValidSrc = (expectedUrl && src === expectedUrl) ||
+                src.startsWith('blob:') ||
+                src.startsWith('data:image/');
+
+            expect(isValidSrc,
+                `Image src should be ${expectedUrl ? `either ${expectedUrl} or ` : ''}a blob/data URL, but got: ${src}`
+            ).to.be.true;
+
+            // Verify alt text if provided
+            if (expectedAlt) {
+                const alt = $img.attr('alt');
+                expect(alt).to.equal(expectedAlt);
+            }
+        });
+    },
 }
 
 export default utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.550-task-IEI-6999-a623bd8.0",
+  "version": "1.0.551-IEI-6981-b0785e0.0",
   "description": "",
   "main": "index.js",
   "scripts": {