itemengine-cypress-automation 1.0.210-1stJulyFixes-e873781.0 → 1.0.210

package/cypress/pages/chartsDotPlotPage.js

@@ -63,9 +63,6 @@ const selectors = {
     tooltipWrapperSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail .charts-tooltip-wrapper'),
     labelsNumberLineAxisSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail .label-wrapper [class*="DotPlotChartstyles__Label"]'),
     numberLineAxisSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail .number-line-wrapper'),
-    partialEqualWeightsPointsPerResponseScore: () => cy.get('[class*="Chartsstyles__EqualPoints"]'),
-    dotColumnNumerationPointsLabel: () => cy.get('[class*="Chartsstyles__PartialPointsWrapper"] .partial-points-input-label'),
-    pointsInputField: () => cy.get('.ngie-accordion-detail .points-input-field input[type="text"]'),
     dotColumnLockIconSpecifyCorrectAnswer: () => cy.get('[class*="LockIconWrapper"]'),
     dotPlotChartSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail [class*="DotPlotChartstyles__ChartWrapper"]'),
 
@@ -92,15 +89,12 @@ const selectors = {
     numberLineAxisPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .number-line-wrapper').eq(0),
     labelsNumberLineAxisPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__BottomWrapper"]').eq(0).find('.label-wrapper [class*="DotPlotChartstyles__Label"]'),
     //Correct answer section
-    correctAnswersLabel: () => cy.get('[class*="CorrectAnswerHeader"]:visible'),
     correctIcon: () => cy.get('.icon-correct'),
     incorrectIcon: () => cy.get('.icon-incorrect'),
     correctIncorrectAnswerTextWrapper: () => cy.get('[class*="AnswerStatusWrapper"]'),
     dotPlotChartCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__ChartWrapper"]').eq(1),
     dotColumnCorrectAnswerSection: () => cy.get('.ngie-chart-point'),
     dotIconCorrectAnswerSection: () => cy.get('.dot-icon'),
-    graphTitleCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .chart-top-wrapper .title-container').eq(1),
-    xAxisLabelCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .chart-bottom-wrapper .title-container').eq(1),
     numberLineAxisCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .number-line-wrapper').eq(0),
     labelsNumberLineAxisCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__BottomWrapper"]').eq(0).find('.label-wrapper [class*="DotPlotChartstyles__Label"]'),
 }
@@ -736,19 +730,6 @@ const steps = {
             });
     },
 
-    verifyPointsPerResponseLabel: () => {
-        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response:\n-');
-        utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'visible');
-    },
-
-    /**
-     * @param {number} points - The expected points value to be verified.
-     * @description Verifies the partial equal weights points per response score for a specific option in the specify correct answer section for a multi-response type question.
-     */
-    verifyPartialEqualWeightsPointsPerResponseScore: (points) => {
-        utilities.verifyInnerText(chartsDotPlotPage.partialEqualWeightsPointsPerResponseScore(), points);
-    },
-
     /**
      * Verifies the display numbers orientation.
      * @param {('Below' | 'Above')} numberOrientation - The orientation of the numbers ('Below' or 'Above').

package/cypress/pages/chartsLinePage.js

@@ -1,21 +1,29 @@
 import utilities from "../support/helpers/utilities";
-import { autoScoredScoringPreviewTab, autoScoredStudentViewSettings, barAndLineChartComponent, chartsCommonComponent, commonComponents, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab } from "./components";
+import { additionalSettingsAccessibilitySectionComponent, additionalSettingsPanel, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, autoScoredStudentViewSettings, barAndLineChartComponent, chartsCommonComponent, commonComponents, correctIncorrectAnswerLabelComponent, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
     ...barAndLineChartComponent,
-    ...chartsCommonComponent,
     ...commonComponents,
     ...dialogBoxBase,
+    ...additionalSettingsPanel,
+    ...correctIncorrectAnswerLabelComponent,
+    ...selectQuestionResourceToolPage,
+    ...autoScoredScoringSectionMultiResponseType,
+    ...chartsCommonComponent,
+    ...autoScoredSpecifyCorrectAnswerSection,
     point: () => cy.get('.ngie-chart-point'),
     selectChartTypePoint: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .ngie-chart-point'),
     pointLockIcon: () => cy.get('[class*="ChartGridstyle__LineLockIconWrapper"]'),
     lineChartDragIcon: () => cy.get('.line-chart-drag-icon'),
+    selectChartTypePointLabel: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] [class*="ChartGridstyle__NameDiv-"]'),
 
     //specify correct answer section
     specifyCorrectAnswerPoint: () => cy.get('.ngie-accordion .ngie-chart-point'),
+    specifyCorrectAnswerPointLabel: () => cy.get('.ngie-accordion [class*="ChartGridstyle__NameDiv-"]'),
 
     //Preview tab
     previewTabPoint: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] .ngie-chart-point'),
@@ -33,7 +41,11 @@ const steps = {
     ...autoScoredScoringPreviewTab.steps,
     ...autoScoredStudentViewSettings.steps,
     ...scoringSectionBaseEditTab.steps,
+    ...additionalSettingsPanel.steps,
+    ...dialogBoxBase.steps,
+    ...autoScoredScoringSectionMultiResponseType.steps,
     ...chartsCommonComponent.steps,
+    ...autoScoredSpecifyCorrectAnswerSection.steps,
     /**
      * @description set the point height/value in the select chart type section chart
      * @param {Object} pointProperties - The properties and changes to be done on the point
@@ -76,11 +88,11 @@ const steps = {
             .click();
         barAndLineChartComponent.barAndPointTooltipLockUnlockButton()
             .should('have.attr', 'aria-label', 'locked bar');
-        utilities.hoverAwayFromElement();
         utilities.getNthElement(chartsLinePage.selectChartTypePoint(), pointIndex)
             .within(() => {
                 utilities.verifyElementVisibilityState(chartsLinePage.pointLockIcon(), 'visible');
             });
+        utilities.hoverAwayFromElement();
     },
 
     /**
@@ -216,6 +228,26 @@ const steps = {
         utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.previewTabPointLabel(), pointIndex), pointLabel);
     },
 
+    /**
+    * @description Delete point in select chart type section
+    *@param {number} pointIndex Index of the point to be deleted
+    */
+    deletePointInSelectChartType: (pointIndex) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsLinePage.selectChartTypePoint(), pointIndex))
+        chartsLinePage.barAndPointTooltipDeleteButton()
+            .click();
+    },
+
+    /**
+    * @description Delete point in specify correct answer section
+    *@param {number} pointIndex Index of the point to be deleted
+    */
+    deletePointInSpecifyCorrectAnswerSection: (pointIndex) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex))
+        chartsLinePage.barAndPointTooltipDeleteButton()
+            .click();
+    },
+
     /**
      * @description Delete point in preview tab
     * @param {number} pointIndex Index of the point to be deleted
@@ -343,11 +375,109 @@ const steps = {
                     });
             });
     },
+
+
+    /**
+    * verify the displayed penalty points for each incorrect point
+    * @param {number} penaltyPoints displayed penalty points 
+    */
+    verifyPenaltyPointsForEachIncorrectPoint: (penaltyPoints) => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.penaltyPointsDetailsSectionAllottedPointsLabel(), `Penalty points for each incorrect point: ${penaltyPoints}`);
+    },
+
+    /**
+     * Verifies if the label of a point at the specified index matches the specified correct answer.
+     * @param {number} index - The index of the point whose label is to be verified.
+     * @param {string} label - The expected label of the point.
+     */
+    verifyPointLabelSpecifyCorrectAnswer: (index, label) => {
+        utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPointLabel(), index), label);
+    },
+
+    /**
+     * @description verify locked point in specify correct answer section
+     * @param {Object} pointProperties - The properties and changes to be done on the point
+     * @param {number} pointProperties.pointIndex index of the point
+     * @param {number} pointProperties.pointValue value of th point as per Y axis
+     * @param {number} pointProperties.range Maximum value of the axis on which point value is determined
+     */
+    verifyLockedPointInSpecifyCorrectAnswer: ({ pointIndex, pointValue, range }) => {
+        chartsLinePage.steps.verifyPointHeightInSpecifyCorrectAnswer({ pointIndex, pointValue, range });
+        chartsLinePage.chartContainerSpecifyCorrectAnswer()
+            .within(() => {
+                utilities.getNthElement(chartsLinePage.point(), pointIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(chartsLinePage.pointLockIcon(), 'visible');
+                    });
+            });
+    },
+
+    /**
+    * Verify the point height in specify correct answer section
+    * @param {Object} pointProperties - The properties of the point
+    * @param {number} pointProperties.pointIndex index of the point
+    * @param {number} pointProperties.pointValue Height of the point as per the axis
+    * @param {number} pointProperties.range Maximum value of the axis on which point value is determined
+    */
+    verifyPointHeightInSpecifyCorrectAnswer: ({ pointIndex, pointValue, range }) => {
+        let pointHeight = pointValue / range
+        utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex)
+            .should('have.attr', 'height', pointHeight);
+    },
+
+    /**
+     * Verify locked point is uneditable 
+     * @param {number} pointIndex index of the point
+     */
+    verifyLockedPointIsNotEditableInSpecifyCorrectAnswer: (pointIndex) => {
+        utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex)
+            .invoke('attr', 'height')
+            .then((pointValue) => {
+                let originalPointValue = pointValue;
+                utilities.verifyElementVisibilityState(chartsLinePage.dragHandleButton(), 'notExist');
+                utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex)
+                    .should('have.attr', 'height', originalPointValue);
+            });
+    },
+
+    /**
+    * @description Delete point in specify correct answer section
+    *@param {number} pointIndex Index of the point to be deleted
+    */
+    deletePointInSpecifyCorrectAnswer: (pointIndex) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex))
+        chartsLinePage.barAndPointTooltipDeleteButton()
+            .click();
+    },
+
+    /**
+    * @description Edit point label 
+    * @param {number} pointIndex Index of the point to be edited
+    * @param {string} pointLabel Label to be given to the point
+    */
+    editPointLabelInSpecifyCorrectAnswer: (pointIndex, pointLabel) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex))
+        chartsLinePage.barAndPointTooltipLabelButton()
+            .click();
+        chartsLinePage.steps.addInputToChartLabelPopupInputField(pointLabel);
+        chartsLinePage.steps.saveGraphLabelPopup();
+        utilities.triggerMouseout(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPoint(), pointIndex));
+        utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.specifyCorrectAnswerPointLabel(), pointIndex), pointLabel);
+    },
 }
 
 const tests = {
     ...resetPopupComponent.tests,
     ...autoScoredScoringPreviewTab.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...additionalSettingsPanel.tests,
+    ...createQuestionBasePage.tests,
+    ...commonComponents.tests,
+    ...questionInstructionsComponent.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...autoScoredScoringSectionMultiResponseType.tests,
+    ...chartsCommonComponent.tests,
+    ...autoScoredSpecifyCorrectAnswerSection.tests,
     /**
      * Verify point tooltip contents with css and a11y in preview tab
      * @param {number} pointIndex index of the point
@@ -392,6 +522,82 @@ const tests = {
             cy.checkAccessibility(chartsLinePage.barAndPointTooltipWrapper());
             utilities.hoverAwayFromElement();
         });
+    },
+
+
+    verifyContentsOfSpecifyCorrectAnswerSection: () => {
+        it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
+            chartsCommonComponent.steps.verifyGraphTitleInSpecifyCorrectAnswer('Graph title');
+            chartsCommonComponent.steps.verifyXAxisLabelInSpecifyCorrectAnswer('Label');
+            utilities.verifyTextContent(barAndLineChartComponent.yAxisLabelSpecifyCorrectAnswer(), 'Label');
+            utilities.verifyElementVisibilityState(chartsLinePage.lineChartDragIcon(), 'exist');
+            utilities.verifyTextContent(utilities.getNthElement(barAndLineChartComponent.yAxisCoordinateSpecifyCorrectAnswer(), 0), '10');
+        });
+    },
+
+    /**
+     * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
+     * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
+     * @example - verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+     */
+    verifySpecifyCorrectAnswerAccordionContentsAndFunctionality: (accordionName) => {
+        it('Line chart should be present with y axis label from 1 to 10 and 3 bars', () => {
+            utilities.verifyElementVisibilityState(chartsLinePage.chartContainerSpecifyCorrectAnswer(), 'visible');
+            utilities.verifyElementCount(chartsLinePage.specifyCorrectAnswerPoint(), 3);
+        });
+
+        it(`The user should be able to set bars on chart in the specify correct answer section ${accordionName} accordion`, () => {
+            steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 2, value: 4, range: 10 });
+            steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+        });
+
+        it(`User should be able to delete bar in ${accordionName} accordion and labels for other bars should not change`, () => {
+            steps.deletePointInSpecifyCorrectAnswerSection(1);
+            steps.verifyPointLabelSpecifyCorrectAnswer(0, 'Bar 1');
+            steps.verifyPointLabelSpecifyCorrectAnswer(1, 'Bar 3');
+        });
+
+        it(`When the user resets the charts in the ${accordionName} accordion, error message should not be thrown on the \'${accordionName}\' accordion`, () => {
+            chartsLinePage.steps.selectControlOptionSpecifyCorrectAnswer('Reset');
+            chartsLinePage.steps.confirmReset();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+                    });
+            };
+        });
+
+        it(`When the user focuses in and out of the empty points input field, no points error message should be displayed below the points input field and error icon should not be displayed on the \'${accordionName}\' accordion`, () => {
+            scoringSectionBaseEditTab.pointsInputField()
+                .eq(0)
+                .focus();
+            scoringSectionBaseEditTab.pointsInputField()
+                .eq(0)
+                .blur();
+            utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.pleaseEnterPointsErrorMessage(), 'notExist')
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .within(() => {
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+                    });
+            };
+        });
+
+        it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsLinePage.specifyCorrectAnswerPoint().parents('.ngie-accordion-detail'));
+        });
     }
 }
 

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -301,6 +301,7 @@ const steps = {
             case 'specify points for each incorrect answer':
             case 'specify points for each incorrect dropdown':
             case 'specify points for each incorrect bar':
+            case 'specify points for each incorrect point':
             case 'specify points for each incorrect dot plot':
             case 'specify points for each incorrect text container':
                 autoScoredScoringSectionMultiResponseType.specifyPointsForEachIncorrectOptionRadioButton()

package/cypress/pages/components/barAndLineChartComponent.js

@@ -50,7 +50,7 @@ const selectors = {
             return cy.get('.ngie-accordion [class*="ChartToolsstyles__ChartToolsWrapper"] button')
         }
     },
-    barAndPointTooltipWrapperSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartTooltipstyles__ChartTooltipWrapper"]'), 
+    barAndPointTooltipWrapperSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartTooltipstyles__ChartTooltipWrapper"]'),
     gridCellSpecifyCorrectAnswer: () => cy.get('.ngie-accordion .grid-cell'),
     yAxisCoordinateSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartGridstyle__ValueDiv"]'),
     yAxisLabelSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail [class*="ChartsPreviewstyles__LeftWrapper"] .title-container'),
@@ -64,6 +64,7 @@ const selectors = {
     previewTabYAxisCoordinate: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartGridstyle__ValueDiv"]'),
     previewTabChartRowHeaderContainer: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartGridstyle__RowHeaderContainer"]'),
     gridCellPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] .grid-cell'),
+    yAxisLabelCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__LeftWrapper"] .title-container').eq(1),
 }
 
 const steps = {

package/cypress/pages/components/chartsCommonComponent.js

@@ -1,5 +1,6 @@
 import utilities from "../../support/helpers/utilities";
 import { autoScoredScoringPreviewTab } from "./autoScoredScoringPreviewTab";
+import { autoScoredScoringSectionMultiResponseType } from "./autoScoredScoringSectionMultiResponseType";
 import { commonComponents } from "./commonComponents";
 import { correctIncorrectAnswerLabelComponent } from "./correctIncorrectAnswerLabelComponent";
 
@@ -22,6 +23,7 @@ const selectors = {
     graphLabelPopupSaveButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
 
     //specify correct answer
+    pointsInputField: () => cy.get('.ngie-accordion-detail .points-input-field input[type="text"]'),
     graphTitleSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail .chart-top-wrapper .title-container'),
     xAxisLabelSpecifyCorrectAnswer: () => cy.get('.ngie-accordion-detail .chart-bottom-wrapper .title-container'),
 
@@ -34,6 +36,9 @@ const selectors = {
     tickIconWrapper: () => cy.get('[class*="tick-icon-wrapper"] svg'),
     correctAnswersLabel: () => cy.get('[class*="Chartsstyle__CorrectAnswerHeader"]'),
     chartsContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .chart-container'),
+    graphTitleCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .chart-top-wrapper .title-container').eq(1),
+    xAxisLabelCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .chart-bottom-wrapper .title-container').eq(1),
+    partialDifferentWeightsPointsInputFieldLabel: () => cy.get('[class*="Chartsstyles__PartialPointsWrapper"] .partial-points-input-label'),
 
     //scoring section
     toleranceThresholdLabel: () => cy.get('[class*="AllocatedPointsstyles__PointsWrapper"] .points-label'),
@@ -230,6 +235,19 @@ const steps = {
             .eq(index)
             .trigger('mouseout', { force: true });
     },
+
+    verifyPointsPerResponseLabel: () => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response:\n-');
+        utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'visible');
+    },
+
+    /**
+     * @param {number} points - The expected points value to be verified.
+     * @description Verifies the partial equal weights points per response score for a specific option in the specify correct answer section for a multi-response type question.
+     */
+    verifyPartialEqualWeightsPointsPerResponseScore: (points) => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.partialEqualWeightsPointsPerResponseScore(), points);
+    },
 }
 
 const tests = {

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -26,15 +26,15 @@ const innerBorder = ['Inner', 'Horizontal', 'Vertical', 'None'];
 const modifiedColor = 'rgb(121, 61, 61)'
 
 const selectors = {
-    editCellPropertyButton: () => cy.get('button[aria-label="More Action"]'),
+    editCellPropertyButton: () => cy.get('.action-menu button'),
     editCellPropertyList: () => cy.get('.ngie-action-cell-container [role="menu"]'),
     editCellPropertyListOption: () => cy.get('[class*="MuiMenuItem"][role="menuitem"]'),
     editCellPropertyTableWrapper: () => cy.get('.single-select-grid-option-selection-component .selection-grid-wrapper').eq(0),
     editCellPropertyRow: () => gridQuestionCommonComponent.editCellPropertyTableWrapper().find('[class*="wrapper-row"]'),
     editCellPropertyTableLeftPaginationButton: () => cy.get('.authoring-selection-grid [class*="SelectionGridstyles__PaginationLeftControl"]'),
     editCellPropertyTableRightPaginationButton: () => cy.get('.authoring-selection-grid [class*="SelectionGridstyles__PaginationRightControl"]'),
-    cellPropertyInputField: () => cy.get('[title*="text"]'),
-    optionCellPropertyInputField: () => cy.get('[title="Option text or image..."]'),
+    cellPropertyInputField: () => cy.get('[title*="text"], [class*="SelectionGridstyles__AuthoringHeadingWrapper"] input'),
+    optionCellPropertyInputField: () => cy.get('[title="Option text or image..."],[placeholder="Option text or image..."]'),
     tableRowSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion [class*="wrapper-row"]'),
     tableRowPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="wrapper-row"]'),
     tableRowHeadersSpecifyCorrectAnswerSection: () => cy.get('.set-correct-ans-selection-grid .cell-content-text'),
@@ -209,6 +209,8 @@ const steps = {
     enterTextInCellPropertyInputField: ({ row, column }, text) => {
         utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
+                gridQuestionCommonComponent.cellPropertyInputField()
+                    .focus();
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .clear()
                     .type(text)
@@ -272,6 +274,8 @@ const steps = {
     enterTextInOptionCellInputField: ({ row, column }, text) => {
         utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
+                gridQuestionCommonComponent.optionCellPropertyInputField()
+                    .click();
                 gridQuestionCommonComponent.optionCellPropertyInputField()
                     .type(text)
                     .blur();
@@ -407,6 +411,8 @@ const steps = {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .click();
+                gridQuestionCommonComponent.cellPropertyInputField()
+                    .click();
             });
         });
     },
@@ -422,6 +428,8 @@ const steps = {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
                 gridQuestionCommonComponent.optionCellPropertyInputField()
                     .click();
+                gridQuestionCommonComponent.optionCellPropertyInputField()
+                    .click();
             });
         });
     },

package/cypress/pages/feedbackScalePage.js

@@ -115,7 +115,8 @@ const steps = {
      */
     addLegendText: (optionIndex, text) => {
         utilities.getNthElement(feedbackScalePage.legendTextInputField(), optionIndex)
-            .type(text)
+            .type(text);
+        utilities.getNthElement(feedbackScalePage.legendTextInputField(), optionIndex)
             .blur();
     },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.210-1stJulyFixes-e873781.0",
+  "version": "1.0.210",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,4 +35,4 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0"
   }
-}
+}