itemengine-cypress-automation 1.0.196-drawingResponseMigration-0f99062.0 → 1.0.196

package/cypress/e2e/ILC/chartsDotsPlot/checkAnswerFunctionalityForAllViews.smoke.js

@@ -96,6 +96,7 @@ describe('Create item page - Charts : Dot - Check answer functionality', () => {
                 });
             };
 
+            //Note: Remove comment after https://redmine.zeuslearning.com/issues/570904 is resolved
             it('When the user clicks \'Check answer\' button without attempting the question, then \'Your answer is incorrect\' status message should be displayed and by default correct dot column should have correct icons, incorrect dot column should have incorrect icons', () => {
                 checkAnswer(view);
                 chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 0.25 });
@@ -148,11 +149,11 @@ describe('Create item page - Charts : Dot - Check answer functionality', () => {
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(0, { point: 2, min: 1, interval: 0.25 });
                 checkAnswer(view);
                 chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 0.25, defaultDots:0 });
+                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 0.25, defaultDots: 0 });
-              chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 0.25, defaultDots: 0 });
+                chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
 
@@ -167,7 +168,7 @@ describe('Create item page - Charts : Dot - Check answer functionality', () => {
                 chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             });
-             
+
             it('When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default and setting a dot column correctly, then on clicking \'Check answer\' button, \'Your answer is incorrect\' should be displayed and incorrectly attempted dot column should be displayed incorrect and correctly attempted dot column should be displayed correct', () => {
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 4, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 0.25, defaultDots: 0 });

package/cypress/e2e/ILC/chartsDotsPlot/gradingViewAndCorrectAnswerView.smoke.js

@@ -26,17 +26,11 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                 chartsDotPlotPage.steps.verifyTextInMaxInputField(6);
                 chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
                 chartsDotPlotPage.steps.setXAxisLabel('Days');
-                chartsDotPlotPage.steps.selectDotColumnInSelectChartTypeSection({ point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInSelectChartTypeSection(2);
-                chartsDotPlotPage.steps.unselectDotColumnInSelectChartTypeSection({ point: 1, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(2, { point: 1, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.selectDotColumnInSelectChartTypeSection({ point: 2, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInSelectChartTypeSection(1);
-                chartsDotPlotPage.steps.unselectDotColumnInSelectChartTypeSection({ point: 2, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 2, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.allotPoints(10);
-                chartsDotPlotPage.steps.selectDotColumnInSpecifyCorrectAnswer({ point: 3, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInSpecifyCorrectAnswer(3);
-                chartsDotPlotPage.steps.unselectDotColumnInSpecifyCorrectAnswer({ point: 3, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.clickOnSaveQuestionButton();
                 utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
                 //Global variable issue, not working inside before
@@ -45,16 +39,10 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                     .then(($refID) => {
                         itemReferenceID = $refID;
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        chartsDotPlotPage.steps.verifyDotColumnIsLockedInPreviewTab({ point: 1, min: 1, interval: 0.25 });
                         chartsDotPlotPage.steps.verifyDotColumnIsUnlockedInPreviewTab({ point: 2, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.selectDotColumnInPreviewTab({ point: 2, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.addDotInPreviewTab(1);
-                        chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 2, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.verifyDotCountPreviewTab(2, { point: 2, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.verifyDotColumnIsUnlockedInPreviewTab({ point: 2, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.selectDotColumnInPreviewTab({ point: 3, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.addDotInPreviewTab(3);
-                        chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 3, min: 1, interval: 0.25 });
-                        chartsDotPlotPage.steps.verifyDotCountPreviewTab(3, { point: 3, min: 1, interval: 0.25 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 2, min: 1, interval: 0.25 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 0.25, defaultDots: 0 });
                         studentViewPage.steps.submitResponse();
                         studentViewPage.steps.clickOnGoToGradingViewButton();
                     });
@@ -92,7 +80,7 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
             it('Dot plot chart should not be editable in grading view', () => {
                 chartsDotPlotPage.steps.selectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.tooltipWrapperNotExistPreviewTab();
-                chartsDotPlotPage.steps.addDotUsingKeyboardPreviewTab(1, { point: 4, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.increaseDotInDotColumnUsingKeyboardPreviewTab(1, { point: 4, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyDotNotExistPreviewTab({ point: 4, min: 1, interval: 0.25 });
             });
 
@@ -150,17 +138,11 @@ describe('Create item page - Dot plot charts : Grading view, Correct answer view
                 chartsDotPlotPage.steps.verifyTextInMaxInputField(6);
                 chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
                 chartsDotPlotPage.steps.setXAxisLabel('Days');
-                chartsDotPlotPage.steps.selectDotColumnInSelectChartTypeSection({ point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInSelectChartTypeSection(2);
-                chartsDotPlotPage.steps.unselectDotColumnInSelectChartTypeSection({ point: 1, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(2, { point: 1, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.selectDotColumnInSelectChartTypeSection({ point: 2, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInSelectChartTypeSection(1);
-                chartsDotPlotPage.steps.unselectDotColumnInSelectChartTypeSection({ point: 2, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 2, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.allotPoints(10);
-                chartsDotPlotPage.steps.selectDotColumnInSpecifyCorrectAnswer({ point: 3, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInSpecifyCorrectAnswer(3);
-                chartsDotPlotPage.steps.unselectDotColumnInSpecifyCorrectAnswer({ point: 3, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.clickOnSaveQuestionButton();
                 utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
                 //Global variable issue, not working inside before

package/cypress/e2e/ILC/chartsDotsPlot/previewContentsForAllViews.smoke.js

@@ -3,7 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
-const previewContentViews = ['Question preview'];
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
 const controlOptions = ['Undo', 'Redo', 'Reset'];
@@ -33,7 +33,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                         chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 0.25 });
                         chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 2, min: 1, interval: 0.25, defaultDots: 0 });
                         chartsDotPlotPage.steps.allotPoints(10);
-                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 0.25, defaultDots:0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 0.25, defaultDots: 0 });
                         chartsDotPlotPage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':
@@ -111,7 +111,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
 
             it('When user adds dots to empty dot column then \'Minus dot\' button should be in enabled state', () => {
                 chartsDotPlotPage.steps.selectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.addDotInPreviewTab(1);
+                chartsDotPlotPage.steps.increaseDotCountInDotColumnPreviewTab(1);
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.minusButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
             });
@@ -136,9 +136,9 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             });
 
             it('When user attempts the locked state DotColumn using keyboard then user should be unable to make any changes', () => {
-                chartsDotPlotPage.steps.addDotUsingKeyboardPreviewTab(1, { point: 1, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.increaseDotInDotColumnUsingKeyboardPreviewTab(1, { point: 1, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyDotCountPreviewTab(2, { point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.minusDotUsingKeyboardPreviewTab(1, { point: 1, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.decreaseDotInDotColumnUsingKeyboardPreviewTab(1, { point: 1, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyDotCountPreviewTab(2, { point: 1, min: 1, interval: 0.25 });
             });
 
@@ -151,9 +151,9 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             });
 
             it('User should be able to add or remove dots in dot column using keyboard', () => {
-                chartsDotPlotPage.steps.addDotUsingKeyboardPreviewTab(5, { point: 3, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.increaseDotInDotColumnUsingKeyboardPreviewTab(5, { point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyDotCountPreviewTab(5, { point: 3, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.minusDotUsingKeyboardPreviewTab(2, { point: 3, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.decreaseDotInDotColumnUsingKeyboardPreviewTab(2, { point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyDotCountPreviewTab(3, { point: 3, min: 1, interval: 0.25 });
             });
 
@@ -164,7 +164,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementDisabled(chartsDotPlotPage.addButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 5, min: 1, interval: 0.25 });
                 //using keyboard
-                chartsDotPlotPage.steps.addDotUsingKeyboardPreviewTab(10, { point: 4, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.increaseDotInDotColumnUsingKeyboardPreviewTab(10, { point: 4, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyDotCountPreviewTab(10, { point: 4, min: 1, interval: 0.25 });
                 utilities.verifyElementDisabled(chartsDotPlotPage.addButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
@@ -177,7 +177,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.addButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 5, min: 1, interval: 0.25 });
                 //using keyboard
-                chartsDotPlotPage.steps.minusDotUsingKeyboardPreviewTab(1, { point: 4, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.decreaseDotInDotColumnUsingKeyboardPreviewTab(1, { point: 4, min: 1, interval: 0.25 });
                 utilities.verifyElementNotDisabled(chartsDotPlotPage.addButtonPreviewTab());
                 chartsDotPlotPage.steps.unselectDotColumnInPreviewTab({ point: 4, min: 1, interval: 0.25 });
             });
@@ -237,7 +237,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                         chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 0.25 });
                         chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 2, min: 1, interval: 0.25, defaultDots: 0 });
                         chartsDotPlotPage.steps.allotPoints(10);
-                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 0.25, defaultDots:0 });
+                        chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 0.25, defaultDots: 0 });
                         chartsDotPlotPage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

package/cypress/pages/chartsDotPlotPage.js

@@ -93,7 +93,7 @@ const steps = {
         element()
             .eq(index)
             .trigger('mouseover', { force: true });
-        utilities.verifyInnerText(commonComponents.tooltipText().eq(1), text);
+        utilities.verifyInnerText(commonComponents.tooltipText(), text);
         element()
             .eq(index)
             .trigger('mouseout', { force: true });
@@ -788,7 +788,10 @@ const steps = {
                 if (index % annotateEvery === 0) {
                     expectedLabelsIndex.push(index.toString());
                 }
+            })
+            .then(() => {
                 for (var i = min; i < max; i++) {
+                    console.log(expectedLabelsIndex[i])
                     chartsDotPlotPage.labelsNumberLineAxisPreviewTab()
                         .eq(expectedLabelsIndex[i - 1])
                         .should('have.text', i)
@@ -949,7 +952,10 @@ const steps = {
                 if (index % annotateEvery === 0) {
                     expectedLabelsIndex.push(index.toString());
                 }
+            })
+            .then(() => {
                 for (var i = min; i < max; i++) {
+                    console.log(expectedLabelsIndex[i])
                     chartsDotPlotPage.labelsNumberLineAxisCorrectAnswerSection()
                         .eq(expectedLabelsIndex[i - 1])
                         .should('have.text', i)

package/cypress/pages/components/additionalSettingsPanel.js

@@ -33,6 +33,7 @@ const steps = {
     expandAdditionalSettings: () => {
         additionalSettingsPanel.additionalSettingsPanel()
             .click()
+        additionalSettingsPanel.additionalSettingsPanel()
             .should('have.attr', 'aria-expanded', 'true');
     },
 

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -298,6 +298,7 @@ const steps = {
                 break;
             case 'specify points for each incorrect option':
             case 'specify points for each incorrect answer':
+            case 'specify points for each incorrect dropdown':
                 autoScoredScoringSectionMultiResponseType.specifyPointsForEachIncorrectOptionRadioButton()
                     .click();
                 break;

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -300,8 +300,8 @@ const tests = {
         it('\'+ Add alternative answer\' button should be present', () => {
             utilities.verifyInnerText(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'Add alternative answer');
             utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton(), 'visible');
-            // autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
-            //     .verifyPseudoClassBeforeProperty('content', '""');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
         });
 
         it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {

package/cypress/pages/components/draggableOptionContainer.js

@@ -470,7 +470,7 @@ const tests = {
 
         it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in a group in the options container of the specify correct answer section', () => {
             optionsWrapperComponent.steps.addInputToOptionsInputField(options);
-            cy.wait(2000) //Added wait as this is failing due to page updating
+            cy.wait(200) //Added wait as this is failing due to page updating
             draggableOptionContainer.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, options);
         });
 

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -1406,6 +1406,7 @@ const tests = {
         it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, then an error message should be displayed, indicating \'Error: Answer is required.\'', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
             utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
+            utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
         });
 
         it('When user adds text in alternate input field and clicks on \'Add alternate\' button, then then a third alternate answer input field should be displayed and error message should disappear', () => {

package/cypress/pages/components/imageCanvasComponent.js

@@ -443,7 +443,7 @@ const steps = {
                 case 'top right':
                     return { top: '-19px', left: '-31px' };
                 case 'top':
-                    return { top: '-22.5px', left: '-25.5px' };
+                    return { top: '-22.5px', left: '-23.5px' };
                 case 'top left':
                     return { top: '-27px', left: '-24px' };
                 case 'left':
@@ -1044,7 +1044,7 @@ const tests = {
             imageCanvasComponent.steps.verifyImageAlternativeTextInPreviewTab('This is Alternative text for image');
         });
 
-        it('When user clears text in the \'Alternative text\' input field, then default alternative text should  be displayed in the \'Preview tab\'', () => {
+        it('When user clears text in the \'Alternative text\' input field, then default alternative text should not be displayed in the \'Preview tab\'', () => {
             imageCanvasComponent.steps.switchToEditTab();
             imageCanvasComponent.steps.clearImageAlternativeTextInputFieldText();
             imageCanvasComponent.steps.switchToPreviewTab();

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -41,8 +41,9 @@ const steps = {
         scoringSectionBaseEditTab.pointsInputField()
             .clear()
             .type(`${points}`)
-            .should('have.value', points)
             .blur();
+        scoringSectionBaseEditTab.pointsInputField()
+            .should('have.value', points)
     },
 
     verifyDefaultPointsLabelAndInputField: () => {

package/cypress/pages/listOrderingPage.js

@@ -132,6 +132,7 @@ const steps = {
         listOrderingPage.optionWrapperPreviewTab()
             .eq(optionIndex)
             .find('strong')
+            .eq(0)
             .should('have.text', 'This is a bold option');
     },
 
@@ -723,6 +724,26 @@ const steps = {
             .should('not.have.text', '')
             .and('not.have.text', previousOrderOfOptionsArray.join(''));
     },
+
+    verifyCorrectOptionIconsDropdownLayoutCorrectAnswersSectionNotExists: () => {
+        listOrderingPage.dropdownWrapperCorrectAnswerSection()
+            .each(($element) => {
+                cy.wrap($element)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'notExist');
+                    })
+            })
+    },
+
+    verifyCorrectOptionIconsDropdownLayoutCorrectAnswersSection: () => {
+        listOrderingPage.dropdownWrapperCorrectAnswerSection()
+            .each(($element) => {
+                cy.wrap($element)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
+                    })
+            })
+    }
 }
 
 const tests = {

package/cypress/pages/multipleSelectionPage.js

@@ -183,6 +183,13 @@ const steps = {
             .within(() => {
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'visible');
             });
+    },
+
+    /**
+    * Verifies the presence of the correct option border in the grading view for a specified option index.
+    * @param {number} optionIndex - The index of the option to verify in the grading view.
+    */
+    verifyCorrectOptionBorderGradingView: () => {
         multipleSelectionPage.optionsWrapperGradingView()
             .eq(optionIndex)
             .find('label')
@@ -202,6 +209,13 @@ const steps = {
             .within(() => {
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'visible');
             });
+    },
+
+    /**
+     * Verifies the presence of the incorrect option border in the grading view for a specified option index.
+     * @param {number} optionIndex - The index of the option to verify in the grading view.
+     */
+    verifyIncorrectOptionBorderGradingView: () => {
         multipleSelectionPage.optionsWrapperGradingView()
             .eq(optionIndex)
             .find('label')

package/cypress/pages/numberLineLabelPage.js

@@ -2,6 +2,7 @@ import constants from '../fixtures/constants';
 import utilities from '../support/helpers/utilities';
 import { createQuestionBasePage, questionInstructionsComponent, scoringSectionBaseEditTab, ckEditorToolbar, equationEditorFlyout, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, numberLineCommonComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, commonComponents, studentViewSettingsLabelComponent, randomizeOptionsComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolSettingsComponent, layoutSectionComponent } from './components';
 const css = Cypress.env('css');
+const tolerance = 11.36;
 
 const selectors = {
     ...questionInstructionsComponent,
@@ -263,7 +264,7 @@ const steps = {
                             const graphWidth = 642;
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 32;
+                            graphHeight = graphHeight - containerHeight - 42;
                             const originX = graphWidth / 2;
                             const originY = graphHeight / 2;
                             const yPixel = originY - coordinate * (graphHeight / range);
@@ -296,8 +297,8 @@ const steps = {
             numberLineLabelPage.numberLineSpecifyCorrectAnswer()
                 .then(($graphElement) => {
                     let graphWidth = $graphElement[0].clientWidth;
-                    const originX = graphWidth / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const originX = graphWidth / 2 + tolerance / 2;
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cx*="${Math.floor(xPixel)}"]`)
                         .should('exist');
                 });
@@ -441,7 +442,7 @@ const steps = {
                             const graphWidth = 642;
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 32;
+                            graphHeight = graphHeight - containerHeight - 42;
                             const originX = graphWidth / 2;
                             const originY = graphHeight / 2;
                             const yPixel = originY - coordinate * (graphHeight / range);
@@ -461,9 +462,9 @@ const steps = {
         coordinates.forEach(x => {
             numberLineLabelPage.numberLinePreviewTab()
                 .then(($graphElement) => {
-                    const graphWidth = $graphElement[0].clientWidth;
-                    const originX = graphWidth / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    let graphWidth = $graphElement[0].clientWidth;
+                    const originX = graphWidth / 2 + tolerance / 2;
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(xPixel)}"]`)
                         .should('exist');
                 });
@@ -478,9 +479,9 @@ const steps = {
     verifyIncorrectResponseOnNumberLinePreviewTab: (label, range, coordinate) => {
         numberLineLabelPage.numberLinePreviewTab()
             .then(($graphElement) => {
-                const graphWidth = $graphElement[0].clientWidth;
-                const originX = graphWidth / 2;
-                const xPixel = originX + coordinate * (graphWidth / range);
+                let graphWidth = $graphElement[0].clientWidth;
+                const originX = graphWidth / 2 + tolerance / 2;
+                const xPixel = originX + coordinate * ((graphWidth - tolerance) / range);
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(xPixel)}"]`)
                     .should('have.css', 'stroke', css.color.incorrectAnswer);
             });
@@ -504,9 +505,9 @@ const steps = {
     verifyCorrectResponseOnNumberLinePreviewTab: (label, range, coordinate) => {
         numberLineLabelPage.numberLinePreviewTab()
             .then(($graphElement) => {
-                const graphWidth = $graphElement[0].clientWidth;
-                const originX = graphWidth / 2;
-                const xPixel = originX + coordinate * (graphWidth / range);
+                let graphWidth = $graphElement[0].clientWidth;
+                const originX = graphWidth / 2 + tolerance / 2;
+                const xPixel = originX + coordinate * ((graphWidth - tolerance) / range);
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(xPixel)}"]`)
                     .should('have.css', 'stroke', css.color.correctAnswer);
             });
@@ -601,11 +602,11 @@ const steps = {
     verifyCorrectResponseOnNumberLineCorrectAnswerSection: (label, range, coordinate) => {
         numberLineLabelPage.numberLineCorrectAnswerSection()
             .then(($graphElement) => {
-                const graphWidth = $graphElement[0].clientWidth;
-                const originX = graphWidth / 2;
-                const xPixel = originX + coordinate * (graphWidth / range);
+                let graphWidth = $graphElement[0].clientWidth;
+                const originX = graphWidth / 2 + tolerance / 2;
+                const xPixel = originX + coordinate * ((graphWidth - tolerance) / range);
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][display="inline"]`)
-                    .should('have.css', 'stroke', css.color.correctAnswer);
+                    .should('have.css', 'fill', css.color.correctAnswer);
             });
         numberLineLabelPage.numberLineCorrectAnswerSection()
             .parents('.ngie-jxgbox')
@@ -657,7 +658,7 @@ const steps = {
         numberLineLabelPage.labelContainerSpecifyCorrectAnswer()
             .then(($element) => {
                 let containerHeight = $element[0].clientHeight;
-                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 32;
+                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 42;
                 numberLineCommonComponent.numberLineSpecifyCorrectAnswer()
                     .should('have.attr', 'height', graphHeight.toString());
             });
@@ -671,7 +672,7 @@ const steps = {
         numberLineLabelPage.labelContainerPreviewTab()
             .then(($element) => {
                 let containerHeight = $element[0].clientHeight;
-                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 32;
+                let graphHeight = parseInt(height, 10) + parseInt(containerHeight, 10) + 42;
                 numberLineCommonComponent.numberLinePreviewTab()
                     .should('have.attr', 'height', graphHeight.toString());
             });
@@ -783,7 +784,7 @@ const steps = {
                         .then(($element) => {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 32;
+                            graphHeight = graphHeight - containerHeight - 42;
                             const originY = graphHeight / 2;
                             const yPixel = originY - y * (graphHeight / range);
                             cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cy*="${Math.floor(yPixel)}"]`)
@@ -806,7 +807,7 @@ const steps = {
                         .then(($element) => {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 32;
+                            graphHeight = graphHeight - containerHeight - 42;
                             const originY = graphHeight / 2;
                             const yPixel = originY - y * (graphHeight / range);
                             cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cy*="${Math.floor(yPixel)}"]`)
@@ -829,7 +830,7 @@ const steps = {
                         .then(($element) => {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 32;
+                            graphHeight = graphHeight - containerHeight - 42;
                             const originY = graphHeight / 2;
                             const yPixel = originY - y * (graphHeight / range);
                             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cy*="${Math.floor(yPixel)}"]`)
@@ -852,7 +853,7 @@ const steps = {
                         .then(($element) => {
                             let graphHeight = $graphElement[0].clientHeight;
                             let containerHeight = $element[0].clientHeight;
-                            graphHeight = graphHeight - containerHeight - 32;
+                            graphHeight = graphHeight - containerHeight - 42;
                             const originY = graphHeight / 2;
                             const yPixel = originY - y * (graphHeight / range);
                             cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cy*="${Math.floor(yPixel)}"]`)
@@ -874,11 +875,11 @@ const steps = {
                     .then(($element) => {
                         let graphHeight = $graphElement[0].clientHeight;
                         let containerHeight = $element[0].clientHeight;
-                        graphHeight = graphHeight - containerHeight - 32;
+                        graphHeight = graphHeight - containerHeight - 42;
                         const originY = graphHeight / 2;
                         const yPixel = originY - coordinate * (graphHeight / range);
                         cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cy*="${Math.floor(yPixel)}"]`)
-                            .should('have.css', 'stroke', css.color.incorrectAnswer);
+                            .should('have.css', 'fill', css.color.incorrectAnswer);
                     });
             });
         numberLineLabelPage.numberLinePreviewTab()
@@ -905,7 +906,7 @@ const steps = {
                     .then(($element) => {
                         let graphHeight = $graphElement[0].clientHeight;
                         let containerHeight = $element[0].clientHeight;
-                        graphHeight = graphHeight - containerHeight - 32;
+                        graphHeight = graphHeight - containerHeight - 42;
                         const originY = graphHeight / 2;
                         const yPixel = originY - coordinate * (graphHeight / range);
                         cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cy*="${Math.floor(yPixel)}"]`)
@@ -936,7 +937,7 @@ const steps = {
                 const originY = graphHeight / 2;
                 const yPixel = originY - coordinate * (graphHeight / range);
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cy*="${Math.floor(yPixel)}"][display="inline"]`)
-                    .should('have.css', 'stroke', css.color.correctAnswer);
+                    .should('have.css', 'fill', css.color.correctAnswer);
             });
         numberLineLabelPage.numberLineCorrectAnswerSection()
             .parents('.ngie-jxgbox')

package/cypress/pages/textEntryMathPage.js

@@ -123,13 +123,6 @@ const steps = {
             .should('have.attr', 'aria-selected', 'true');
     },
 
-    addResponseToken: () => {
-        questionInputFieldComponent.questionInputField()
-            .click();
-        textEntryMathPage.responseToken()
-            .click();
-    },
-
     /**
      * @description Verify response token numeration and close button
      * @param {number} responseAreaIndex response token index

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.196-drawingResponseMigration-0f99062.0",
+  "version": "1.0.196",
   "description": "",
   "main": "index.js",
   "scripts": {