itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-repoUpdate3May-f180558.0

package/cypress/pages/audioResponsePage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, maximumRecorderLengthComponent, commonComponents, playbackControlsBaseComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent } from "./components"
+import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, maximumRecorderLengthComponent, commonComponents, playbackControlsBaseComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, limitNumberOfRetakeComponent, allowTeachersToDownloadStudentResponseComponent } from "./components"
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -12,6 +12,8 @@ const selectors = {
     ...playbackControlsBaseComponent,
     ...studentViewSettingsLabelComponent,
     ...additionalSettingsPanel,
+    ...limitNumberOfRetakeComponent,
+    ...allowTeachersToDownloadStudentResponseComponent,
     recordedResponseHelpText: () => cy.get('[class*="preview-help-text"]'),
     playbackWaveform: () => cy.get('.audio-wave-form'),
     playbackWaveformTotalWidth: () => cy.get('.audio-wave-form wave wave canvas'),
@@ -104,15 +106,7 @@ const selectors = {
     barPreviewPauseRecordingButton: () => cy.get('.standard-recorder-pause-btn'),
     barPreviewResumeRecordingButton: () => cy.get('.standard-recorder-resume-btn'),
     barPreviewRetakeButton: () => cy.get('.standard-recorder-retake-btn'),
-    showStudentsTheRetakeLimitsOnTooltipCheckbox: () => cy.get('[data-ngie-testid="show-students-the-retake-limits-on-tooltip-checkbox"] input'),
-    showStudentsTheRetakeLimitsOnTooltipCheckboxLabel: () => cy.get('[data-ngie-testid="show-students-the-retake-limits-on-tooltip-checkbox"] .MuiFormControlLabel-label'),
-    retakeLimitLabel: () => cy.get('.retake-limit-label'),
-    retakeLimitInputField: () => cy.get('.retake-limit-wrapper input'),
-    barPreviewPlaybackWrapper: () => cy.get('.audio-response-wrapper'),
-
-    //Additional settings
-    allowTeachersToDownloadStudentResponseLabel: () => cy.get('[data-ngie-testid="allow-teachers-to-download-student-response-checkbox"] [class*="label"]'),
-    allowTeachersToDownloadStudentResponseCheckbox: () => cy.get('[data-ngie-testid="allow-teachers-to-download-student-response-checkbox"] input')
+    barPreviewPlaybackWrapper: () => cy.get('.audio-response-wrapper')
 }
 
 const steps = {
@@ -123,6 +117,8 @@ const steps = {
     ...maximumRecorderLengthComponent.steps,
     ...playbackControlsBaseComponent.steps,
     ...additionalSettingsPanel.steps,
+    ...limitNumberOfRetakeComponent.steps,
+    ...allowTeachersToDownloadStudentResponseComponent.steps,
     startRecordingStandardPreview: () => {
         audioResponsePage.standardPreviewStartRecordingButton()
             .click();
@@ -652,11 +648,6 @@ const steps = {
             .blur();
     },
 
-    limitNumberOfRetakeCheckboxUncheckedState: () => {
-        audioResponsePage.limitNumberOfRetakeCheckbox()
-            .should('not.be.checked');
-    },
-
     deselectAudioIndicatorsTimerButton: () => {
         audioResponsePage.audioIndicatorsTimerButton()
             .click()
@@ -730,37 +721,6 @@ const steps = {
             .should('have.class', 'ngie-toggle-button-selected');
     },
 
-    verifyShowStudentsTheRetakeLimitsOnTooltipCheckboxUncheckedState: () => {
-        audioResponsePage.showStudentsTheRetakeLimitsOnTooltipCheckbox()
-            .should('not.be.checked');
-    },
-
-    checkLimitNumberOfRetakeCheckbox: () => {
-        audioResponsePage.limitNumberOfRetakeCheckbox()
-            .click()
-            .should('be.checked');
-    },
-
-    /**
-     * Verifies the value of the retake limit input field.
-     * @param {string} value - The expected value of the retake limit input field.
-     */
-    verifyRetakeLimitInputFieldValue: (value) => {
-        audioResponsePage.retakeLimitInputField()
-            .should('have.attr', 'value', value)
-    },
-
-    /**
-     * Sets the retake limit value.
-     * @param {string} value - The value to set as the retake limit.
-     */
-    setRetakeLimit: (value) => {
-        audioResponsePage.retakeLimitInputField()
-            .clear()
-            .type(value)
-            .should('have.attr', 'value', value)
-    },
-
     /**
      * Verifies the recorded time displayed in the bar preview player on the audio response page.
      * @param {string} recordingTime - The current recorded time in the format 'mm:ss'.
@@ -824,40 +784,6 @@ const steps = {
 
     verifyResponseIsRecordedHelpText: () => {
         utilities.verifyInnerText(audioResponsePage.recordedResponseHelpText(), 'Your response has been recorded.');
-    },
-
-    checkShowStudentsTheRetakeLimitsOnTooltipCheckbox: () => {
-        audioResponsePage.showStudentsTheRetakeLimitsOnTooltipCheckbox()
-            .click()
-            .should('be.checked');
-    },
-
-    uncheckShowStudentsTheRetakeLimitsOnTooltipCheckbox: () => {
-        audioResponsePage.showStudentsTheRetakeLimitsOnTooltipCheckbox()
-            .click()
-            .should('not.be.checked');
-    },
-
-    clearRetakeLimitInputField: () => {
-        audioResponsePage.retakeLimitInputField()
-            .clear();
-    },
-
-    verifyAllowTeachersToDownloadStudentResponseCheckboxChecked: () => {
-        audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox()
-            .should('be.checked');
-    },
-
-    uncheckAllowTeachersToDownloadStudentResponseCheckbox: () => {
-        audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox()
-            .click()
-            .should('not.be.checked');
-    },
-
-    checkAllowTeachersToDownloadStudentResponseCheckbox: () => {
-        audioResponsePage.allowTeachersToDownloadStudentResponseCheckbox()
-            .click()
-            .should('be.checked');
     }
 }
 
@@ -871,6 +797,8 @@ const tests = {
     ...studentViewSettingsLabelComponent.tests,
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...limitNumberOfRetakeComponent.tests,
+    ...allowTeachersToDownloadStudentResponseComponent.tests,
     verifyRetakePopupCSSAndA11y: () => {
         it('CSS of \'Retake\' popup', { tags: 'css' }, () => {
             utilities.verifyCSS(dialogBoxBase.dialogBox(), {

package/cypress/pages/brainingCampManipulativePage.js

@@ -112,7 +112,7 @@ const tests = {
     ...scoringSectionBaseEditTab.tests,
     ...additionalSettingsPanel.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
-    ...toolSettingsComponent.steps,
+    ...toolSettingsComponent.tests,
 }
 
 export const brainingCampManipulativePage = {

package/cypress/pages/chartsBarPage.js

@@ -0,0 +1,231 @@
+import utilities from "../support/helpers/utilities"
+import { barAndLineChartComponent, chartsCommonComponent, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, commonComponents } from "./components";
+
+const selectors = {
+    ...questionInstructionsComponent,
+    ...barAndLineChartComponent,
+    ...chartsCommonComponent,
+    ...commonComponents,
+    barDragHandle: () => cy.get('.bar-drag-handle'),
+    selectChartTypeMaxYLabel: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldLabel"]'),
+    selectChartTypeMaxYInputField: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldWrapper"] input'),
+    selectChartTypeMaxXLabel: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldLabel"]'),
+    selectChartTypeMaxXInputField: () => cy.get('[class*="ChartsPreviewstyles__CustomInputFieldWrapper"] input'),
+    selectChartTypeBarDragHandle: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .bar-drag-handle'),
+    selectChartTypeBar: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .ngie-chart-point'),
+    barLockIcon: () => cy.get('[class*="ChartGridstyle__BarLockIconWrapper"]'),
+    selectChartTypeBarLabel: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] [class*="ChartGridstyle__NameDiv-"]'),
+    //specify correct answer section
+    specifyCorrectAnswerBarDragHandle: () => cy.get('.ngie-accordion .bar-drag-handle'),
+    specifyCorrectAnswerBar: () => cy.get('.ngie-accordion .ngie-chart-point'),
+
+    //TODO - Update selector after https://redmine.zeuslearning.com/issues/570603 is resolved
+    //Preview tab
+    previewTabBarDragHandle: () => cy.get('[class*="ChartsPreviewstyles__PreviewWrapper"]:visible .bar-drag-handle'),
+    previewTabBar: () => cy.get('[class*="ChartsPreviewstyles__PreviewWrapper"]:visible .ngie-chart-point'),
+    previewTabBarLabel: () => cy.get('[class*="ChartsPreviewstyles__PreviewWrapper"]:visible [class*="ChartGridstyle__NameDiv-"]'),
+}
+
+const steps = {
+    ...createQuestionBasePage.steps,
+    ...questionInstructionsComponent.steps,
+    ...scoringSectionBaseEditTab.steps,
+    ...barAndLineChartComponent.steps,
+    ...chartsCommonComponent.steps,
+    ...resetPopupComponent.steps,
+    /**
+     * @description set the bar height/value in the select chart type section chart
+     * @param {Object} barProperties - The properties and changes to be done on the bar
+     * @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
+     */
+    setBarValueInSelectChartTypeSection: ({ barIndex, value, range }) => {
+        utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex)
+            .invoke('attr', 'height')
+            .then((barValue) => {
+                let updatedBarValue = parseFloat(value /= range)
+                let originalBarValue = parseFloat(barValue)
+                let unitChange = parseFloat(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}');
+                    }
+                } else if (originalBarValue > updatedBarValue) {
+                    for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                        utilities.getNthElement(chartsBarPage.selectChartTypeBarDragHandle(), barIndex)
+                            .focus()
+                            .type('{downArrow}');
+                    }
+                }
+                utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex)
+                    .should('have.attr', 'height', updatedBarValue);
+            });
+    },
+
+    /**
+     * @description increase the bar height/value in the specify correct answer section chart
+     * @param {Object} barProperties - The properties and changes to be done on the bar
+     * @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
+     */
+    setBarValueInSpecifyCorrectAnswerSection: ({ barIndex, value, range }) => {
+        utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBar(), barIndex)
+            .invoke('attr', 'height')
+            .then((barValue) => {
+                let updatedBarValue = parseFloat(value /= range)
+                let originalBarValue = parseFloat(barValue)
+                let unitChange = parseFloat(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}');
+                    }
+                } else if (originalBarValue > updatedBarValue) {
+                    for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                        utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBarDragHandle(), barIndex)
+                            .focus()
+                            .type('{downArrow}');
+                    }
+                }
+                utilities.getNthElement(chartsBarPage.specifyCorrectAnswerBar(), barIndex)
+                    .should('have.attr', 'height', updatedBarValue);
+            });
+    },
+
+    /**
+     * @description Lock the bar in select chart type section chart
+     * @param {number} barIndex Index of the bar to be locked 
+     */
+    lockBar: (barIndex) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex))
+        chartsBarPage.barAndPointTooltipLockUnlockButton()
+            .click();
+        chartsBarPage.barAndPointTooltipLockUnlockButton()
+            .should('have.attr', 'aria-label', 'locked bar');
+        utilities.triggerMouseout(utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex));
+        utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(chartsBarPage.barLockIcon(), 'visible');
+            });
+    },
+
+    /**
+    * @description Edit bar label in select chart type section chart
+    * @param {number} barIndex Index of the bar to be edited
+    * @param {string} barLabel Label to be given to the bar
+    */
+    editBarLabelInSelectChartTypeSection: (barIndex, barLabel) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex))
+        chartsBarPage.barAndPointTooltipLabelButton()
+            .click();
+        chartsBarPage.steps.addInputToChartLabelPopupInputField(barLabel);
+        chartsBarPage.steps.saveGraphLabelPopup();
+        utilities.triggerMouseout(utilities.getNthElement(chartsBarPage.selectChartTypeBar(), barIndex));
+        utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.selectChartTypeBarLabel(), barIndex), barLabel);
+    },
+
+    /**
+     * @description Set the Max Y value in its input field
+     * @param {number} value Max Y value to be set 
+     */
+    setMaxYValue: (value) => {
+        chartsBarPage.selectChartTypeMaxYInputField()
+            .clear()
+            .type(value)
+            .should('have.value', value)
+            .blur();
+    },
+
+    //Preview tab
+    /**
+     * Verify the bar height in preview tab
+     * @param {Object} barProperties - The properties of the bar
+     * @param {number} barProperties.barIndex index of the bar
+     * @param {number} barProperties.barValue Height of the bar as per the axis
+     * @param {number} barProperties.range Maximum value of the axis on which bar value is determined
+     */
+    verifyBarHeightInPreviewTab: ({ barIndex, barValue, range }) => {
+        let barHeight = parseFloat(barValue /= range)
+        utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
+            .should('have.attr', 'height', barHeight);
+    },
+
+    /**
+     * Verify the bar is locked in preview tab
+     * @param {number} barIndex index of the bar
+     */
+    verifyBarIsLockedInPreviewTab: (barIndex) => {
+        utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
+            .within(() => {
+                utilities.verifyElementVisibilityState(chartsBarPage.barLockIcon(), 'visible');
+                utilities.verifyElementVisibilityState(chartsBarPage.barDragHandle().find('svg'), 'notExist');
+            });
+    },
+
+    /**
+     * @description increase the bar height/value in the preview tab chart
+     * @param {Object} barProperties - The properties and changes to be done on the bar
+     * @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
+     */
+    setBarValueInPreviewTab: ({ barIndex, value, range }) => {
+        utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
+            .invoke('attr', 'height')
+            .then((barValue) => {
+                let updatedBarValue = parseFloat(value /= range)
+                let originalBarValue = parseFloat(barValue)
+                let unitChange = parseFloat(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}');
+                    }
+                } else if (originalBarValue > updatedBarValue) {
+                    for (let i = originalBarValue; i > updatedBarValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                        utilities.getNthElement(chartsBarPage.previewTabBarDragHandle(), barIndex)
+                            .focus()
+                            .type('{downArrow}');
+                    }
+                }
+                utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex)
+                    .should('have.attr', 'height', updatedBarValue);
+            });
+    },
+
+    /**
+    * @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
+    */
+    editBarLabelInPreviewTab: (barIndex, barLabel) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex))
+        chartsBarPage.barAndPointTooltipLabelButton()
+            .click();
+        chartsBarPage.steps.addInputToChartLabelPopupInputField(barLabel);
+        chartsBarPage.steps.saveGraphLabelPopup();
+        utilities.triggerMouseout(utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex));
+        utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.previewTabBarLabel(), barIndex), barLabel);
+    },
+
+    /**
+     * @description Delete bar in preview tab
+    * @param {number} barIndex Index of the bar to be deleted
+     */
+    deleteBarInPreviewTab: (barIndex) => {
+        utilities.triggerMouseover(utilities.getNthElement(chartsBarPage.previewTabBar(), barIndex))
+        chartsBarPage.barAndPointTooltipDeleteButton()
+            .click();
+    }
+}
+
+export const chartsBarPage = {
+    ...selectors,
+    steps
+}

package/cypress/pages/chartsDotPlotPage.js

@@ -0,0 +1,8 @@
+const selectors = {
+    minInputField: () => cy.get('input[aria-label="Min"]'),
+    maxInputField: () => cy.get('input[aria-label="Max"]')
+}
+
+export const chartsDotPlotPage = {
+    ...selectors
+}

package/cypress/pages/chartsLinePage.js

@@ -0,0 +1,42 @@
+const selectors = {
+    selectChartTypePoint: () => cy.get('[class*="Chartsstyles__ChartsQuestionWrapper"] .ngie-chart-point'),
+}
+
+const 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 bar
+     * @param {number} pointProperties.pointIndex index of the bar
+     * @param {number} pointProperties.value value to which the point is to be set as per Y axis
+     * @param {number} pointProperties.range Maximum value of the axis on which bar value is determined
+     */
+    setPointValueInSelectChartTypeSection: ({ barIndex, value, range }) => {
+        utilities.getNthElement(chartsBarPage.selectChartTypePoint(), barIndex)
+            .invoke('attr', 'height')
+            .then((pointValue) => {
+                let updatedPointValue = parseFloat(value /= range)
+                let originalPointValue = parseFloat(pointValue)
+                let unitChange = parseFloat(1 / range)
+                if (originalPointValue < updatedPointValue) {
+                    for (let i = originalPointValue; i < updatedPointValue; i = parseFloat((i + unitChange).toFixed(2))) {
+                        utilities.getNthElement(chartsBarPage.selectChartTypePoint(), barIndex)
+                            .focus()
+                            .type('{upArrow}');
+                    }
+                } else if (originalPointValue > updatedPointValue) {
+                    for (let i = originalPointValue; i > updatedPointValue; i = parseFloat((i - unitChange).toFixed(2))) {
+                        utilities.getNthElement(chartsBarPage.selectChartTypePoint(), barIndex)
+                            .focus()
+                            .type('{downArrow}');
+                    }
+                }
+                utilities.getNthElement(chartsBarPage.selectChartTypePoint(), barIndex)
+                    .should('have.attr', 'height', updatedPointValue);
+            });
+    },
+}
+
+export const chartsLinePage = {
+    ...selectors,
+    steps
+}

package/cypress/pages/components/allowTeachersToDownloadStudentResponseComponent.js

@@ -0,0 +1,58 @@
+import utilities from "../../support/helpers/utilities";
+
+const selectors = {
+    allowTeachersToDownloadStudentResponseLabel: () => cy.get('[data-ngie-testid="allow-teachers-to-download-student-response-checkbox"] [class*="label"]'),
+    allowTeachersToDownloadStudentResponseCheckbox: () => cy.get('[data-ngie-testid="allow-teachers-to-download-student-response-checkbox"] input')
+}
+
+const steps = {
+    verifyAllowTeachersToDownloadStudentResponseCheckboxChecked: () => {
+        allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseCheckbox()
+            .should('be.checked');
+    },
+
+    uncheckAllowTeachersToDownloadStudentResponseCheckbox: () => {
+        allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    checkAllowTeachersToDownloadStudentResponseCheckbox: () => {
+        allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseCheckbox()
+            .click()
+            .should('be.checked');
+    }
+}
+
+const tests = {
+    verifyAllowTeachersToDownloadStudentResponseSection: () => {
+        it('In details section, \'Allow teachers to download student response\' checkbox and label should be displayed and by default it should be checked', () => {
+            utilities.verifyInnerText(allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseLabel(), 'Allow teachers to download student response');
+            utilities.verifyElementVisibilityState(allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseLabel(), 'visible');
+            utilities.verifyElementVisibilityState(allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseCheckbox(), 'exist');
+            allowTeachersToDownloadStudentResponseComponent.steps.verifyAllowTeachersToDownloadStudentResponseCheckboxChecked();
+        });
+
+        it('User should be able to uncheck and check \'Allow teachers to download student response\' checkbox', () => {
+            allowTeachersToDownloadStudentResponseComponent.steps.uncheckAllowTeachersToDownloadStudentResponseCheckbox();
+            allowTeachersToDownloadStudentResponseComponent.steps.checkAllowTeachersToDownloadStudentResponseCheckbox();
+        });
+
+        it('CSS of \'Allow teachers to download student response\' checkbox and label section', { tags: 'css' }, () => {
+            utilities.verifyCSS(allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(allowTeachersToDownloadStudentResponseComponent.allowTeachersToDownloadStudentResponseCheckbox().parents('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+                'fill': css.color.activeButtons
+            });
+        })
+    }
+}
+
+export const allowTeachersToDownloadStudentResponseComponent = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -183,8 +183,8 @@ const tests = {
                 case 'list sorting':
                     helpText = 'You can set the correct answer by sorting the correct answer(s) in the response area(s).';
                     break;
-                case 'highlight':
-                    helpText = 'You can set the correct answer by highlighting the correct answer(s) in the response area(s).';
+                case 'text selection':
+                    helpText = 'You can set the correct answer by selecting the correct answer selection(s).';
                     break;
                 case 'highlight image':
                     helpText = 'You can set the correct answer by selecting the correct answer(s) in the response area(s).';
@@ -205,11 +205,14 @@ const tests = {
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s)';
                     break;
                 case 'grid fill':
-                    helpText = 'You can set the correct answer by selecting the correct cell(s) in the grid.';
+                    helpText = 'You can set the correct answer by selecting the correct answer cell(s).';
                     break;
                 case 'number line':
                     helpText = 'You can set the correct answer by entering the correct answer(s) in the response area(s)';
                     break;
+                case 'number line - label':
+                    helpText = 'You can set the correct answer by dragging the correct answer(s) in the response area(s).';
+                    break;
                 default:
                     throw new Error('Invalid question type');
             }
@@ -246,36 +249,24 @@ const tests = {
      * @example - verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty('Correct');
      */
     verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty: (accordionName) => {
-        it(`When the user focuses in and out of the empty points input field, \'Error: Please enter points.\' validation text should be displayed below the points input field and error icon should be displayed on the \'${accordionName}\' accordion`, () => {
+        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`, () => {
             scoringSectionBase.pointsInputField()
                 .focus();
             scoringSectionBase.pointsInputField()
                 .blur();
-            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible')
-            utilities.verifyInnerText(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'Error: Please enter points.');
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'notExist')
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                        autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
                     });
             };
         });
-
-        it(`When the user allots points then the \'Error: Please enter points.\' validation text and error icon displayed on the \'${accordionName}\' accordion should disappear, the allotted points should be displayed on the \'${accordionName}\' accordion`, () => {
-            scoringSectionBase.steps.allotPoints(20);
-            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'notExist');
-            autoScoredSpecifyCorrectAnswerSection.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
-            if (accordionName === 'Correct') {
-                autoScoredSpecifyCorrectAnswerSection.steps.verifyPointsLabelAndPointsOnAnswerAccordion(0, '20');
-            } else {
-                autoScoredSpecifyCorrectAnswerSection.steps.verifyPointsLabelAndPointsOnAnswerAccordion(1, '20');
-            }
-        });
     },
 
     verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y: () => {
@@ -320,7 +311,7 @@ const tests = {
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
         });
 
-        it('If user has not added points and/or selected correct answer in the correct accordion, the user should get a warning popup', () => {
+        it('If user has not selected correct answer in the correct accordion, the user should get a warning popup', () => {
             autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
             dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
         });
@@ -350,13 +341,12 @@ const tests = {
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
 
-        it('\'Error: Please set a correct answer.\' and \'Error: Please enter points.\' validation error messages should be displayed in the correct accordion', () => {
+        it('\'Error: Please set a correct answer.\' validation error messages should be displayed in the correct accordion, points error message should not be displayed', () => {
             autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                 .within(() => {
                     utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
                 });
-            utilities.verifyInnerText(utilities.getNthElement(scoringSectionBase.pleaseEnterPointsErrorMessage(), 0), 'Error: Please enter points.');
-            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(scoringSectionBase.pleaseEnterPointsErrorMessage(), 'notExist');
             if (questionType != 'list ordering' && questionType != 'short text response' && questionType != 'text entry math') {
                 steps.verifySpecifyCorrectAnswerErrorMessage();
             }

package/cypress/pages/components/autoScoredStudentViewSettings.js

@@ -4,14 +4,14 @@ const css = Cypress.env('css');
 
 //Note: We need to work on this file, as disablePreviousIncorrectOptionLabel is not present for all auto scored question types, need to create different component files allowStudentsToCheckAnswerComponent, disablePreviousOptionComponent
 const selectors = {
-    allowStudentToCheckAnswerLabel: () => cy.get('[data-ngie-testid="allow-students-to-check-answer-checkbox"] .MuiFormControlLabel-label'),
+    allowStudentToCheckAnswerLabel: () => cy.get('[data-ngie-testid="allow-student-to-check-answer-checkbox"] .MuiFormControlLabel-label'),
     //Note: update after https://redmine.zeuslearning.com/issues/565666 gets resolved
-    allowStudentToCheckAnswerCheckbox: () => cy.get('[data-ngie-testid="allow-students-to-check-answer-checkbox"] input'),
+    allowStudentToCheckAnswerCheckbox: () => cy.get('[data-ngie-testid="allow-student-to-check-answer-checkbox"] input'),
     maximumCheckAnswerAttemptsDropdownLabel: () => cy.get('#Maximum-check-answer-attempts-dropdown-label'),
     maximumCheckAnswerAttemptsDropdown: () => cy.get('#Maximum-check-answer-attempts-select'),
-    maximumCheckAnswerAttemptsDropdownListOptions: (ariaLabel = null) => {
-        if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`)
+    maximumCheckAnswerAttemptsDropdownListOptions: (dataValue = null) => {
+        if (dataValue) {
+            return cy.get(`[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"][data-value="${dataValue}"]`)
         } else {
             return cy.get('[aria-labelledby*="Maximum-check-answer-attempts-dropdown-label"] [role="option"]')
         }
@@ -115,7 +115,7 @@ const tests = {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(autoScoredStudentViewSettings.allowStudentToCheckAnswerCheckbox().parents('[data-ngie-testid="allow-students-to-check-answer-checkbox"]').find('g').eq(1), {
+            utilities.verifyCSS(autoScoredStudentViewSettings.allowStudentToCheckAnswerCheckbox().parents('[data-ngie-testid="allow-student-to-check-answer-checkbox"]').find('g').eq(1), {
                 'fill': css.color.activeButtons
             });
             utilities.verifyCSS(autoScoredStudentViewSettings.maximumCheckAnswerAttemptsDropdownLabel(), {