itemengine-cypress-automation 1.0.222 → 1.0.223

package/cypress/pages/chartsBarPage.js

@@ -50,7 +50,7 @@ const selectors = {
     atIntervalRadioButton: () => cy.get('[data-value="atInterval"] input'),
     atIntervalLabel: () => cy.get('[data-value="atInterval"] .ngie-radio-label'),
     xAxisCoordinateSelectChartType: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] [class*="ChartGridstyle__HorizontalNameDiv"]'),
-    barLabelHorizontalSelectChartType: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] [class*="ChartGridstyle__ValueDiv"]'),
+    barLabelHorizontalSelectChartType: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] [class*="ChartGridstyle__ValueDiv"][aria-hidden]'),
     selectChartTypeMaxXAndYLabel: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldLabel"]'),
     selectChartTypeMaxXAndYInputField: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldWrapper"] input'),
     colorBlockBarTooltipSelectChartType: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] [class*="ChartTooltipstyles__ColorBox"]'),
@@ -62,7 +62,7 @@ const selectors = {
     colorBlockBarTooltipSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartTooltipstyles__ColorBox"]'),
     barLabelBarToolTipSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartTooltipstyles__Label"]'),
     xAxisCoordinateSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartGridstyle__HorizontalNameDiv"]'),
-    barLabelHorizontalSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartGridstyle__ValueDiv"]'),
+    barLabelHorizontalSpecifyCorrectAnswer: () => cy.get('.ngie-accordion [class*="ChartGridstyle__ValueDiv"][aria-hidden]'),
 
     //Preview tab
     previewTabBarDragHandle: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] .bar-drag-handle'),
@@ -70,7 +70,7 @@ const selectors = {
     previewTabBarLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartGridstyle__NameDiv-"]'),
     previewTabBarTooltipColorBlock: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartTooltipstyles__ColorBox"]'),
     xAxisCoordinatePreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartGridstyle__HorizontalNameDiv"]'),
-    barLabelHorizontalPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartGridstyle__ValueDiv"]'),
+    barLabelHorizontalPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartGridstyle__ValueDiv"][aria-hidden]'),
     previewTabToolsAddBarButton: () => cy.get('[class*="question-preview-wrapper"] [class*="ChartsPreviewstyles__PreviewWrapper"] [class*="ChartToolsstyles__ChartToolsWrapper"] button[aria-label="Add bar"]'),
 }
 
@@ -96,25 +96,43 @@ const steps = {
      * @param {number} barProperties.barIndex index of the bar
      * @param {number} barProperties.value value by which the bar height is to be increased as per Y axis
      * @param {number} barProperties.range Maximum value of the axis on which bar value is determined
+     * @param {("vertical"|"horizontal")} orientation orientation of the chart
      */
-    setBarValueInSelectChartTypeSection: ({ barIndex, value, range }) => {
+    setBarValueInSelectChartTypeSection: ({ barIndex, value, range }, orientation = 'vertical') => {
         utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex)
             .invoke('attr', 'height')
             .then((barValue) => {
                 let updatedBarValue = value / range
                 let originalBarValue = parseFloat(barValue)
                 let unitChange = 1 / range
-                if (originalBarValue < updatedBarValue) {
-                    for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
-                        utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
-                            .focus()
-                            .type('{upArrow}');
+                if (orientation === 'vertical') {
+                    if (originalBarValue < updatedBarValue) {
+                        for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{upArrow}');
+                        }
+                    } else if (originalBarValue > updatedBarValue) {
+                        for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{downArrow}');
+                        }
                     }
-                } else if (originalBarValue > updatedBarValue) {
-                    for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
-                        utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
-                            .focus()
-                            .type('{downArrow}');
+                }
+                else if (orientation === 'horizontal') {
+                    if (originalBarValue < updatedBarValue) {
+                        for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{rightArrow}');
+                        }
+                    } else if (originalBarValue > updatedBarValue) {
+                        for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{leftArrow}');
+                        }
                     }
                 }
                 utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex)
@@ -125,8 +143,9 @@ const steps = {
     /**
      * @description updates height of bar once
      * @param {number} barIndex index of bar
+     * @param {('vertical'|'horizontal')} orientation orientation of the chart
      */
-    incrementBarValueUsingUpArrowSelectChartType: (barIndex) => {
+    increaseBarValueUsingUpArrowSelectChartType: (barIndex) => {
         utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
             .focus()
             .type('{upArrow}');
@@ -183,9 +202,24 @@ const steps = {
     },
 
     /**
-    * Verify locked bar is uneditable 
-    * @param {number} barIndex index of the bar
-    */
+   * Verify the bar is locked in correct answer section
+   * @param {number} barIndex index of the bar
+   */
+    verifyBarIsLockedInSelectChartType: (barIndex) => {
+        chartsBarPage.chartContainerSelectChartType()
+            .within(() => {
+                utilities.getNthElement(chartsBarPage.bar(), barIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(chartsBarPage.barLockIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(chartsBarPage.barDragHandle().find('svg'), 'notExist');
+                    });
+            });
+    },
+
+    /**
+     * Verify locked bar is uneditable 
+     * @param {number} barIndex index of the bar
+     */
     verifyLockedBarIsNotEditableInSelectChartType: (barIndex) => {
         utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex)
             .invoke('attr', 'height')
@@ -200,7 +234,7 @@ const steps = {
     /**
     * @param {number} barIndex index of the bar
     */
-    decrementBarValueUsingDownArrowSelectChartType: (barIndex) => {
+    decreaseBarValueUsingDownArrowSelectChartType: (barIndex) => {
         utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
             .focus()
             .type('{downArrow}');
@@ -223,25 +257,43 @@ const steps = {
      * @param {number} barProperties.barIndex index of the bar
      * @param {number} barProperties.value value by which the bar height is to be increased as per Y axis
      * @param {number} barProperties.range Maximum value of the axis on which bar value is determined
+     * @param {("vertical"|"horizontal")} orientation orientation of the chart
      */
-    setBarValueInSpecifyCorrectAnswerSection: ({ barIndex, value, range }) => {
+    setBarValueInSpecifyCorrectAnswerSection: ({ barIndex, value, range }, orientation = 'vertical') => {
         utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBar(), barIndex)
             .invoke('attr', 'height')
             .then((barValue) => {
                 let updatedBarValue = value / range
                 let originalBarValue = parseFloat(barValue)
                 let unitChange = 1 / range
-                if (originalBarValue < updatedBarValue) {
-                    for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
-                        utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
-                            .focus()
-                            .type('{upArrow}');
+                if (orientation === 'vertical') {
+                    if (originalBarValue < updatedBarValue) {
+                        for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{upArrow}');
+                        }
+                    } else if (originalBarValue > updatedBarValue) {
+                        for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{downArrow}');
+                        }
                     }
-                } else if (originalBarValue > updatedBarValue) {
-                    for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
-                        utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
-                            .focus()
-                            .type('{downArrow}');
+                }
+                else if (orientation === 'horizontal') {
+                    if (originalBarValue < updatedBarValue) {
+                        for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{rightArrow}');
+                        }
+                    } else if (originalBarValue > updatedBarValue) {
+                        for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{leftArrow}');
+                        }
                     }
                 }
                 utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBar(), barIndex)
@@ -490,25 +542,43 @@ const steps = {
      * @param {number} barProperties.barIndex index of the bar
      * @param {number} barProperties.value value by which the bar height is to be increased as per Y axis
      * @param {number} barProperties.range Maximum value of the axis on which bar value is determined
+     * @param {('vertical'|'horizontal')} orientation orientation of the chart
      */
-    setBarValueInPreviewTab: ({ barIndex, value, range }) => {
+    setBarValueInPreviewTab: ({ barIndex, value, range }, orientation = 'vertical') => {
         utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
             .invoke('attr', 'height')
             .then((barValue) => {
                 let updatedBarValue = value / range
                 let originalBarValue = parseFloat(barValue)
                 let unitChange = 1 / range
-                if (originalBarValue < updatedBarValue) {
-                    for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
-                        utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
-                            .focus()
-                            .type('{upArrow}');
+                if (orientation === 'vertical') {
+                    if (originalBarValue < updatedBarValue) {
+                        for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{upArrow}');
+                        }
+                    } else if (originalBarValue > updatedBarValue) {
+                        for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{downArrow}');
+                        }
                     }
-                } else if (originalBarValue > updatedBarValue) {
-                    for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
-                        utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
-                            .focus()
-                            .type('{downArrow}');
+                }
+                else if (orientation === 'horizontal') {
+                    if (originalBarValue < updatedBarValue) {
+                        for (let i = originalBarValue; i < updatedBarValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{rightArrow}');
+                        }
+                    } else if (originalBarValue > updatedBarValue) {
+                        for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                                .focus()
+                                .type('{leftArrow}');
+                        }
                     }
                 }
                 utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
@@ -516,16 +586,40 @@ const steps = {
             });
     },
 
-    increaseBarValueUsingUpArrowInPreviewTab: (barIndex) => {
-        utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
-            .focus()
-            .type('{upArrow}');
+    /**
+     * Increases the bar value at the specified index in the preview tab using the up arrow key.
+     * @param {number} barIndex - Index of the bar to increase
+     * @param {('vertical'|'horizontal')} orientation orientation of the chart
+     */
+    increaseBarValueUsingUpArrowInPreviewTab: (barIndex, orientation = 'vertical') => {
+        if (orientation === 'vertical') {
+            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                .focus()
+                .type('{upArrow}');
+        }
+        else if (orientation === 'horizontal') {
+            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                .focus()
+                .type('{rightArrow}');
+        }
     },
 
-    decreaseBarValueUsingDownArrowInPreviewTab: (barIndex) => {
-        utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
-            .focus()
-            .type('{downArrow}');
+    /**
+     * Decreases the bar value at the specified index in the preview tab using the down arrow key.
+     * @param {number} barIndex - Index of the bar to decrease.
+     * @param {('vertical'|'horizontal')} orientation orientation of the chart
+     */
+    decreaseBarValueUsingDownArrowInPreviewTab: (barIndex, orientation='vertical') => {
+        if (orientation === 'vertical') {
+            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                .focus()
+                .type('{downArrow}');
+        }
+        else if (orientation === 'horizontal') {
+            utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                .focus()
+                .type('{leftArrow}');
+        }
     },
 
     /**
@@ -543,6 +637,23 @@ const steps = {
         utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.previewTabBarLabel(), barIndex), barLabel);
     },
 
+    /**
+    * @description Edit bar label in preview tab chart
+    * @param {number} barIndex Index of the bar to be edited
+    * @param {string} barLabel Label to be given to the bar
+    */
+    editBarLabelHorizontalInPreviewTab: (barIndex, barLabel) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex))
+        chartsBarPage.barAndPointTooltipLabelButton()
+            .click();
+        chartsBarPage.titlePopupAddLabelInputField()
+            .clear()
+            .type(barLabel);
+        chartsBarPage.steps.saveGraphLabelPopup();
+        utilities.triggerMouseout(utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex));
+        utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.barLabelHorizontalPreviewTab(), barIndex), barLabel);
+    },
+
     /**
      * @description Delete bar in preview tab
      *@param {number} barIndex Index of the bar to be deleted
@@ -716,22 +827,6 @@ const steps = {
         utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarLabel(), index), label);
     },
 
-    /** 
-    * @param {("correct" | "incorrect")} answerStatus - The status of the answer.
-    * @description Verifies the visibility and content of the correct/incorrect answer label block.
-    * If the answer is correct, it also verifies the visibility of the correct icon;
-    * otherwise, it verifies the visibility of the incorrect icon.
-    */
-    verifyCorrectIncorrectAnswerLabel: (answerStatus) => {
-        utilities.verifyElementVisibilityState(correctIncorrectAnswerLabelComponent.correctIncorrectAnswerBlock(), 'exist');
-        utilities.verifyInnerText(correctIncorrectAnswerLabelComponent.correctIncorrectStatusMessageText(), `Your answer is${answerStatus}`)
-        if (answerStatus === 'correct') {
-            utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
-        } else {
-            utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
-        }
-    },
-
     /**
      * Verifies labels in the y-axis of the select chart type chart.
      * @param {number} max - The maximum value.
@@ -1104,33 +1199,39 @@ const steps = {
     },
 
     /**
-     * Verify bar labels in the horizontal specify correct answer chart.
-     * @param {string[]} values - Array of expected label values.
+     * Verifies the text values of bar labels in the horizontal bar
+     * @param {string[]} values - Array of objects where each object contains
+     * @param {number} values.index - Position of the bar label to verify.
+     * @param {string} values.value - Expected text of the bar label at that index.
      */
     verifyBarLabelHorizontalSpecifyCorrectAnswer: (values) => {
-        values.forEach((value, index) => {
+        values.forEach(([index, value]) => {
             utilities.getNthElement(chartsBarPage.barLabelHorizontalSpecifyCorrectAnswer(), index)
                 .should('have.text', value);
         });
     },
 
     /**
-     * Verify bar labels in the horizontal select chart type chart.
-     * @param {string[]} values - Array of expected label values.
-     */
+    * Verifies the text values of bar labels in the horizontal bar
+    * @param {string[]} values - Array of objects where each object contains
+    * @param {number} values.index - Position of the bar label to verify.
+    * @param {string} values.value - Expected text of the bar label at that index.
+    */
     verifyBarLabelHorizontalSelectChartType: (values) => {
-        values.forEach((value, index) => {
+        values.forEach(([index, value]) => {
             utilities.getNthElement(chartsBarPage.barLabelHorizontalSelectChartType(), index)
                 .should('have.text', value);
         });
     },
 
     /**
-     * Verify bar labels in the horizontal preview tab chart.
-     * @param {string[]} values - Array of expected label values.
+     * Verifies the text values of bar labels in the horizontal bar chart
+     * @param {string[]} valuePairs - Array of objects where each object contains
+     * @param {number} valuePairs.index - Position of the bar label to verify.
+     * @param {string} valuePairs.value - Expected text of the bar label at that index.
      */
-    verifyBarLabelHorizontalPreviewTab: (values) => {
-        values.forEach((value, index) => {
+    verifyBarLabelHorizontalPreviewTab: (valuePairs) => {
+        valuePairs.forEach(([index, value]) => {
             utilities.getNthElement(chartsBarPage.barLabelHorizontalPreviewTab(), index)
                 .should('have.text', value);
         });

package/cypress/pages/chartsDotPlotPage.js

@@ -90,9 +90,7 @@ const selectors = {
     labelsNumberLineAxisPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__BottomWrapper"]').eq(0).find('.label-wrapper [class*="DotPlotChartstyles__Label"]'),
     correctAnswersLabel: () => cy.get('[class*="Chartsstyle__CorrectAnswerHeader"]'),
     //Correct answer section
-    correctIcon: () => cy.get('.icon-correct'),
-    incorrectIcon: () => cy.get('.icon-incorrect'),
-    correctIncorrectAnswerTextWrapper: () => cy.get('[class*="AnswerStatusWrapper"]'),
+    correctAnswersLabel: () => cy.get('[class*="CorrectAnswerHeader"]:visible'),
     dotPlotChartCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] [class*="DotPlotChartstyles__ChartWrapper"]').eq(1),
     dotColumnCorrectAnswerSection: () => cy.get('.ngie-chart-point'),
     dotIconCorrectAnswerSection: () => cy.get('.dot-icon'),
@@ -245,8 +243,8 @@ const steps = {
     },
 
     /**
-      * @description Lock the bar in select chart type section
-      * @param {number} index Index of the bar to be locked 
+      * @description Lock the dot column in select chart type section
+      * @param {number} index Index of the dot column to be locked 
       */
     lockDotColumn: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -502,8 +500,8 @@ const steps = {
     },
 
     /**
-      * @description Unlock the bar in select chart type section
-      * @param {number} index Index of the bar to be locked 
+      * @description Unlock the dot column in select chart type section
+      * @param {number} index Index of the dot column to be locked 
       */
     unlockDotColumn: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -520,8 +518,8 @@ const steps = {
     },
 
     /**
-   * Verify the bar is unlocked 
-   * @param {number} index index of the bar
+   * Verify the dot column is unlocked 
+   * @param {number} index index of the dot column
    */
     verifyDotColumnIsUnlockedInSelectChartType: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -858,8 +856,8 @@ const steps = {
     },
 
     /**
-    * Verify the bar is unlocked 
-    * @param {number} index index of the bar
+    * Verify the dot column is unlocked 
+    * @param {number} index index of the dot column
     */
     verifyDotColumnIsUnlockedInSpecifyCorrectAnswer: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -1054,8 +1052,8 @@ const steps = {
     },
 
     /**
-     * Verify the bar is locked in preview tab
-     * @param {number} index index of the bar
+     * Verify the dot column is locked in preview tab
+     * @param {number} index index of the dot column
      */
     verifyDotColumnIsLockedInPreviewTab: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -1069,8 +1067,8 @@ const steps = {
     },
 
     /**
-     * Verify the bar is unlocked in preview tab
-     * @param {number} index index of the bar
+     * Verify the dot column is unlocked in preview tab
+     * @param {number} index index of the dot column
      */
     verifyDotColumnIsUnlockedInPreviewTab: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -1396,36 +1394,10 @@ const steps = {
     },
 
     //correct answer section
-    /**
-    * @param {("correct" | "incorrect")} answerStatus - The status of the answer.
-    * @description Verifies the visibility and content of the correct/incorrect answer label block.
-    * If the answer is correct, it also verifies the visibility of the correct icon;
-    * otherwise, it verifies the visibility of the incorrect icon.
-    */
-    verifyCorrectIncorrectAnswerLabel: (answerStatus) => {
-        utilities.verifyInnerText(chartsDotPlotPage.correctIncorrectAnswerTextWrapper(), `Your answer is${answerStatus}`)
-        chartsDotPlotPage.correctIncorrectAnswerTextWrapper()
-            .within(() => {
-                if (answerStatus === 'correct') {
-                    utilities.verifyElementVisibilityState(chartsDotPlotPage.correctIcon(), 'visible');
-                } else {
-                    utilities.verifyElementVisibilityState(chartsDotPlotPage.incorrectIcon(), 'visible');
-                }
-            });
-    },
-
-    verifyCorrectIncorrectAnswerLabelNotExists: () => {
-        utilities.verifyElementVisibilityState(chartsDotPlotPage.correctIncorrectAnswerTextWrapper(), `notExist`);
-    },
-
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(chartsDotPlotPage.dotPlotChartCorrectAnswerSection(), 'notExist');
     },
 
-    verifyCorrectIncorrectStatusMessageNotExists: () => {
-        utilities.verifyElementVisibilityState(chartsDotPlotPage.correctIncorrectAnswerTextWrapper(), 'notExist');
-    },
-
     /**
      * Verifies that the correct dot  column 
      * @param {object} options - The options object containing point, min, and interval.
@@ -1525,8 +1497,8 @@ const steps = {
     },
 
     /**
-    * Verify the bar is locked in preview tab
-    * @param {number} index index of the bar
+    * Verify the dot column is locked in preview tab
+    * @param {number} index index of the dot column
     */
     verifyDotColumnIsLockedInCorrectAnswerSection: ({ point, min, interval }) => {
         const index = Math.round((point - min) / interval);
@@ -1628,6 +1600,7 @@ const steps = {
             .clear()
             .type(`${points}`)
             .blur();
+        cy.wait(1000);
         scoringSectionBaseEditTab.pointsInputField()
             .eq(0)
             .should('have.value', points)
@@ -1645,6 +1618,18 @@ const steps = {
         chartsDotPlotPage.toleranceThresholdInputField()
             .focus()
             .blur();
+    },
+    /**
+     * @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.toString());
+    },
+
+    verifyPointsPerResponseLabel: () => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response:\n-');
+        utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'visible');
     }
 }
 

package/cypress/pages/components/additionalSettingsPanel.js

@@ -2,8 +2,6 @@ import utilities from "../../support/helpers/utilities";
 import { commonComponents } from "./commonComponents";
 const css = Cypress.env('css');
 
-const fontSizesOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
-
 const selectors = {
     //Comment: added .first() because in fill in the gap questions, multiple accordions are created inside additional settings panel according to number of responses
     additionalSettingsPanel: () => cy.get('.additional-settings-container .MuiAccordionSummary-root').eq(0),
@@ -40,8 +38,11 @@ const steps = {
     //V3 - Need to be updated in all files
     selectFontSizeOptionFromFontSizeDropdown: (dropdownOption) => {
         additionalSettingsPanel.steps.expandFontSizeDropdown();
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
         additionalSettingsPanel.fontSizeListOptions(dropdownOption)
             .click();
+        cy.wait(1000);
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
     },
 
     enterTextInTeacherGuidelinesInputField: (teacherGuidelinesText) => {
@@ -170,6 +171,8 @@ const tests = {
         it(`Clicking on \'Font size\' dropdown should open a list of ${Object.keys(fontSizes).length} options - ${Object.keys(fontSizes).join(',')}`, () => {
             commonComponents.steps.verifyDropdownIsCollapsed();
             additionalSettingsPanel.steps.expandFontSizeDropdown();
+            cy.log('Adding wait for the dropdown to open');
+            cy.wait(2000);
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
             Object.keys(fontSizes).forEach((size, index) => {
                 utilities.verifyInnerText(utilities.getNthElement(additionalSettingsPanel.fontSizeListOptionLabels(), index), size);

package/cypress/pages/components/barAndLineChartComponent.js

@@ -342,7 +342,7 @@ const steps = {
     },
 
     /**
-     * @description verifies ock unlock icon
+     * @description verifies lock unlock icon
      * @param {('Locked'|'Unlocked')} action 
      */
     verifyLockUnlockButtonIcon: (action) => {

package/cypress/pages/components/chartsCommonComponent.js

@@ -40,6 +40,12 @@ const selectors = {
     xAxisLabelCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .chart-bottom-wrapper .title-container').eq(1),
     partialDifferentWeightsPointsInputFieldLabel: () => cy.get('[class*="Chartsstyles__PartialPointsWrapper"] .partial-points-input-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"]'),
+
     //scoring section
     toleranceThresholdLabel: () => cy.get('[class*="AllocatedPointsstyles__PointsWrapper"] .points-label'),
     toleranceThresholdInputField: () => cy.get('[class*="AllocatedPointsstyles__PointsWrapper"] input')
@@ -236,6 +242,28 @@ const steps = {
             .trigger('mouseout', { force: true });
     },
 
+    /**
+     * @param {("correct" | "incorrect")} answerStatus - The status of the answer.
+     * @description Verifies the visibility and content of the correct/incorrect answer label block.
+     * If the answer is correct, it also verifies the visibility of the correct icon;
+     * otherwise, it verifies the visibility of the incorrect icon.
+     */
+    verifyCorrectIncorrectAnswerLabel: (answerStatus) => {
+        utilities.verifyInnerText(chartsCommonComponent.correctIncorrectAnswerTextWrapper(), `Your answer is${answerStatus}`)
+        chartsCommonComponent.correctIncorrectAnswerTextWrapper()
+            .within(() => {
+                if (answerStatus === 'correct') {
+                    utilities.verifyElementVisibilityState(chartsCommonComponent.correctIcon(), 'visible');
+                } else {
+                    utilities.verifyElementVisibilityState(chartsCommonComponent.incorrectIcon(), 'visible');
+                }
+            });
+    },
+
+    verifyCorrectIncorrectStatusMessageNotExists: () => {
+        utilities.verifyElementVisibilityState(chartsCommonComponent.correctIncorrectAnswerTextWrapper(), 'notExist');
+    },
+    
     verifyPointsPerResponseLabel: () => {
         utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'Points per response:\n-');
         utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.pointsPerResponseLabel(), 'visible');

package/cypress/pages/components/colorPopupComponent.js

@@ -130,6 +130,8 @@ const steps = {
     addInputToOpacityInputField: (value) => {
         colorPopupComponent.opacityInputField()
             .clear()
+        cy.wait(2000);
+        colorPopupComponent.opacityInputField()
             .type(value, { delay: 0 })
     },
 

package/cypress/pages/components/createQuestionBasePage.js

@@ -97,6 +97,7 @@ const steps = {
     },
 
     clickOnCancelButton: () => {
+        cy.wait(2000);
         createQuestionBasePage.cancelButton()
             .click();
     }

package/cypress/pages/components/draggableOptionsSectionComponent.js

@@ -60,6 +60,7 @@ const steps = {
     addGroup: () => {
         draggableOptionsSectionComponent.addGroupButton()
             .click();
+        cy.wait(1000);
     },
 
     /**