itemengine-cypress-automation 1.0.550-IEI-6999-main-846015d.0 → 1.0.551-IEI-6981-b0785e0.0

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/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/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-IEI-6999-main-846015d.0",
+  "version": "1.0.551-IEI-6981-b0785e0.0",
   "description": "",
   "main": "index.js",
   "scripts": {