itemengine-cypress-automation 1.0.563-IEI-6998-Add-coverage-for-image-hightlight-question-type-238d7b4.0 → 1.0.563-IEI-7072-main-321f4b3.0

package/cypress/e2e/ILC/ImageHighlight/minimumScoringPenaltyPointsAndRoundingDropdown.js

@@ -191,80 +191,17 @@ describe('Create item page - Image highlight: Minimum scoring, Penalty scoring,
         });
     });
 
-    describe.only('Scoring section: Rounding - Edit tab', () => {
+    describe('Scoring section: Rounding - Edit tab', () => {
         abortEarlySetup();
         before(() => {
             imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
             cy.barsPreLoaderWait();
-            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
-            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
-            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
-            imageHighlightPage.steps.allotPoints(4);
-            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
-            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
-            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
-            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
-            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
-            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(2);
-            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
         });
 
         imageHighlightPage.tests.verifyRoundingDropdown();
 
         imageHighlightPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
-
-        it("When the user selects rounding to 'Round down if <= 0.99' then the score '<=0.99' should be rounded down to nearest whole number", () => {
-            imageHighlightPage.steps.switchToPreviewTab();
-            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
-            imageHighlightPage.steps.verifyPreviewScore(1,4);
-            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
-            imageHighlightPage.steps.verifyPreviewScore(2,4);
-            imageHighlightPage.steps.highlightARegionInPreviewTab(2);
-            imageHighlightPage.steps.verifyPreviewScore(4,4);
-            imageHighlightPage.steps.switchToGradingView();
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(2);
-            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
-            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
-        });
-
-        it("When the user selects rounding to 'Round down if <= 0.50' then the score '<=0.50' should be rounded down to nearest whole number", () => {
-            imageHighlightPage.steps.switchToEditTab();
-            imageHighlightPage.steps.expandRoundingDropdown();
-            imageHighlightPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.50');
-            imageHighlightPage.steps.switchToPreviewTab();
-            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
-            imageHighlightPage.steps.verifyPreviewScore(1,4);
-            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
-            imageHighlightPage.steps.verifyPreviewScore(2.6667,4);
-            imageHighlightPage.steps.highlightARegionInPreviewTab(2);
-            imageHighlightPage.steps.verifyPreviewScore(4,4);
-            imageHighlightPage.steps.switchToGradingView();
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(2);
-            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
-            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
-        });
-
-        it('When the user selects rounding to \'Round down if <= 0.50; Round up if > 0.50\' then the score \'<=0.50\' should be rounded down to nearest whole number and the score \'>0.50\' should be rounded up to nearest whole number', () => {
-            imageHighlightPage.steps.switchToEditTab();
-            imageHighlightPage.steps.expandRoundingDropdown();
-            imageHighlightPage.steps.selectOptionFromRoundingDropdown('round down if <= 0.50; Round up if > 0.50');
-            imageHighlightPage.steps.switchToPreviewTab();
-            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
-            imageHighlightPage.steps.verifyPreviewScore(1,4);
-            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
-            imageHighlightPage.steps.verifyPreviewScore(3,4);
-            imageHighlightPage.steps.highlightARegionInPreviewTab(2);
-            imageHighlightPage.steps.verifyPreviewScore(4,4);
-            imageHighlightPage.steps.switchToGradingView();
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
-            imageHighlightPage.steps.verifyCorrectHighlightRegion(2);
-            imageHighlightPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
-            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
-        });
     });
 });

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

@@ -154,7 +154,7 @@ describe('Image highlight - Student view settings', () => {
         imageHighlightPage.tests.verifyShowAvailableOptionsToStudentsEditTab();
     });
 
-    describe.only('Show the available options to students: Preview tab', () => {
+    describe('Show the available options to students: Preview tab', () => {
         abortEarlySetup();
         before(() => {
             imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
@@ -171,15 +171,7 @@ describe('Image highlight - Student view settings', () => {
             imageHighlightPage.steps.switchToPreviewTab();
         });
 
-        it('When \'Show the available options to students\' checkbox is unchecked, then in preview tab the options should be displayed in standard state without any highlighted background in question preview', () => {
-            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
-            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
-            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
-        });
-
-        it('When \'Show the available options to students\' checkbox is unchecked, then in preview tab the options should be displayed in standard state without any highlighted background in item preview', () => {
-            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
-            imageHighlightPage.steps.switchToPreviewTab();
+        it('When \'Show the available options to students\' checkbox is unchecked, then in preview tab the options should be displayed in standard state without any highlighted background', () => {
             imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
             imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
             imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
@@ -187,7 +179,6 @@ describe('Image highlight - Student view settings', () => {
 
         it('When \'Show the available options to students\' checkbox is checked, then in preview tab the available options should be displayed with a highlighted background', () => {
             imageHighlightPage.steps.switchToEditTab();
-            imageHighlightPage.steps.clickOnEditQuestionButton();
             imageHighlightPage.steps.checkShowAvailableOptionsToStudentsCheckbox();
             imageHighlightPage.steps.switchToPreviewTab();
             imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
@@ -196,8 +187,6 @@ describe('Image highlight - Student view settings', () => {
         });
 
         it('When user selects an option in preview tab, then that option should be selected', () => {
-            imageHighlightPage.steps.saveAQuestionAndVerifySnackbar();
-            imageHighlightPage.steps.switchToPreviewTab();
             imageHighlightPage.steps.highlightARegionInPreviewTab(0);
             imageHighlightPage.steps.highlightARegionInPreviewTab(1);
             imageHighlightPage.steps.verifySelectedHighlightRegionInPreviewTab(0);
@@ -210,9 +199,6 @@ describe('Image highlight - Student view settings', () => {
         });
 
         it('Accessibility of options with highlighted background', { tags: 'a11y' }, () => {
-            imageHighlightPage.steps.switchToEditTab();
-            imageHighlightPage.steps.clickOnEditQuestionButton();
-            imageHighlightPage.steps.switchToPreviewTab();
             cy.checkAccessibility(imageHighlightPage.previewTabQuestionWrapper());
         });
 

package/cypress/pages/components/additionalSettingsPanel.js

@@ -39,6 +39,15 @@ const steps = {
             .should('have.attr', 'aria-expanded', 'true');
     },
 
+    collapsedAdditionalSettings: () => {
+        additionalSettingsPanel.additionalSettingsPanel()
+            .click();
+        cy.log('Need this wait in order for the font size dropdown to render properly');
+        cy.wait(2000);
+        additionalSettingsPanel.additionalSettingsPanel()
+            .should('have.attr', 'aria-expanded', 'false');
+    },
+
     //V3 - Need to be updated in all files
     selectFontSizeOptionFromFontSizeDropdown: (dropdownOption) => {
         additionalSettingsPanel.steps.expandFontSizeDropdown();

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -147,7 +147,7 @@ const tests = {
                 .trigger('mouseover');
             utilities.verifyCSS(commonComponents.tooltipText(), {
                 'color': css.color.whiteText,
-                'font-size': css.fontSize.normal,
+                'font-size': css.fontSize.small,
                 'font-weight': css.fontWeight.regular,
                 'background-color': css.color.tooltipBg
             });

package/cypress/pages/components/colorPopupComponent.js

@@ -23,7 +23,7 @@ const selectors = {
     opacityLabel: () => cy.get('[class*="ColorPickerstyles__SliderWrapper"]'),
     //Need to update when feedback scale is available
     opacitySlider: () => cy.get('[class*="ColorPickerstyles__SliderWrapper"] .color-slider'),
-    opacityInputField: () => cy.get('.opacity-wrapper [aria-label="Opacity"]'),
+    opacityInputField: () => cy.get('.opacity-wrapper [aria-label="Opacity"],.opacity-wrapper input[type*="Text"]'),
     recommendedColorsLabel: () => cy.get('.color-picker-footer-wrapper'),
     recommendedColorBlock: () => cy.get('[class*="ColorPickerstyles__ColorBlockWrapper"] .color-picker-block'),
     recommendedColorBlockSelectedIcon: () => cy.get('.selected-button-icon'),

package/cypress/pages/components/figCommonStyleAndLayoutComponent.js

@@ -260,15 +260,9 @@ const tests = {
                 'font-weight': css.fontWeight.regular,
                 'border': `1px solid ${css.color.figDefaultComponentBorder}`
             });
-            let selectedToggleButton;
-            if (selectedStyle == 'Solid') {
-                selectedToggleButton = figCommonStyleAndLayoutComponent.solidBorderStyleToggleButton();
-            } else {
-                selectedToggleButton = figCommonStyleAndLayoutComponent.dashedBorderStyleToggleButton();
-            }
-            utilities.verifyCSS(selectedToggleButton, {
-                'color': css.color.defaultBackground,
-                'background-color': css.color.secondaryBtnBg,
+            utilities.verifyCSS(figCommonStyleAndLayoutComponent.solidBorderStyleToggleButton(), {
+                'color': css.color.primaryBtn,
+                'background-color': css.color.primaryBtn,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular,
                 'border': `2px solid ${css.color.secondaryBtnActive}`
@@ -304,7 +298,7 @@ const tests = {
                 'background-color': css.color.secondaryBtnBg,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular,
-                'border': `2px solid ${css.color.secondaryBtnBorder}`
+                'border': `2px solid ${css.color.figDefaultComponentBorder}`
             });
             utilities.hoverAwayFromElement();
         });

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -299,7 +299,7 @@ const steps = {
      */
     verifyMaximumCharacterLimitInPreviewTab: (responseIndex, maxlen) => {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldPreviewTab(), responseIndex)
-            .should('have.attr', 'maxlength', maxlen);
+            .should('have.attr', 'maxLength', maxlen);
     },
 
     /**
@@ -897,6 +897,19 @@ const steps = {
         });
     },
 
+    /**
+     * Verifies the height and width of the answer input field at the specified index.
+     * @param {number} responseAreaIndex - The index of the response area to verify.
+     * @param {string} Height - The expected height value in CSS format.
+     * @param {string} Width - The expected width value in CSS format.
+     */
+    verifyAnswerInputFieldHeightAndWidthInAllViews: (responseAreaIndex, Height, Width) => {
+        utilities.verifyCSS(utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldPreviewTab().parent('.response-input-field'), responseAreaIndex), {
+            'height': Height,
+            'width': Width,
+        });
+    },
+
     /**
      * Verifies the border color of the answer input field at the specified index.
      * @param {number} responseAreaIndex - The index of the response area to verify.

package/cypress/pages/components/gradingViewEnumerationComponent.js

@@ -20,6 +20,11 @@ const selectors = {
 }
 
 const steps = {
+    verifyWithoutEnumerationRadioButtonCheckedState: () => {
+        gradingViewEnumerationComponent.withoutEnumerationRadioButton()
+            .should('be.checked');
+    },
+
     verifyWithEnumerationRadioButtonCheckedState: () => {
         gradingViewEnumerationComponent.withEnumerationRadioButton()
             .should('be.checked');

package/cypress/pages/components/imageCanvasComponent.js

@@ -653,8 +653,6 @@ const steps = {
     },
 
     verifyResponseAreaConnectorEndPointShapePreviewTab: (endPointShape) => {
-        commonComponents.previewTabQuestionWrapper()
-            .within(() => {
                 imageCanvasComponent.responseAreaPointer()
                     .each($element => {
                         switch (endPointShape) {
@@ -680,7 +678,6 @@ const steps = {
                                 throw new Error('Invalid end point shape')
                         }
                     });
-            });
     },
 
     /**

package/cypress/pages/components/placeholderTextSectionComponent.js

@@ -53,6 +53,11 @@ const steps = {
             .should('be.checked');
     },
 
+    verifyCustomizePlaceholderTextCheckboxChecked: () => {
+        placeholderTextSectionComponent.customizePlaceholderTextCheckbox()
+            .should('be.checked');
+    },
+
     
     verifyIndividualPlaceholderTextInputFields: (inputFieldIndex) => {
         placeholderTextSectionComponent.individualPlaceholderTextInputField()
@@ -78,6 +83,11 @@ const tests = {
             placeholderTextSectionComponent.steps.verifyCustomizePlaceholderTextCheckboxUnchecked();
         });
 
+        it('Placeholder text input field should accept text,special characters and numeric values', () => {
+            placeholderTextSectionComponent.steps.addInputToPlaceholderTextInputField('Test 123 !@#');
+            placeholderTextSectionComponent.steps.verifyPlaceholderTextInputFieldValue('Test 123 !@#');
+        });
+
         it('CSS of placeholder text section', { tags: 'css' }, () => {
             utilities.verifyCSS(placeholderTextSectionComponent.placeholderTextSectionLabel(), {
                 'color': css.color.labels,

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, backgroundImageUploadComponent, optionsWrapperComponent, imageCanvasComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, additionalSettingsPanel, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent } from "./components";
+import { questionInstructionsComponent, scoringSectionBaseEditTab, createQuestionBasePage, commonComponents, autoScoredScoringPreviewTab, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, backgroundImageUploadComponent, optionsWrapperComponent, imageCanvasComponent, correctIncorrectAnswerLabelComponent, autoScoredStudentViewSettings, acceptedStudentInputComponent, customizeSpecialCharacterComponent, fillInTheGapsTextCommonComponent, additionalSettingsPanel, gradingViewEnumerationComponent, additionalSettingsAccessibilitySectionComponent, ariaLabelSectionComponent, placeholderTextSectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent, printPreviewComponent } from "./components";
 import { createItemPage } from "./createItemPage";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
@@ -25,6 +25,7 @@ const selectors = {
     ...figCommonStyleAndLayoutComponent,
     ...connectorStyleStyleAndLayoutCustomizationComponent,
     ...dialogBoxBase,
+    ...printPreviewComponent,
     //TODO: Update below selectors after https://redmine.zeuslearning.com/issues/557945 is resolved
 
     responseContainerInPreviewTab: () => cy.get('[class*="AddTextResponseOnImagestyles__DraggableInput"]'),
@@ -72,6 +73,7 @@ const steps = {
     ...figCommonStyleAndLayoutComponent.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
     ...createItemPage.steps,
+    ...printPreviewComponent.steps,
     /**
      * Verify that the incorrect option icon is displayed for a specific answer input field.
      * @param {number} inputFieldIndex - The index of the answer input field to verify.
@@ -272,6 +274,8 @@ const steps = {
     * @param {string} height - The height to set for the text container.
     */
     setTextContainerHeight: (height) => {
+        fillInTheGapsOverImageTextPage.textContainerHeightInputField()
+            .clear()
         fillInTheGapsOverImageTextPage.textContainerHeightInputField()
             .type(height)
         cy.wait(1000)
@@ -285,6 +289,8 @@ const steps = {
      * @param {string} width - The width to set for the text container.
      */
     setTextContainerWidth: (width) => {
+        fillInTheGapsOverImageTextPage.textContainerWidthInputField()
+            .clear()
         fillInTheGapsOverImageTextPage.textContainerWidthInputField()
             .type(width)
         cy.wait(1000)
@@ -293,6 +299,19 @@ const steps = {
             .blur();
     },
 
+    /**
+     * Verifies the values in the text container width and height input fields.
+     * @param {string} width - The width of the text container.
+     * @param {string} height - The height of the text container.
+     */
+    verifyValueInTextContainerWidthAndHeightInputField: (height, width) => {
+        fillInTheGapsOverImageTextPage.textContainerWidthInputField()
+            .should('have.value', width);
+        fillInTheGapsOverImageTextPage.textContainerHeightInputField()
+            .should('have.value', height);
+    },
+
+
     verifySetHeightAndWidthForAllTextContainersCheckboxUncheckedState: () => {
         fillInTheGapsOverImageTextPage.setHeightAndWidthForAllTextContainersCheckbox()
             .should('not.be.checked');
@@ -371,6 +390,7 @@ const tests = {
     ...placeholderTextSectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
     ...figCommonStyleAndLayoutComponent.tests,
+    ...printPreviewComponent.tests,
 }
 
 export const fillInTheGapsOverImageTextPage = {

package/cypress/pages/imageHighlightPage.js

@@ -1,7 +1,6 @@
 import utilities from "../support/helpers/utilities";
 import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, backgroundImageUploadComponent, commonComponents, createQuestionBasePage, enableOuterBorderComponent, gradingViewEnumerationComponent, imageActionsComponent, imageCanvasComponent, questionInstructionsComponent, scoringSectionBaseEditTab, showAvailableOptionsToStudents, showStudentMaximumNumberOfPossibleSelections, singleMultipleSelectionModeComponent, colorPopupComponent } from "./components";
 import { createItemPage } from "./createItemPage";
-import { itemPreviewPage } from "./itemPreviewPage";    
 const css = Cypress.env('css');
 let imageWidth = 768;
 let imageHeight = 432;
@@ -19,7 +18,6 @@ const selectors = {
     ...imageActionsComponent,
     ...additionalSettingsPanel,
     ...gradingViewEnumerationComponent,
-    ...itemPreviewPage,
 
     //Image  selection style section.
     imageSelectionStyleLabel: () => cy.get('.options-label'),
@@ -112,12 +110,6 @@ const selectors = {
     saturationPointer: () => cy.get('.react-colorful__pointer.react-colorful__saturation-pointer'),
     huePointer: () => cy.get('.react-colorful__pointer.react-colorful__hue-pointer'),
     alphaPointer: () => cy.get('.react-colorful__pointer.react-colorful__alpha-pointer'),
-    enumerationPlacementLabel: () => cy.get('[class*="options-container-cls dropzone-identifiers-wrapper"] .options-label').eq(1),
-    enumerationToggleButtonContainer: () => cy.get('[aria-label="Enumeration placement"]'),
-    enumerationPlacementTopToggleButton: () => cy.get('[data-ngie-testid="top-toggle-button"]'),
-    enumerationPlacementCenterToggleButton: () => cy.get('[data-ngie-testid="center-toggle-button"]').eq(1),
-    enumerationPlacementBottomToggleButton: () => cy.get('[data-ngie-testid="bottom-toggle-button"]'),
-    enumerationForHighlightsPreviewTab: () => cy.get('[class*="highlight-svg-responseive"] circle'),
 }
 
 const steps = {
@@ -320,7 +312,7 @@ const steps = {
      * @description this function verifies height of canvas
      */
     verifyCanvasHeight: (height) => {
-        const tolerance = 10
+        const tolerance = 2
         imageHighlightPage.specifyPossibleOptionsImageCanvas()
             .should('have.css', 'height')
             .then(($cssHeight) => {
@@ -667,20 +659,20 @@ const steps = {
 
     verifyCanvasImageTopLeftAlignedInPreviewTab: () => {
         imageHighlightPage.imagePreviewTab()
-            .should('have.attr', 'x', '0')
-            .and('have.attr', 'y', '0');
+            .should('have.css', 'top', '0px')
+            .and('have.css', 'left', '0px');
     },
 
     verifyCanvasImageCenterAlignedInPreviewTab: () => {
         imageHighlightPage.imagePreviewTab()
-            .should('have.attr', 'x', '100')
-            .and('have.attr', 'y', '100');
+            .should('not.have.css', 'top', '0px')
+            .and('not.have.css', 'left', '0px');
     },
 
     verifyCanvasImageTopRightAlignedInPreviewTab: () => {
         imageHighlightPage.imagePreviewTab()
-            .should('have.attr', 'x', '100')
-            .and('not.have.attr', 'y', '200');
+            .should('have.css', 'top', '0px')
+            .and('not.have.css', 'left', '0px');
     },
 
     /**
@@ -1152,20 +1144,6 @@ const steps = {
             });
     },
 
-    /**
-     * @param {number} index of highlight region
-     * @description this function verifies the outLineHighlight of selected highlight in item preview tab.
-     */
-    verifyOutlineHighlightRegionItemPreviewTabSection: (index) => {
-        imageHighlightPage.itemPreviewPageWrapper()
-            .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon().eq(index), {
-                    'stroke-width': '2px',
-                    'stroke': css.color.activeHighlightBorder
-                });
-            });
-    },
-
     /**
      * @param {number} index of highlight region
      * @description this function verifies the patternHighlight of selected highlight in preview tab.
@@ -1727,161 +1705,6 @@ const steps = {
             Math.abs(ag - eg) <= tolerance &&
             Math.abs(ab - eb) <= tolerance
         );
-    },
-
-    /**
-    * @param {number} width index for the border style.
-    * @param {number} height index for the border style.
-    * @description Verifies the height and width of image in preview tab.
-    */
-    verifyImageDimensionsPreviewTab: (width, height) => {
-        imageHighlightPage.imagePreviewTab()
-            .should('have.css', 'width', `${width}px`)
-            .and('have.css', 'height', `${height}px`);
-    },
-
-    /**
-    * @description Clicks on the bottom enumeration placement button.
-    */
-    selectBottomEnumerationPlacementToggle: () => {
-        imageHighlightPage.enumerationPlacementBottomToggleButton()
-            .click();
-    },
-
-    /**
-    * @description Clicks on the center enumeration placement button.
-    */
-    selectCenterEnumerationPlacementToggle: () => {
-        imageHighlightPage.enumerationPlacementCenterToggleButton()
-            .click();
-    },
-
-    /**
-    * @param {string} enumerationPlacement placement of the enumeration.
-    * @param {number} index index of highlight region
-    * @description Verifies the enumeration placement for highlight regions in the preview tab.
-    */
-    verifyNumerationPlacementForHighlightRegionInPreviewTab: (enumerationPlacement, index) => {
-        const tolerance = 1
-        switch (enumerationPlacement) {
-            case 'Top':
-                switch (index) {
-                    case 0:
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cx')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('307.80');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cy')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('59.03');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .should('have.attr', 'r', '12');
-                        break;
-                    case 1:
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cx')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('200.52');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cy')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('213.11');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .should('have.attr', 'r', '12');
-                        break;
-                    default:
-                        throw new Error(`Unsupported index ${index} for placement 'Top'`);
-                }
-                break;
-            case 'Center':
-                switch (index) {
-                    case 0:
-                        // Match cx only up to 2 decimal places to allow minor rendering variance.
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cx')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('365.45');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cy')
-                            .then(actualCy => {
-                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
-                                expect(roundedCy).to.equal('100.06');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .should('have.attr', 'r', '12');
-                        break;
-                    case 1:
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cx')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('284.74');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cy')
-                            .then(actualCy => {
-                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
-                                expect(roundedCy).to.equal('238.14');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .should('have.attr', 'r', '12');
-                        break;
-                    default:
-                        throw new Error(`Unsupported index ${index} for placement 'Center'`);
-                }
-                break;
-            case 'Bottom':
-                switch (index) {
-                    case 0:
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cx')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('307.80');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cy')
-                            .then(actualCy => {
-                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
-                                expect(roundedCy).to.equal('167.09');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .should('have.attr', 'r', '12');
-                        break;
-                    case 1:
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cx')
-                            .then(actualCx => {
-                                const roundedCx = Number(actualCx).toFixed(2); // keep two decimals
-                                expect(roundedCx).to.equal('200.52');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .invoke('attr', 'cy')
-                            .then(actualCy => {
-                                const roundedCy = Number(actualCy).toFixed(2); // keep two decimals
-                                expect(roundedCy).to.equal('289.16');
-                            });
-                        imageHighlightPage.enumerationForHighlightsPreviewTab().eq(index)
-                            .should('have.attr', 'r', '12');
-                        break;
-                    default:
-                        throw new Error(`Unsupported index ${index} for placement 'Bottom'`);
-                }
-                break;
-            default:
-                throw new Error(`Invalid enumeration placement '${enumerationPlacement}'`);
-        }
     }
 }
 

package/cypress/pages/itemPreviewPage.js

@@ -2,7 +2,6 @@ import { createQuestionBasePage, autoScoredScoringPreviewTab } from "./component
 
 const selectors = {
     referenceID: () => cy.get('.edit-item-reference-id'),
-    itemPreviewPageWrapper: () => cy.get('.item-layout-columns-wrapper-without-scroll'),
 }
 
 const steps = {

package/cypress/support/helpers/utilities.js

@@ -295,22 +295,6 @@ const utilities = {
             }
         });
     },
-
-    /**
-     * Verifies the selected/not selected state of an element.
-     * @param {Cypress.Chainable} element - The element containing the image
-     * @param {string} state - 'selected' | 'notSelected'
-     */
-    verifiedElementSelectedNotSelectedState: (selector, state) => {
-        switch (state) {
-            case 'selected':
-                selector.should('have.attr', 'aria-pressed', 'true');
-                break;
-            case 'notSelected':
-                selector.should('have.attr', 'aria-pressed', 'false');
-                break;
-        }
-    },
 }
 
 export default utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.563-IEI-6998-Add-coverage-for-image-hightlight-question-type-238d7b4.0",
+  "version": "1.0.563-IEI-7072-main-321f4b3.0",
   "description": "",
   "main": "index.js",
   "scripts": {