itemengine-cypress-automation 1.0.225-activeDeadlineSecondsUpdated-34c7d0c.0 → 1.0.226-5thAugustFixes-cc6b557.0

package/cypress/pages/essayResponsePage.js

@@ -37,7 +37,13 @@ const selectors = {
     specialCharactersPopupTitle: () => cy.get('#alert-dialog-title'),
     specialCharactersPopupCloseButton: () => cy.get('[class*="close-button"]'),
     specialCharactersPopupCharactersCategoryWrapper: () => cy.get('.special-character-accordion'),
-    specialCharactersPopupCharacterSymbol: () => cy.get('.characters-button'),
+    specialCharactersPopupCharacterSymbol: (ariaLabel = null) => {
+        if (ariaLabel) {
+            return cy.get(`.characters-button[aria-label*="${ariaLabel}"]`)
+        } else {
+            return cy.get('.characters-button')
+        }
+    },
     specialCharactersPopupCategoryTitle: () => cy.get('.char-accordion-label'),
     specialCharactersPopupCategoryAccordionIcon: () => cy.get('.special-math-content [class*="expandIconWrapper"]'),
 
@@ -169,7 +175,7 @@ const steps = {
     },
 
     /**
-    * @description Verify symbols displayed in for a category in special characters popup
+    * @description Verify symbols displayed for a category in special characters popup
     * @param {number} categoryIndex Index of the category
     * @param {string[]} categorySymbolsArray Array of the symbols of the category
     */
@@ -177,11 +183,11 @@ const steps = {
         essayResponsePage.specialCharactersPopupCharactersCategoryWrapper()
             .eq(categoryIndex)
             .within(() => {
-                categorySymbolsArray[index].forEach((symbolARIALabel, index) => {
+                categorySymbolsArray.forEach((symbolARIALabel, index) => {
                     essayResponsePage.specialCharactersPopupCharacterSymbol()
                         .eq(index)
-                        .find('svg')
-                        .should('have.attr', 'aria-label', `${symbolARIALabel}`);
+                        .should('have.attr', 'aria-label')
+                        .and('include', symbolARIALabel);
                 });
             });
     },
@@ -191,8 +197,7 @@ const steps = {
     * @param {string} ariaLabel Aria-label of the symbol 
     */
     clickOnCharacterPopupSymbol: (ariaLabel) => {
-        essayResponsePage.specialCharactersPopupCharacterSymbol()
-            .find(`svg[aria-label="${ariaLabel}"]`)
+        essayResponsePage.specialCharactersPopupCharacterSymbol(ariaLabel)
             .click();
     },
 
@@ -251,9 +256,10 @@ const steps = {
     createCustomCategoryWithMultipleCategoryCharacters: () => {
         cy.log('Creating a custom category by selecting \'Keypad\' category, partially selecting \'Basic\' and \'Greek\' categories')
         createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
-        createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
+        createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['primary'].displayName}`);
+        cy.wait(2000);
         createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`);
-        createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['greek'].displayName}`);
+        createCustomCategoryFlyout.steps.expandCategoryAccordion(`Greek Symbols`);
         createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols.greek.symbols.gamma.ariaLabel}`);
         createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols.greek.symbols.delta.ariaLabel}`);
         createCustomCategoryFlyout.steps.addInputToCustomCategoryNameInputField('Custom category with name.');
@@ -1041,7 +1047,7 @@ const steps = {
         essayResponsePage.responseField()
             .should('have.prop', 'spellcheck', true);
     },
-    
+
     verifyPlaceholderInputFieldIsEmpty: () => {
         essayResponseCommonComponents.placeholderTextInputField()
             .should('have.value', '');

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -34,6 +34,7 @@ const selectors = {
     connectorEndPointShapeOptions: (shapeOption) => cy.get(`.dropzone-connector-option button[aria-label*="${shapeOption}"]`),
     previewTabCanvas: () => cy.get('.drag-and-drop-canvas'),
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]'),
+    dropdownPointer: () => cy.get('.canvas-pointer-wrapper'),
 }
 
 const steps = {
@@ -126,7 +127,7 @@ const steps = {
                 case 'bottom':
                     return { top: '-31px', left: '-35px' };
                 case 'bottom right':
-                    return { top: '-25px', left: '-40px' };
+                    return { top: '-26px', left: '-43px' };
                 case 'right':
                     return { top: '-21px', left: '-36.5px' };
                 case 'top right':
@@ -143,7 +144,7 @@ const steps = {
         }
         const expectedPosition = getPosition(style);
         if (style == 'left' || style == 'bottom left') {
-            fillInTheGapsOverImageDropdownPage.dropdownPreviewTab()
+            fillInTheGapsOverImageDropdownPage.dropdownPointer()
                 .eq(dropzoneIndex)
                 .should('have.css', 'bottom', expectedPosition.bottom)
                 .and('have.css', 'left', expectedPosition.left);
@@ -151,11 +152,14 @@ const steps = {
         else if (style == 'none') {
             fillInTheGapsOverImageDropdownPage.dropdownPreviewTab()
                 .eq(dropzoneIndex)
-                .should('not.have.css', 'bottom')
-                .and('not.have.css', 'left');
+                .parents('[class*="Canvasstyle__ResponseDiv"]')
+                .within(() => {
+                    fillInTheGapsOverImageDropdownPage.dropdownPointer()
+                        .should('not.exist');
+                });
         }
         else {
-            fillInTheGapsOverImageDropdownPage.dropdownPreviewTab()
+            fillInTheGapsOverImageDropdownPage.dropdownPointer()
                 .eq(dropzoneIndex)
                 .should('have.css', 'top', expectedPosition.top)
                 .and('have.css', 'left', expectedPosition.left);

package/cypress/pages/imageHighlightPage.js

@@ -1122,11 +1122,13 @@ const steps = {
      * @description this function verifies the fillInHighlight of selected highlight in preview tab.
      */
     verifyFillInHighlightRegionPreviewTabSection: (index) => {
-        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon().eq(index), {
-            'fill-opacity': '1',
-            'stroke': css.color.activeHighlightBorder
-        });
-
+        imageHighlightPage.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon().eq(index), {
+                    'fill-opacity': '1',
+                    'stroke': css.color.activeHighlightBorder
+                });
+            });
     },
 
     /**
@@ -1134,10 +1136,13 @@ const steps = {
      * @description this function verifies the outLineHighlight of selected highlight in preview tab.
      */
     verifyOutlineHighlightRegionPreviewTabSection: (index) => {
-        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon().eq(index), {
-            'stroke-width': '2px',
-            'stroke': css.color.activeHighlightBorder
-        });
+        imageHighlightPage.previewTabQuestionWrapper()
+            .within(() => {
+                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon().eq(index), {
+                    'stroke-width': '2px',
+                    'stroke': css.color.activeHighlightBorder
+                });
+            });
     },
 
     /**
@@ -1145,10 +1150,13 @@ const steps = {
      * @description this function verifies the patternHighlight of selected highlight in preview tab.
      */
     verifyPatternHighlightRegionPreviewTabSection: (index) => {
-        imageHighlightPage.previewSectionPatterntPolygon()
-            .eq(index)
+        imageHighlightPage.previewTabQuestionWrapper()
             .within(() => {
-                utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerDiamondPattern().eq(1), 'exist');
+                imageHighlightPage.previewSectionPatterntPolygon()
+                    .eq(index)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(imageHighlightPage.specifyCorrectAnswerDiamondPattern().eq(1), 'exist');
+                    });
             });
     },
 
@@ -1318,12 +1326,15 @@ const steps = {
      * @description this function verifiies the fill color of highlight regions in preview tab.
      */
     verifyEditedFillColorInPreviewtabSection: (index, color) => {
-        imageHighlightPage.specifyCorrectAnswerSectionCustomizedPolygon()
-            .eq(index)
+        imageHighlightPage.previewTabQuestionWrapper()
             .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerDiamondPattern(), {
-                    'fill': color
-                });
+                imageHighlightPage.specifyCorrectAnswerSectionCustomizedPolygon()
+                    .eq(index)
+                    .within(() => {
+                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerDiamondPattern(), {
+                            'fill': color
+                        });
+                    });
             });
     },
 
@@ -1345,15 +1356,18 @@ const steps = {
     /**
      * @param {number} index index of highlight region
      * @param {string} color color to be checked in rgb/rgba format
-     * @description this function verifiies the border color of highlight regions in preview tab.
+     * @description this function verifies the border color of highlight regions in preview tab.
      */
     verifyEditedBorderColorInPreviewtabSection: (index, color) => {
-        imageHighlightPage.previewSectionHighlight()
-            .eq(index)
+        imageHighlightPage.previewTabQuestionWrapper()
             .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
-                    'stroke': color
-                });
+                imageHighlightPage.previewSectionHighlight()
+                    .eq(index)
+                    .within(() => {
+                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
+                            'stroke': color
+                        });
+                    });
             });
     },
 
@@ -1388,13 +1402,16 @@ const steps = {
      * @description this function verifiies the border style of highlight regions in preview tab.
      */
     verifyEditedBorderStyleInPreviewTabSection: (index, strokeDasharray, strokWidth) => {
-        imageHighlightPage.previewSectionHighlight()
-            .eq(index)
+        imageHighlightPage.previewTabQuestionWrapper()
             .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
-                    'stroke-dasharray': strokeDasharray,
-                    'stroke-width': strokWidth
-                });
+                imageHighlightPage.previewSectionHighlight()
+                    .eq(index)
+                    .within(() => {
+                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
+                            'stroke-dasharray': strokeDasharray,
+                            'stroke-width': strokWidth
+                        });
+                    });
             });
     },
 

package/cypress/pages/matchingPage.js

@@ -1471,7 +1471,7 @@ const steps = {
     verifyDropdownIsEmptyPreviewTab: (dropdownIndex) => {
         matchingPage.dropdownPreviewTab()
             .eq(dropdownIndex)
-            .should('have.text', '');
+            .should('have.text', '​');
     },
 
     /**

package/cypress/pages/numberLineLabelPage.js

@@ -15,8 +15,8 @@ const selectors = {
     ...randomizeOptionsComponent,
     ...additionalSettingsPanel,
     partialEqualWeightsPointsPerResponseScore: () => cy.get('.alternate-points-points-per-value-span'),
-    snapToTicksCheckbox: () => cy.get('[data-ngie-testid="snap-to-ticks-checkbox"] input'),
-    snapToTicksLabel: () => cy.get('[data-ngie-testid="snap-to-ticks-checkbox"] .MuiFormControlLabel-label'),
+    snapToTicksCheckbox: () => cy.get('[data-ngie-testid="snap-to-grid-nodes-checkbox"] input'),
+    snapToTicksLabel: () => cy.get('[data-ngie-testid="snap-to-grid-nodes-checkbox"] .MuiFormControlLabel-label'),
     //Label section
     labelInputField: () => cy.get('.edit-question-enter-option-form-element [role="textbox"]'),
     addLabelButton: () => cy.get('.inline-add-option-button-wrapper button'),
@@ -266,7 +266,7 @@ const steps = {
                             const graphWidth = 642;
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 42;
+                            graphHeight = graphHeight - containerHeight - 32;
                             const originX = graphWidth / 2;
                             const originY = graphHeight / 2;
                             const yPixel = originY - coordinate * (graphHeight / range);
@@ -657,7 +657,7 @@ const steps = {
         numberLineLabelPage.labelContainerSpecifyCorrectAnswer()
             .then(($element) => {
                 let containerHeight = $element[0].clientHeight;
-                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 42;
+                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 32;
                 numberLineCommonComponent.numberLineSpecifyCorrectAnswer()
                     .should('have.attr', 'height', graphHeight.toString());
             });
@@ -672,7 +672,7 @@ const steps = {
         numberLineLabelPage.labelContainerPreviewTab()
             .then(($element) => {
                 let containerHeight = $element[0].clientHeight;
-                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 42;
+                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 32;
                 numberLineCommonComponent.numberLinePreviewTab()
                     .should('have.attr', 'height', graphHeight.toString());
             });
@@ -680,14 +680,14 @@ const steps = {
 
     /**
    * Verifies the display numbers orientation in the specify correct answer section of the number line.
-   * @param {string} numberLineOrientation - The orientation of the number line ('Horizontal' or 'Vertical').
+   * @param {string} numberLineOrientation - The orientation of the number line ('Sideways' or 'Upright').
    * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
    * @throws {Error} Thrown if the number line orientation is invalid.
    */
     verifyDisplayNumbersOrientationSpecifyCorrectAnswerSection: (numberLineOrientation, numberOrientation) => {
         let property, value;
         switch (numberLineOrientation) {
-            case 'Horizontal':
+            case 'Sideways':
                 if (numberOrientation === 'Below') {
                     property = 'top';
                     value = '113px';
@@ -696,7 +696,7 @@ const steps = {
                     value = '207px';
                 }
                 break;
-            case 'Vertical':
+            case 'Upright':
                 property = numberOrientation === 'Left of' ? 'right' : 'left';
                 value = '346px';
                 break;
@@ -712,14 +712,14 @@ const steps = {
 
     /**
     * Verifies the display numbers orientation in the number line section.
-    * @param {string} numberLineOrientation - The orientation of the number line ('Horizontal' or 'Vertical').
+    * @param {string} numberLineOrientation - The orientation of the number line ('Sideways' or 'Upright').
     * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
     * @throws {Error} Thrown if the number line orientation is invalid.
     */
     verifyDisplayNumbersOrientationPreviewTab: (numberLineOrientation, numberOrientation) => {
         let property, value;
         switch (numberLineOrientation) {
-            case 'Horizontal':
+            case 'Sideways':
                 if (numberOrientation === 'Below') {
                     property = 'top';
                     value = '113px';
@@ -728,7 +728,7 @@ const steps = {
                     value = '207px';
                 }
                 break;
-            case 'Vertical':
+            case 'Upright':
                 property = numberOrientation === 'Left of' ? 'right' : 'left';
                 value = '346px';
                 break;
@@ -745,18 +745,18 @@ const steps = {
 
     /**
      * Verifies the display numbers orientation in the number line section.
-     * @param {string} numberLineOrientation - The orientation of the number line ('Horizontal' or 'Vertical').
+     * @param {string} numberLineOrientation - The orientation of the number line ('Sideways' or 'Upright').
      * @param {string} numberOrientation - The orientation of the numbers ('Below' or 'Left').
      * @throws {Error} Thrown if the number line orientation is invalid.
      */
     verifyDisplayNumbersOrientationNumberLineSection: (numberLineOrientation, numberOrientation) => {
         let property, value;
         switch (numberLineOrientation) {
-            case 'Horizontal':
+            case 'Sideways':
                 property = numberOrientation === 'Below' ? 'top' : 'bottom';
                 value = '83px';
                 break;
-            case 'Vertical':
+            case 'Upright':
                 property = numberOrientation === 'Left of' ? 'right' : 'left';
                 value = '346px';
                 break;
@@ -787,9 +787,6 @@ const steps = {
                             graphHeight = graphHeight - containerHeight - 32;
                             const originY = graphHeight / 2 - tolerance / 2;
                             const yPixel = originY - y * ((graphHeight - tolerance) / range);
-                            cy.log(yPixel) 
-                            cy.log(graphHeight)
-                            cy.log(originY)
                             cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cy*="${Math.floor(yPixel)}"]:visible`)
                                 .should('exist');
                         });
@@ -811,7 +808,7 @@ const steps = {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
                             graphHeight = graphHeight - containerHeight - 32;
-                            const originY = graphHeight / 2 - tolerance/2;
+                            const originY = graphHeight / 2 - tolerance / 2;
                             const yPixel = originY - coordinate * ((graphHeight - tolerance) / range);
                             cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cy*="${Math.floor(yPixel)}"]:visible`)
                                 .should('not.exist');
@@ -834,7 +831,7 @@ const steps = {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
                             graphHeight = graphHeight - containerHeight - 32;
-                            const originY = graphHeight / 2 - tolerance/2;
+                            const originY = graphHeight / 2 - tolerance / 2;
                             const yPixel = originY - coordinate * ((graphHeight - tolerance) / range);
                             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cy*="${Math.floor(yPixel)}"]:visible`)
                                 .should('not.exist');
@@ -857,7 +854,7 @@ const steps = {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
                             graphHeight = graphHeight - containerHeight - 32;
-                            const originY = graphHeight / 2 - tolerance/2;
+                            const originY = graphHeight / 2 - tolerance / 2;
                             const yPixel = originY - y * ((graphHeight - tolerance) / range);
                             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cy*="${Math.floor(yPixel)}"]:visible`)
                                 .should('exist');
@@ -1043,18 +1040,18 @@ const tests = {
 
     /**
     * Verifies the functionality of the number line section in the edit tab.
-    * @param {string} orientation - The orientation of the number line ('Horizontal' or 'Vertical').
+    * @param {string} orientation - The orientation of the number line ('Sideways' or 'Upright').
     */
     verifyDisplayNumberSettingsFunctionalitySpecifyCorrectAnswerSection: (orientation) => {
-        const displayNumbersOptions = (orientation === "Horizontal") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
-        const direction = (orientation === "Horizontal") ? "Below" : "Left of";
+        const displayNumbersOptions = (orientation === "Sideways") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
+        const direction = (orientation === "Sideways") ? "Below" : "Left of";
         it(`When "${displayNumbersOptions[0]}" is selected, labels should be displayed ${direction} number line in both the number line section and the specify correct answer section.`, () => {
             numberLineCommonComponent.steps.verifyDisplayNumbersToggleButtonSelected(displayNumbersOptions[0]);
             numberLineLabelPage.steps.verifyDisplayNumbersOrientationNumberLineSection(orientation, direction);
             numberLineLabelPage.steps.verifyDisplayNumbersOrientationSpecifyCorrectAnswerSection(orientation, direction);
         });
 
-        const oppositeDirection = (orientation === "Horizontal") ? "Above" : "Right of";
+        const oppositeDirection = (orientation === "Sideways") ? "Above" : "Right of";
         it(`When "${displayNumbersOptions[1]}" is selected, labels should be displayed ${oppositeDirection} number line in both the number line section and the specify correct answer section.`, () => {
             numberLineCommonComponent.steps.selectDisplayNumbersToggleButton(displayNumbersOptions[1]);
             numberLineLabelPage.steps.verifyDisplayNumbersOrientationNumberLineSection(orientation, oppositeDirection);
@@ -1064,11 +1061,11 @@ const tests = {
 
     /**
     * Verifies the functionality of the number line section in the preview tab.
-    * @param {string} orientation - The orientation of the number line ('Horizontal' or 'Vertical').
+    * @param {string} orientation - The orientation of the number line ('Sideways' or 'Upright').
     */
     verifyDisplayNumberSettingsFunctionalityPreviewTab: (orientation) => {
-        const displayNumbersOptions = (orientation === "Horizontal") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
-        const direction = (orientation === "Horizontal") ? "Below" : "Left of";
+        const displayNumbersOptions = (orientation === "Sideways") ? ["Below line", "Above line"] : ["Left of line", "Right of line"];
+        const direction = (orientation === "Sideways") ? "Below" : "Left of";
         it(`When ${displayNumbersOptions[0]} is selected then labels should be displayed ${direction} number line in the preview tab.`, () => {
             numberLineCommonComponent.steps.switchToEditTab();
             numberLineCommonComponent.steps.verifyDisplayNumbersToggleButtonSelected(displayNumbersOptions[0]);
@@ -1076,7 +1073,7 @@ const tests = {
             numberLineLabelPage.steps.verifyDisplayNumbersOrientationPreviewTab(orientation, direction);
         });
 
-        const oppositeDirection = (orientation === "Horizontal") ? "Above" : "Right of";
+        const oppositeDirection = (orientation === "Sideways") ? "Above" : "Right of";
         it(`When user selects ${displayNumbersOptions[1]} then labels should be displayed ${oppositeDirection} number line in the preview tab.`, () => {
             numberLineCommonComponent.steps.switchToEditTab();
             numberLineCommonComponent.steps.selectDisplayNumbersToggleButton(displayNumbersOptions[1]);

package/cypress/pages/numberLinePage.js

@@ -1376,7 +1376,9 @@ const steps = {
 
     verifySelectedToolOptions: (selectedToolOptions) => {
         selectedToolOptions.forEach((toolOption, index) => {
-            utilities.verifyElementVisibilityState(toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()} selected`), 'visible');
+            utilities.verifyElementVisibilityState(toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()}`), 'visible');
+            toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()}`)
+                .should('have.class', 'Mui-selected');
             utilities.verifyInnerText(utilities.getNthElement(toolsAndControlsComponent.toolOptionsLabel(), index), toolOption);
             utilities.verifyElementVisibilityState(utilities.getNthElement(toolsAndControlsComponent.toolOptionsTickIcon(), index), 'visible');
         });
@@ -1384,7 +1386,9 @@ const steps = {
 
     verifyUnselectedToolOptions: (unselectedToolOptions) => {
         unselectedToolOptions.forEach((toolOption, index) => {
-            utilities.verifyElementVisibilityState(toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()} not-selected`), 'visible');
+            utilities.verifyElementVisibilityState(toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()}`), 'visible');
+            toolsAndControlsComponent.toolOptions(`${toolOption.toLowerCase()}`)
+                .should('not.have.class', 'Mui-selected');
             utilities.verifyInnerText(utilities.getNthElement(toolsAndControlsComponent.toolOptionsLabel(), index + 5), toolOption);
             utilities.verifyElementVisibilityState(utilities.getNthElement(toolsAndControlsComponent.toolOptionsTickIcon(), index + 5), 'hidden');
         });
@@ -1396,6 +1400,9 @@ const steps = {
             if (controlOption === 'Reset') {
                 formattedControlOption = 'reset';
             }
+            if (controlOption === 'Delete') {
+                formattedControlOption = 'delete';
+            }
             utilities.verifyElementVisibilityState(numberLinePage.controlOptions(`${formattedControlOption} selected`), 'visible');
             utilities.verifyInnerText(utilities.getNthElement(numberLinePage.controlsOptionsLabel(), index), controlOption);
             utilities.verifyElementVisibilityState(utilities.getNthElement(numberLinePage.controlsTickIcon(), index), 'visible');

package/cypress/pages/shortTextResponsePage.js

@@ -320,11 +320,17 @@ const steps = {
      */
     setMaximumLimit: (maxLimit) => {
         shortTextResponsePage.maximumLimitInputField()
-            .clear()
-            .type(maxLimit)
-            .blur()
+            .clear();
+        shortTextResponsePage.maximumLimitInputField()
+            .type(maxLimit);
+        shortTextResponsePage.maximumLimitInputField()
+            .blur();
+        shortTextResponsePage.maximumLimitInputField()
             .should('have.value', maxLimit);
-
+        shortTextResponsePage.maximumLimitInputField()
+            .click();
+        shortTextResponsePage.maximumLimitInputField()
+            .blur();
     },
 
     /**
@@ -333,23 +339,35 @@ const steps = {
      */
     setMinimumLimit: (minLimit) => {
         shortTextResponsePage.minimumLimitInputField()
-            .clear()
-            .type(minLimit)
+            .clear();
+        shortTextResponsePage.minimumLimitInputField()
+            .type(minLimit);
+        shortTextResponsePage.minimumLimitInputField()
             .blur();
         cy.wait(2000);
         shortTextResponsePage.minimumLimitInputField()
-            .should('have.value', minLimit)
+            .should('have.value', minLimit);
+        shortTextResponsePage.minimumLimitInputField()
+            .click();
+        shortTextResponsePage.minimumLimitInputField()
+            .blur();
     },
 
     clearAndFocusOutOfMaximumLimitInputField: () => {
         shortTextResponsePage.maximumLimitInputField()
-            .clear()
+            .clear();
+        shortTextResponsePage.maximumLimitInputField()
             .blur();
     },
 
     clearAndFocusOutOfMinimumLimitInputField: () => {
         shortTextResponsePage.minimumLimitInputField()
-            .clear()
+            .clear();
+        shortTextResponsePage.minimumLimitInputField()
+            .blur();
+        shortTextResponsePage.minimumLimitInputField()
+            .click();
+        shortTextResponsePage.minimumLimitInputField()
             .blur();
     },
 
@@ -575,6 +593,12 @@ const steps = {
             .should('be.checked');
     },
 
+    checkAlwaysShowMaximumLimitCheckbox: () => {
+        shortTextResponsePage.alwaysShowMaxLimitCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
     checkAlwaysShowMinimumLimitCheckbox: () => {
         shortTextResponsePage.alwaysShowMinLimitCheckBox()
             .click()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.225-activeDeadlineSecondsUpdated-34c7d0c.0",
+  "version": "1.0.226-5thAugustFixes-cc6b557.0",
   "description": "",
   "main": "index.js",
   "scripts": {