itemengine-cypress-automation 1.0.326-IEI-4285-3f1c280.0 → 1.0.328-UpdateRepo28thFeb-24a9148.0

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -328,6 +328,38 @@ const steps = {
         };
     },
 
+    /**
+     * @param {number} cellIndex - Index of the table cell.
+     * @param {("Heading" | "Subheading" | "Text" | "Dropzone" | "None")} cellProperty - Type of property to verify.
+     * @description Verifies the appearance and content of a specific property in a table cell on the preview tab.
+     */
+    verifyTableCellPropertyStudentView: (cellIndex, cellProperty) => {
+        switch (cellProperty) {
+            case 'Heading':
+                utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), cellIndex)
+                    .should('have.class', 'header-cell');
+                break;
+            case 'Subheading':
+                utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), cellIndex)
+                    .should('have.class', 'sub-header-cell');
+                break;
+            case 'Text':
+                utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), cellIndex)
+                    .should('have.class', 'text-cell');
+                break;
+            case 'Dropzone':
+                utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), cellIndex)
+                    .should('have.class', 'dropzone-cell');
+                break;
+            case 'None':
+                utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), cellIndex)
+                    .should('have.class', 'none-cell');
+                break;
+            default:
+                throw new Error('Invalid list option');
+        };
+    },
+
     /**
     * @param {number} cellIndex - Index of the table cell.
     * @param {("Heading" | "Subheading" | "Text" | "Dropzone" | "None")} cellProperty - Type of property to verify.

package/cypress/pages/drawingResponsePage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities"
-import { questionInstructionsComponent, createQuestionBasePage, commonComponents, additionalSettingsPanel, scoringSectionBaseEditTab, customizeSpecialCharacterComponent, customizeMathCharacterComponent } from "./components"
+import { questionInstructionsComponent, createQuestionBasePage, commonComponents, additionalSettingsPanel, scoringSectionBaseEditTab, customizeSpecialCharacterComponent, customizeMathCharacterComponent, backgroundImageUploadComponent } from "./components"
 import { createItemPage } from "./createItemPage";
 import { dialogBoxBase } from "./dialogBoxBase";
 
@@ -15,6 +15,7 @@ const selectors = {
     ...createQuestionBasePage,
     ...customizeSpecialCharacterComponent,
     ...customizeMathCharacterComponent,
+    ...backgroundImageUploadComponent,
     //Customize toolbar options and controls
     customizeToolbarOptionsAndControlsAccordion: () => cy.get('.drawing-response-accordion .ngie-accordion-summary'),
     customizeToolbarOptionsAndControlsLabel: () => cy.get('.customized-options-label'),
@@ -116,9 +117,9 @@ const selectors = {
     imageRadioButton: () => cy.get('input[aria-label="Image"]'),
     patternLabel: () => cy.get('label[aria-label="Pattern"]'),
     patternRadioButton: () => cy.get('input[aria-label="Pattern"]'),
-    canvasWidthLabel: () => cy.get('label[aria-labelledby="Canvas width (px)"]'),
+    canvasWidthLabel: () => cy.get('label[for="Canvas width (px)"]'),
     canvasWidthInputField: () => cy.get('input[aria-label="Canvas width (px)"]'),
-    canvasHeightLabel: () => cy.get('label[aria-labelledby="Canvas height (px)"]'),
+    canvasHeightLabel: () => cy.get('label[for="Canvas height (px)"]'),
     canvasHeightInputField: () => cy.get('input[aria-label="Canvas height (px)"]'),
     aspectRatioButton: () => cy.get('.lock-reset-icon-wrapper button').eq(0),
     resetDimensionsButton: () => cy.get('.lock-reset-icon-wrapper button').eq(1),
@@ -231,6 +232,7 @@ const steps = {
     ...customizeSpecialCharacterComponent.steps,
     ...customizeMathCharacterComponent.steps,
     ...createItemPage.steps,
+    ...backgroundImageUploadComponent.steps,
     /**
      * @param {string[]} arrayOfToolbarOptions array of toolbar options to be selected
      * @description this function selects toolbar options from edit tab
@@ -642,6 +644,14 @@ const steps = {
             .attachFile(file);
     },
 
+    /**
+     * @description this function deletes an uploaded file
+     */
+    deleteUploadedFile: () => {
+        backgroundImageUploadComponent.steps.deleteImage();
+        backgroundImageUploadComponent.steps.clickOnDeleteButtonInDeleteImagePopup();
+    },
+
     verifyImageContainerErrorMessage: (fileName) => {
         drawingResponsePage.insertImageContainerErrorMessage()
             .should('have.text', `The following files were rejected${fileName} is too large. The maximum file size is 5MB`)

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -76,9 +76,9 @@ const selectors = {
     optionAlignmentInDropzoneOptions: (alignmentOption) => cy.get(`.option-alignment button[aria-label*="option alignment in dropzone ${alignmentOption}"]`),
     setHeightAndWidthForAllDropzoneCheckboxLabel: () => cy.get('[data-ngie-testid="set-height-and-width-for-all-dropzones-checkbox"] .MuiFormControlLabel-label'),
     setHeightAndWidthForAllDropzoneCheckbox: () => cy.get('[data-ngie-testid="set-height-and-width-for-all-dropzones-checkbox"] input'),
-    dropzoneHeightInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [aria-labelledby="Height (px)"]'),
+    dropzoneHeightInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [for="Height (px)"]'),
     dropzoneHeightInputField: () => cy.get('.dropzone-text-container-dimension [id="Height (px)"]'),
-    dropzoneWidthInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [aria-labelledby="Width (px)"]'),
+    dropzoneWidthInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [for="Width (px)"]'),
     dropzoneWidthInputField: () => cy.get('.dropzone-text-container-dimension [id="Width (px)"]'),
     draggableOptionPanelPlacementLabel: () => cy.get('.draggable-option-panel-label'),
     panelPlacementLabel: () => cy.get('.panel-placement-style .options-label'),
@@ -711,7 +711,7 @@ const steps = {
 
     verifyNoImageAlternativeTextPresentInPreviewTab: () => {
         imageCanvasComponent.canvasImageInPreviewTab()
-            .should('have.attr', 'alt', 'highlightImage.jpg');
+            .should('have.attr', 'alt', 'highlightImage');
     },
 
     /**
@@ -765,10 +765,11 @@ const steps = {
 
     checkBlockRadioButton: () => {
         fillInTheGapsOverImageDragAndDropPage.blockRadioButton()
-            .click()
+            .click();
         cy.wait(500);
         fillInTheGapsOverImageDragAndDropPage.blockRadioButton()
-            .should('be.checked');
+            .parents('[data-value="block"]')
+            .should('have.class', 'radio-option-checked');
     },
 
     verifyInlineOptionPlacementSpecifyCorrectAnswer: () => {

package/cypress/pages/fillInTheGapsOverImageTextPage.js

@@ -36,9 +36,9 @@ const selectors = {
     correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('.label-image-with-text-correct-answer-wrapper'),
     setHeightAndWidthForAllTextContainersCheckboxLabel: () => cy.get('[data-ngie-testid="set-height-and-width-for-all-text-containers-checkbox"] .MuiFormControlLabel-label'),
     setHeightAndWidthForAllTextContainersCheckbox: () => cy.get('[data-ngie-testid="set-height-and-width-for-all-text-containers-checkbox"] input'),
-    textContainerHeightInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [aria-labelledby="Height (px)"]'),
+    textContainerHeightInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [for="Height (px)"]'),
     textContainerHeightInputField: () => cy.get('.dropzone-text-container-dimension [id="Height (px)"]'),
-    textContainerWidthInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [aria-labelledby="Width (px)"]'),
+    textContainerWidthInputFieldLabel: () => cy.get('.dropzone-text-container-dimension [for="Width (px)"]'),
     textContainerWidthInputField: () => cy.get('.dropzone-text-container-dimension [id="Width (px)"]'),
     textContainerConnectorStyleLabel: () => cy.get('.dropzone-connector-style-label'),
     responseArea: () => cy.get('.canvas-dropzone'),
@@ -69,7 +69,7 @@ const steps = {
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...figCommonStyleAndLayoutComponent.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
-     ...createItemPage.steps,
+    ...createItemPage.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.
@@ -316,7 +316,17 @@ const steps = {
      */
     verifyTextContainerWidthInputFieldValue: (value) => {
         utilities.verifyInputFieldValue(fillInTheGapsOverImageTextPage.textContainerWidthInputField(), value);
-    }
+    },
+
+    /**
+     * @param {string} file name of the file in fixtures/upload folder
+]    * @description this function uploads a file
+     */
+    uploadFileWithoutVerification: (file) => {
+        fillInTheGapsOverImageTextPage.inputTypeFile()
+            .attachFile(file);
+        cy.wait(4000);
+    },
 }
 
 const tests = {

package/cypress/pages/graphingPage.js

@@ -621,7 +621,7 @@ const steps = {
 
     verifyXAxisMinArrowNotExistGraphEditTab: () => {
         graphingPage.xAxisGraphEditTab()
-            .should('not.have.attr', 'marker-start');
+            .should('have.attr', 'marker-start', 'null');
     },
 
     verifyXAxisMinArrowExistGraphEditTab: () => {
@@ -636,12 +636,12 @@ const steps = {
 
     verifyXAxisMaxArrowNotExistGraphEditTab: () => {
         graphingPage.xAxisGraphEditTab()
-            .should('not.have.attr', 'marker-end');
+            .should('have.attr', 'marker-end', 'null');
     },
 
     verifyYAxisMinArrowNotExistGraphEditTab: () => {
         graphingPage.yAxisGraphEditTab()
-            .should('not.have.attr', 'marker-start');
+            .should('have.attr', 'marker-start', 'null');
     },
 
     verifyYAxisMinArrowExistGraphEditTab: () => {
@@ -656,7 +656,7 @@ const steps = {
 
     verifyYAxisMaxArrowNotExistGraphEditTab: () => {
         graphingPage.yAxisGraphEditTab()
-            .should('not.have.attr', 'marker-end');
+            .should('have.attr', 'marker-end', 'null');
     },
 
     /**
@@ -1225,7 +1225,7 @@ const steps = {
 
     verifyXAxisMinArrowNotExistGraphSpecifyCorrectAnswerSection: () => {
         graphingPage.xAxisGraphSpecifyCorrectAnswerSection()
-            .should('not.have.attr', 'marker-start');
+            .should('have.attr', 'marker-start', 'null');
     },
 
     verifyXAxisMinArrowExistGraphSpecifyCorrectAnswerSection: () => {
@@ -1240,12 +1240,12 @@ const steps = {
 
     verifyXAxisMaxArrowNotExistGraphSpecifyCorrectAnswerSection: () => {
         graphingPage.xAxisGraphSpecifyCorrectAnswerSection()
-            .should('not.have.attr', 'marker-end');
+            .should('have.attr', 'marker-end', 'null');
     },
 
     verifyYAxisMinArrowNotExistGraphSpecifyCorrectAnswerSection: () => {
         graphingPage.yAxisGraphSpecifyCorrectAnswerSection()
-            .should('not.have.attr', 'marker-start');
+            .should('have.attr', 'marker-start', 'null');
     },
 
     verifyYAxisMinArrowExistGraphSpecifyCorrectAnswerSection: () => {
@@ -1260,7 +1260,7 @@ const steps = {
 
     verifyYAxisMaxArrowNotExistGraphSpecifyCorrectAnswerSection: () => {
         graphingPage.yAxisGraphSpecifyCorrectAnswerSection()
-            .should('not.have.attr', 'marker-end');
+            .should('have.attr', 'marker-end', 'null');
     },
 
     /**
@@ -1491,7 +1491,7 @@ const steps = {
 
     verifyXAxisMinArrowNotExistGraphPreviewTab: () => {
         graphingPage.xAxisGraphPreviewTab()
-            .should('not.have.attr', 'marker-start');
+            .should('have.attr', 'marker-start', 'null');
     },
 
     verifyXAxisMinArrowExistGraphPreviewTab: () => {
@@ -1506,12 +1506,12 @@ const steps = {
 
     verifyXAxisMaxArrowNotExistGraphPreviewTab: () => {
         graphingPage.xAxisGraphPreviewTab()
-            .should('not.have.attr', 'marker-end');
+            .should('have.attr', 'marker-end', 'null');
     },
 
     verifyYAxisMinArrowNotExistGraphPreviewTab: () => {
         graphingPage.yAxisGraphPreviewTab()
-            .should('not.have.attr', 'marker-start');
+            .should('have.attr', 'marker-start', 'null');
     },
 
     verifyYAxisMinArrowExistGraphPreviewTab: () => {
@@ -1526,7 +1526,7 @@ const steps = {
 
     verifyYAxisMaxArrowNotExistGraphPreviewTab: () => {
         graphingPage.yAxisGraphPreviewTab()
-            .should('not.have.attr', 'marker-end');
+            .should('have.attr', 'marker-end', 'null');
     },
 
     /**

package/cypress/pages/matchingPage.js

@@ -120,7 +120,7 @@ const selectors = {
     optionRowContainerPreviewTab: () => cy.get('.match-list-response-container'),
     layoutLabel: () => cy.get('[class*="Layoutstyles__SectionWrapper"]'),
     rowSpacingDropdownLabel: () => cy.get('#Row-spacing-dropdown-label'),
-    rowSpacingDropdown: () => cy.get('[aria-labelledby*="Row-spacing-dropdown-label"]').eq(0),
+    rowSpacingDropdown: () => cy.get('[aria-labelledby*="Row-spacing-select"]').eq(0),
     rowSpacingDropdownOptions: (ariaLabel = null) => {
         if (ariaLabel) {
             return cy.get(`[aria-labelledby*="Row-spacing-dropdown-label"] .dropdown-menu-item[aria-label*="${ariaLabel}"]`)
@@ -129,7 +129,7 @@ const selectors = {
         }
     },
     columnSpacingDropdownLabel: () => cy.get('#Column-spacing-dropdown-label'),
-    columnSpacingDropdown: () => cy.get('[aria-labelledby*="Column-spacing-dropdown-label"]').eq(0),
+    columnSpacingDropdown: () => cy.get('[aria-labelledby*="Column-spacing-select"]').eq(0),
     columnSpacingDropdownOptions: (ariaLabel = null) => {
         if (ariaLabel) {
             return cy.get(`[aria-labelledby*="Column-spacing-dropdown-label"] .dropdown-menu-item[aria-label*="${ariaLabel}"]`)
@@ -1642,7 +1642,7 @@ const steps = {
      */
     selectRowSpacingDropdownOption: (rowSpacingOption) => {
         matchingPage.rowSpacingDropdownOptions(rowSpacingOption)
-            .click();
+            .click({force:true});
     },
 
     /**

package/cypress/pages/multipleSelectionGridPage.js

@@ -222,19 +222,18 @@ const tests = {
             gridQuestionCommonComponent.steps.setAnswerInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
         });
 
-        it(`When the user has unchecked all the options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user has unchecked all the options in the ${accordionName} accordion, 'Error: Please set a correct answer.' error message should not be thrown along with an error icon on the '${accordionName}' accordion`, () => {
             gridQuestionCommonComponent.steps.uncheckOptionInSpecifyCorrectAnswerSection({ row: 1, column: 0 });
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/multipleSelectionPage.js

@@ -914,7 +914,6 @@ const tests = {
     ...ckEditorInsertTableComponent.tests,
     ...ckEditorInsertImageComponent.tests,
     ...ckEditorLinkComponent.tests,
-    //Note: need to remove this as change the global function once save as you go is available for all question types
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
@@ -963,18 +962,17 @@ const tests = {
             multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(1);
         });
 
-        it(`When the user has unchecked all selected options in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+        it(`When the user has unchecked all selected options in the ${accordionName} accordion, 'Error: Please set a correct answer.' error message should not be thrown along with an error icon on the '${accordionName}' accordion`, () => {
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/shortTextResponsePage.js

@@ -183,10 +183,22 @@ const steps = {
             .blur();
     },
 
+    focusInSpecifyCorrectAnswerInputField: () => {
+        shortTextResponsePage.answerInputFieldSpecifyCorrectAnswerSection()
+            .focus();
+        shortTextResponsePage.answerInputFieldSpecifyCorrectAnswerSection()
+            .parents('.short-text-response-input-field')
+            .should('have.class', 'Mui-focused');
+    },
+
     focusOutOfSpecifyCorrectAnswerInputField: () => {
         shortTextResponsePage.answerInputFieldSpecifyCorrectAnswerSection()
             .clear()
+            .click()
             .blur();
+        shortTextResponsePage.answerInputFieldSpecifyCorrectAnswerSection()
+            .parents('.short-text-response-input-field')
+            .should('not.have.class', 'Mui-focused');
     },
 
     clearAndFocusOutOfResponseInputFieldPreviewTab: () => {
@@ -223,6 +235,9 @@ const steps = {
     focusInAnswerInputFieldPreviewTab: () => {
         shortTextResponsePage.previewTabResponseField()
             .click();
+        shortTextResponsePage.previewTabResponseField()
+            .parents('.short-text-preview-response-input-field')
+            .should('have.class', 'Mui-focused');
     },
 
     /**
@@ -310,7 +325,11 @@ const steps = {
 
     focusOutOfResponseField: () => {
         shortTextResponsePage.previewTabResponseField()
+            .click()
             .blur();
+        shortTextResponsePage.previewTabResponseField()
+            .parents('.short-text-preview-response-input-field')
+            .should('not.have.class', 'Mui-focused');
     },
 
     /**
@@ -907,8 +926,7 @@ const tests = {
 
         it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should not be displayed', () => {
             shortTextResponsePage.steps.clearAndFocusOutOfSpecifyCorrectAnswerInputField();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();

package/cypress/pages/singleSelectionPage.js

@@ -719,7 +719,6 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.tests,
-    //Note: need to remove this as change the global function once save as you go is available for all question types
     verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
         it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
             utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
@@ -777,8 +776,8 @@ const tests = {
 
         it('On deleting correct answer option(s), \'Error: Please set a correct answer.\' validation error message should be thrown along with an error icon on the \'Correct\' tab', () => {
             singleSelectionPage.steps.deleteOption(1);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
-            autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
         });
 
         autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();

package/cypress/pages/textEntryMathPage.js

@@ -35,6 +35,7 @@ const selectors = {
     responseAccordionLabel: () => cy.get('[class*="ResponseAccordionstyles__Label"]'),
     responseAccordionAnswerInputField: () => cy.get('[class*="__AnswersWrapper"] .equation-input-component .mq-editable-field'),
     responseAccordionAnswerInputFieldNew: () => cy.get('[class*="__AnswersWrapper"] .equation-input-component'),
+    correctAnswerSection: () => cy.get('.correct-answer-wrapper'),
     responseAccordionPointsWrapper: () => cy.get('[class*="ResponseAccordionstyles__PointsDiv"]'),
     responseAccordionPointsLabel: () => cy.get('[class*="ResponseAccordionstyles__PointsLabel"]'),
     responseAccordionPointsScore: () => cy.get('[class*="ResponseAccordionstyles__Points-"]'),
@@ -1362,6 +1363,16 @@ const steps = {
             .eq(responseIndex)
             .click();
     },
+
+    correctAnswerSectionOverflow: () => {
+        textEntryMathPage.correctAnswerSection()
+            .should('exist')
+            .then(($CorrectAnswerSection) => {
+                const scrollWidth = $CorrectAnswerSection[0].scrollWidth;
+                const clientWidth = $CorrectAnswerSection[0].clientWidth;
+                expect(scrollWidth).to.not.be.greaterThan(clientWidth);
+            });
+    }
 }
 
 const tests = {
@@ -1418,7 +1429,7 @@ const tests = {
         it('User should be able to expand multiple response accordions simultaneously', () => {
             if (accordionName === 'Alternate') {
                 textEntryMathPage.steps.deleteAlternativeAnswerAccordion(0);
-            }  
+            }
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
             textEntryMathPage.steps.verifyResponseAccordionIsExpanded(0);
@@ -1942,7 +1953,7 @@ const tests = {
                 }
             });
         })
-    }
+    },
 }
 
 export const textEntryMathPage = {

package/cypress/pages/textEntryMathWithImagePage.js

@@ -21,8 +21,8 @@ const selectors = {
     cancelButton: () => cy.get('[data-testid*="reject-button"]'),
     setHeightAndWidthForAllTextContainersLabel: () => cy.get('.set-textContainer-dimensions-checkbox label'),
     setHeightAndWidthForAllTextContainersCheckbox: () => cy.get('.set-textContainer-dimensions-checkbox .ngie-checkbox'),
-    heightLabel: () => cy.get('[aria-labelledby="Height (px)"]'),
-    widthLabel: () => cy.get('[aria-labelledby="Width (px)"]'),
+    heightLabel: () => cy.get('[for="Height (px)"]'),
+    widthLabel: () => cy.get('[for="Width (px)"]'),
     heightInputField: () => cy.get('.MuiInputBase-input[aria-label="Height (px)"]'),
     widthInputField: () => cy.get('.MuiInputBase-input[aria-label="Width (px)"]'),
     textContainerEditTab: () => cy.get('.canvas-dropzone'),

package/cypress/pages/uploadResponsePage.js

@@ -90,14 +90,13 @@ const selectors = {
     maximumFileSize: () => cy.get('[class*="UploadQuestionPreviewstyle__MaxFileLimitDesc"]'),
     unSupportedFileInfoIcon: () => cy.get('[class*="UploadedDocumentsstyle__UnSupportedFileIcon"]'),
     //Thumb nail
-    imageThumbNail: () => cy.get('img[class*="UploadedDocumentsstyle__ImageContainer"]'),
+    imageThumbNail: () => cy.get('[class*="UploadedDocumentsstyle__ImageContainer"]'),
     imageThumbNailButton: () => cy.get('[class*="UploadedDocumentsstyle__ImageContainerButton"]'),
     popUpWrapper: () => cy.get('[class*="UploadedDocumentsstyle__ImagePopupDiv"]'),
     imageDisplayedInsidePopUp: () => cy.get('.image-upload-popup-wrapper'),
     downloadIconOfPopUp: () => cy.get('.download-icon'),
     downloadTextOfPopUp: () => cy.get('[class*="UploadedDocumentsstyle__DownloadTextWrapper"]'),
     closePopUpButton: () => cy.get('.close-popup-btn'),
-    imageThumbnailGradingPage: () => cy.get('img[class*="UploadQuestionPreviewstyle__ImageContainer"]'),
 }
 
 const steps = {
@@ -243,6 +242,7 @@ const steps = {
      * Verifies the pop up details and visiblity when user clicks on thumb nail or on image name 
     */
     verifyImagePopUpDetail: () => {
+        cy.wait(2000);
         utilities.verifyElementVisibilityState(uploadResponsePage.popUpWrapper(), 'visible');
         utilities.verifyElementVisibilityState(uploadResponsePage.imageDisplayedInsidePopUp(), 'visible');
         utilities.verifyElementVisibilityState(uploadResponsePage.downloadIconOfPopUp(), 'visible');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.326-IEI-4285-3f1c280.0",
+  "version": "1.0.328-UpdateRepo28thFeb-24a9148.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/cypress/e2e/ILC/ThinkSphere/dummyTest.js

@@ -1,17 +0,0 @@
-import { rulerPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-
-describe('Dummy test for setting up pipeline Create question page - Ruler resource type', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Header section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            rulerPage.steps.navigateToCreateResource('ruler');
-        });
-
-        rulerPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Ruler');
-    });
-});