itemengine-cypress-automation 1.0.209 → 1.0.210

package/cypress/e2e/ILC/ChartsLine/minimumScoringPenaltyPointsAndRoundingDropdown.js

@@ -0,0 +1,200 @@
+import { chartsLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const penaltyScoringTypeArray = ['No penalty points', 'Penalty points for the entire question', 'Penalty points for each incorrect point'];
+
+describe('Create item page - Charts - Line: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.allotPoints(10);
+        });
+
+        chartsLinePage.tests.verifyMinimumScoringDropdown();
+
+        chartsLinePage.tests.verifyMinimumPointsLabelAndInputField();
+
+        chartsLinePage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsLinePage.steps.allotPoints(16);
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        chartsLinePage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        chartsLinePage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        chartsLinePage.tests.verifyPenaltyPointsErrorState();
+
+        it('When the user selects \'Penalty points for each incorrect point\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect point to total points / no. of incorrect dot points\' label and checkbox should be displayed, by default the checkbox should be unchecked. Two radio buttons with labels - \'Specify total penalty points\' and \'Specify points for each incorrect point\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+            chartsLinePage.steps.expandPenaltyScoringDropdown();
+            chartsLinePage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect point');
+            utilities.verifyInnerText(chartsLinePage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect point to total points / no. of incorrect points');
+            utilities.verifyInnerText(chartsLinePage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
+            utilities.verifyInnerText(chartsLinePage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect point');
+            chartsLinePage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
+            chartsLinePage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
+            chartsLinePage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonUncheckedState();
+        });
+
+        it('When \'Specify total penalty points\' is selected, a penalty points detail section with \'Total penalty points\' label and empty input field, \'Penalty points for each incorrect point: -\' label should be displayed', () => {
+            utilities.verifyInnerText(chartsLinePage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
+            chartsLinePage.steps.verifyTotalPenaltyPointsValue('');
+            utilities.verifyInnerText(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect point: -');
+        });
+
+        it('When the user allots total penalty points, then \'points for each incorrect option\' should get updated as per the count of incorrect dot column available', () => {
+            chartsLinePage.steps.allotTotalPenaltyPoints(4);
+            chartsLinePage.steps.verifyPenaltyPointsForEachIncorrectPoint(1);
+        });
+
+        it('When the user removes a point, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsLinePage.steps.deletePointInSelectChartType(0);
+            chartsLinePage.steps.verifyPenaltyPointsForEachIncorrectPoint(1.33);
+        });
+
+        it('When the user adds a point, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsLinePage.steps.verifyPenaltyPointsForEachIncorrectPoint(0.8);
+        });
+
+        it('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsLinePage.automaticallySetPenaltyPointsCheckboxLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.automaticallySetPenaltyPointsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(chartsLinePage.specifyTotalPenaltyPointsRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(chartsLinePage.specifyPointsForEachIncorrectOptionRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(chartsLinePage.specifyTotalPenaltyPointsRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.totalPenaltyPointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of the penalty points section - Total penalty points', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsLinePage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
+        });
+
+        it('When the user selects \'Specify points for each incorrect answer\', a penalty points detail section with \'Penalty points for each incorrect point:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+            cy.log('Pre-step: Clearing the total penalty points input field')
+            chartsLinePage.steps.clearTotalPenaltyPointsInputField();
+            cy.wait(250);
+            chartsLinePage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect point');
+            utilities.verifyInnerText(chartsLinePage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect point');
+            chartsLinePage.steps.verifyPenaltyPointsForEachIncorrectOptionValue('');
+            utilities.verifyInnerText(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
+        });
+
+        it('When the user allots Penalty points for each incorrect point, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+            chartsLinePage.steps.allotPenaltyPointsForEachIncorrectOption(1);
+            chartsLinePage.steps.verifyTotalPenaltyPoints(5);
+        });
+
+        it('When the user removes a point, then \'Total penalty points\' should get updated accordingly', () => {
+            chartsLinePage.steps.deletePointInSelectChartType(0);
+            chartsLinePage.steps.verifyTotalPenaltyPoints(4);
+        });
+
+        it('When the user adds a point, then \'Total penalty points\' should get updated accordingly', () => {
+            chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsLinePage.steps.verifyTotalPenaltyPoints(5);
+        });
+
+        it('CSS of the penalty points section - Penalty points for each incorrect point', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsLinePage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.penaltyPointsForEachIncorrectOptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of the penalty points section - Penalty points for each incorrect point', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsLinePage.automaticallySetPenaltyPointsCheckboxLabel().parents('.penalty-score-for-each-incorrect-wrapper'));
+        });
+
+        it('When the user switches to the \'Specify total penalty points\' option, the total penalty points input field should be filled as per the total penalty points in \'Specify points for each incorrect point\'', () => {
+            chartsLinePage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
+            chartsLinePage.steps.verifyTotalPenaltyPointsValue(5);
+            utilities.verifyInnerText(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect point: 1');
+        });
+
+        it('When the user checks the \'Automatically set penalty for each incorrect point to total points / no. of incorrect dot points\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect point\' should get checked, in the penalty points details section, \'Penalty points for each incorrect point: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+            chartsLinePage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
+            chartsLinePage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
+            chartsLinePage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
+            utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect point: 3.2');
+            utilities.verifyInnerText(utilities.getNthElement(chartsLinePage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 16');
+        });
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.allotPoints(10);
+            chartsLinePage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        chartsLinePage.tests.verifyRoundingDropdown();
+
+        chartsLinePage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});

package/cypress/e2e/ILC/ChartsLine/questionInstruction.js

@@ -0,0 +1,31 @@
+import { chartsLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create Item page - Charts - Line : Question instructions', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        chartsLinePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        chartsLinePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+});

package/cypress/e2e/ILC/ChartsLine/specifyCorrectAnswerSection.js

@@ -0,0 +1,93 @@
+import { chartsLinePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Charts - Line chart: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            chartsLinePage.steps.selectLineButton();
+            cy.barsPreLoaderWait();
+        });
+
+        chartsLinePage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('charts');
+
+        chartsLinePage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 0, value: 2, range: 10 });
+            chartsLinePage.steps.lockPoint(0);
+        });
+
+        it('\'+ Add alternative answer\' button should be present', () => {
+            utilities.verifyInnerText(chartsLinePage.alternativeAnswerButton(), 'Add alternative answer');
+            utilities.verifyElementVisibilityState(chartsLinePage.alternativeAnswerButton(), 'visible');
+            chartsLinePage.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
+        });
+
+        it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsLinePage.alternativeAnswerButton().find('p'), {
+                'color': css.color.activeButtons,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            chartsLinePage.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
+        });
+
+        it('When user have not set correct answer in correct accordion, and clicks on \'+ Add alternative answer\' button then alternative accordion should be added and error message should not be displayed', () => {
+            chartsLinePage.steps.addAlternativeAnswerAccordion(1);
+            utilities.verifyElementVisibilityState(chartsLinePage.errorMessage(), 'notExist');
+            utilities.verifyElementVisibilityState(chartsLinePage.dialogBox(), 'notExist');
+        });
+
+        it('When user has added an alternative answer accordion, then the newly added alternative answer accordion should be in expanded state and the correct answer accordion should be in collapsed state', () => {
+            chartsLinePage.steps.verifyCorrectAnswerAccordionIsCollapsed();
+            chartsLinePage.steps.verifyAlternateAnswerAccordionIsExpanded(0);
+        });
+
+        chartsLinePage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('Locked dot column should be displayed in alternative accordion', () => {
+            chartsLinePage.steps.verifyLockedPointInSpecifyCorrectAnswer({ pointIndex: 0, pointValue: 2, range: 10 });
+            chartsLinePage.steps.verifyLockedPointIsNotEditableInSpecifyCorrectAnswer(0);
+        });
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the label for this new accordion should be \'Alternative 2\'', () => {
+            chartsLinePage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the label of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 })
+            chartsLinePage.steps.allotPoints(5);
+            chartsLinePage.steps.deleteAlternativeAnswerAccordion(0);
+            chartsLinePage.steps.verifyAlternativeAnswerAccordionNotExists(1);
+            chartsLinePage.steps.verifyAlternativeAnswerAccordionLabel(0);
+        });
+
+        it('When correct answers and points are set in alternative answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternative answer accordion should be collapsed', () => {
+            chartsLinePage.steps.expandCorrectAnswerAccordion();
+            chartsLinePage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
+        });
+
+        it('When user deletes a point in correct accordion then it should be deleted and points in alternate accordion should remain the same', () => {
+            chartsLinePage.steps.deletePointInSpecifyCorrectAnswer(0);
+            chartsLinePage.steps.expandAlternativeAnswerAccordion(0);
+            utilities.verifyElementCount(chartsLinePage.specifyCorrectAnswerPoint(), 3);
+        });
+    });
+});

package/cypress/e2e/ILC/ChartsLine/toolSettings.js

@@ -0,0 +1,77 @@
+import { toolSettingsComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import { dialogBoxBase, chartsLinePage, rulerPage } from "../../../pages";
+
+const css = Cypress.env('css');
+
+describe('Create Item page: Tool settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Tool settings: Contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+        });
+
+        toolSettingsComponent.tests.verifyToolSettingsContent();
+    });
+
+    describe('Tool settings: Edit tool settings', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsLinePage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsLinePage.steps.selectLineButton();
+            toolSettingsComponent.steps.expandToolSettingsAccordion();
+        });
+
+        it('When user clicks on edit icon for ruler tool, then popup for ruler tool settings should be displayed', () => {
+            toolSettingsComponent.steps.clickOnToolEditIcon(0);
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+        });
+
+        it('When user modifies the settings for the ruler tool and clicks the \'Ok\' button, then ruler tool should enter selected state.', () => {
+            rulerPage.steps.expandUnitOfMeasurementDropdown();
+            rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown('Inch');
+            rulerPage.steps.selectOptionFromLengthOfRulerOptions('12 in');
+            rulerPage.steps.selectColorBlock(1);
+            rulerPage.steps.expandRotationDropdown();
+            rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
+            rulerPage.steps.enterInputToOpacityInputField(60);
+            rulerPage.steps.checkAddShowHideButtonCheckbox();
+            toolSettingsComponent.steps.clickOnOkButton();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+            toolSettingsComponent.steps.verifyToolSelectedState(0);
+        });
+
+        it('When user has made changes for ruler tool in edit tab then changes should be reflected in the ruler tool in the preview tab', () => {
+            cy.log('Switching to Preview Tab');
+            rulerPage.steps.switchToPreviewTab();
+            rulerPage.steps.verifyPreviewTabRulerVisibilityButtonLabel('Show');
+            rulerPage.steps.clickOnRulerVisibilityButton();
+            utilities.verifyElementVisibilityState(rulerPage.rulerPreviewTab(), 'visible');
+            rulerPage.steps.verifyLengthOfRulerInPreview('12in');
+            rulerPage.steps.verifyColorOfRulerInPreview(1);
+            rulerPage.steps.verifyRulerOpacityInPreview('0.6');
+            rulerPage.steps.verifyRotationButtonWithDegreeVisible();
+        });
+
+        it('CSS of the \'Hide ruler\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(rulerPage.rulerVisibilityButtonPreviewTab(), {
+                'border': `1px solid ${css.color.activeButtons}`,
+                'background-color': css.color.defaultBackground,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+        });
+
+        it('Accessibility of \'Hide ruler\' button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(rulerPage.rulerVisibilityButtonPreviewTab().parents('[class*="ItemEnginestyles__MainWrapper"]'));
+        });
+    });
+});

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

@@ -45,6 +45,7 @@ describe('Create item page: Feedback scale - Preview tab contents in all views f
                         feedbackScalePage.steps.addLegendText(1, optionsContentForTextLayout[1].legendText);
                         feedbackScalePage.steps.expandOptionAccordion(2);
                         feedbackScalePage.steps.addLegendText(2, optionsContentForTextLayout[2].legendText);
+                        cy.wait(2000);
                         feedbackScalePage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

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

@@ -35,7 +35,9 @@ describe('Preview tab contents for all views', () => {
                         fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(1);
                         fillInTheGapsDragAndDropPage.steps.selectBoldOptionFromCKEditorToolbar();
                         fillInTheGapsDragAndDropPage.steps.addBoldTextInputToOptionsInputField(1);
-                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Solve the following': 1, 'Petals': 2, 'This is a bold option': 0 });
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 2 });
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Solve the following': 1 });
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'This is a bold option': 0 });
                         fillInTheGapsDragAndDropPage.steps.allotPoints(10);
                         fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
                         break;

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

@@ -74,17 +74,20 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                 utilities.verifyElementVisibilityState(imageHighlightPage.questionInstructionsText(), 'visible');
             });
 
-            it('The uploaded image should be displayed and the highlighted sections should be present in the preview tab', () => {
+            it('The uploaded image should be displayed in the preview tab', () => {
                 imageHighlightPage.steps.verifyImageUploadedPreviewTab();
                 imageHighlightPage.steps.verifyHighlightRegionCountInPreviewTab(3);
                 imageHighlightPage.steps.verifyImageUploadedAltTextPreviewTab('Image alternative text');
                 imageHighlightPage.steps.verifyImageUploadedWidthAndHeightPreviewTab('768', '432');
-                imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
-                imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, branchesHighlightRegion);
-                imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, leafHighlightRegion);
             });
 
             if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The highlighted regions should be displayed', () => {
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, branchesHighlightRegion);
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, leafHighlightRegion);
+                });
+
                 it('By default the highlighted sections should be hidden and when the user hovers over any highlighted section it should be visible', () => {
                     imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
                     imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
@@ -104,11 +107,22 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                     imageHighlightPage.steps.verifyRegionIsNotHighlightedPreviewTab(0);
                     imageHighlightPage.steps.verifySelectedHighlightRegionInPreviewTab(1);
                     imageHighlightPage.steps.verifyRegionIsNotHighlightedPreviewTab(2);
+                    imageHighlightPage.steps.removeHighlightOfARegionInPreviewTab(1);
                 });
             } else if (view === 'Grading view') {
-                it('The highlight regions should be displayed', () => {
-                    imageHighlightPage.steps.verifyHoverStateOfHighlightRegion(0);
-                    imageHighlightPage.steps.verifyHoverStateOfHighlightRegion(2);
+                it('The highlighted regions should be displayed', () => {
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
+                });
+
+                it('The highlight regions should be displayed with correct border', () => {
+                    utilities.verifyCSS(utilities.getNthElement(imageHighlightPage.highlightPolygonPreviewTab(), 0), {
+                        'stroke': css.color.correctAnswer
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(imageHighlightPage.highlightPolygonPreviewTab(), 1), {
+                        'stroke': css.color.correctAnswer
+                    });
                 });
 
                 it('User should not be able to select, de-select any highlight sections', () => {
@@ -118,10 +132,15 @@ describe('Create item page - Image highlight - Preview contents in all views', (
                     imageHighlightPage.steps.verifyRegionIsNotHighlightedPreviewTab(2);
                 });
             } else {
+                it('The highlighted regions should be displayed', () => {
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(0, flowerHighlightRegion);
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(1, leafHighlightRegion);
+                    imageHighlightPage.steps.verifyHighlightRegionsInPreviewTab(2, branchesHighlightRegion);
+                });
+
                 it('The highlight regions should be displayed with correct answers', () => {
                     imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
-                    imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
-                    imageHighlightPage.steps.verifyCorrectHighlightRegion(2);
+                    imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
                 });
             }
 

package/cypress/e2e/ILC/chartsDotsPlot/editTabScoring.js

@@ -177,17 +177,17 @@ describe('Create item page - Charts - Dot plot: Scoring section', () => {
         chartsDotPlotPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
 
         it('When the user has switched to \'Partial - different weights\' scoring, then dot columns numeration labels should be displayed and input field should be displayed below each label', () => {
-            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.dotColumnNumerationPointsLabel(), 0), '1');
-            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.dotColumnNumerationPointsLabel(), 1), '2');
-            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.dotColumnNumerationPointsLabel(), 2), '3');
-            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.dotColumnNumerationPointsLabel(), 3), '4')
-            utilities.verifyElementCount(chartsDotPlotPage.dotColumnNumerationPointsLabel(), 4);
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.partialDifferentWeightsPointsInputFieldLabel(), 0), '1');
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.partialDifferentWeightsPointsInputFieldLabel(), 1), '2');
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.partialDifferentWeightsPointsInputFieldLabel(), 2), '3');
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.partialDifferentWeightsPointsInputFieldLabel(), 3), '4')
+            utilities.verifyElementCount(chartsDotPlotPage.partialDifferentWeightsPointsInputFieldLabel(), 4);
             utilities.verifyElementCount(chartsDotPlotPage.pointsInputField(), 4);
         });
 
         it('When user adds one more label on number line axis, then label for newly added label should be displayed with input field', () => {
             chartsDotPlotPage.steps.enterTextInMaxInputField(5);
-            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.dotColumnNumerationPointsLabel(), 4), '5');
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.partialDifferentWeightsPointsInputFieldLabel(), 4), '5');
             utilities.verifyElementVisibilityState(utilities.getNthElement(chartsDotPlotPage.pointsInputField(), 4), 'visible');
             chartsDotPlotPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
         });

package/cypress/pages/chartsBarPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities"
-import { barAndLineChartComponent, chartsCommonComponent, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, commonComponents, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, correctIncorrectAnswerLabelComponent, studentViewSettingsLabelComponent, layoutSectionComponent } from "./components";
+import { barAndLineChartComponent, chartsCommonComponent, createQuestionBasePage, questionInstructionsComponent, resetPopupComponent, scoringSectionBaseEditTab, commonComponents, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, autoScoredScoringSectionMultiResponseType, autoScoredSpecifyCorrectAnswerSection, correctIncorrectAnswerLabelComponent, studentViewSettingsLabelComponent, layoutSectionComponent, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
@@ -13,10 +13,12 @@ const selectors = {
     ...autoScoredScoringPreviewTab,
     ...autoScoredScoringPreviewTab,
     ...correctIncorrectAnswerLabelComponent,
-    ...chartsCommonComponent,
     ...autoScoredSpecifyCorrectAnswerSection,
     ...layoutSectionComponent,
+    ...additionalSettingsPanel,
     ...selectQuestionResourceToolPage,
+    ...autoScoredScoringSectionMultiResponseType,
+    ...chartsCommonComponent,
 
     barDragHandle: () => cy.get('.bar-drag-handle'),
     bar: () => cy.get('.ngie-chart-point'),
@@ -86,6 +88,7 @@ const steps = {
     ...layoutSectionComponent.steps,
     ...chartsCommonComponent.steps,
     ...dialogBoxBase.steps,
+    ...additionalSettingsPanel.steps,
     ...selectQuestionResourceToolPage.steps,
     /**
      * @description set the bar height/value in the select chart type section chart
@@ -1203,6 +1206,14 @@ const steps = {
         chartsBarPage.selectChartTypeMaxXAndYInputField()
             .should('have.value', value);
     },
+
+    /**
+    * verify the displayed penalty points for each incorrect bar
+    * @param {number} penaltyPoints displayed penalty points 
+    */
+    verifyPenaltyPointsForEachIncorrectBar: (penaltyPoints) => {
+        utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.penaltyPointsDetailsSectionAllottedPointsLabel(), `Penalty points for each incorrect bar: ${penaltyPoints}`);
+    },
 }
 
 const tests = {
@@ -1214,7 +1225,13 @@ const tests = {
     ...layoutSectionComponent.tests,
     ...createQuestionBasePage.tests,
     ...commonComponents.tests,
-
+    ...layoutSectionComponent.tests,
+    ...additionalSettingsPanel.tests,
+    ...additionalSettingsAccessibilitySectionComponent.tests,
+    ...questionInstructionsComponent.tests,
+    ...scoringSectionBaseEditTab.tests,
+    ...autoScoredScoringSectionMultiResponseType.tests,
+    ...chartsCommonComponent.tests,
     /**
      * Verify bar tooltip contents with css and a11y in preview tab
      * @param {number} barIndex index of the bar
@@ -1321,7 +1338,7 @@ const tests = {
         });
 
         it('Accessibility of \'Correct\' accordion contents', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(chartsDotPlotPage.numberLineAxisSpecifyCorrectAnswer().parents('.ngie-accordion-detail'));
+            cy.checkAccessibility(chartsBarPage.specifyCorrectAnswerBar().parents('.ngie-accordion-detail'));
         });
     },
 
@@ -1422,6 +1439,16 @@ const tests = {
             utilities.verifyElementVisibilityState(chartsBarPage.barAndPointTooltipWrapper(), 'notExist');
         });
     },
+
+    verifyContentsOfSpecifyCorrectAnswerSection: () => {
+        it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
+            chartsCommonComponent.steps.verifyGraphTitleInSpecifyCorrectAnswer('Graph title');
+            chartsCommonComponent.steps.verifyXAxisLabelInSpecifyCorrectAnswer('Label');
+            utilities.verifyTextContent(barAndLineChartComponent.yAxisLabelSpecifyCorrectAnswer(), 'Label');
+            utilities.verifyElementVisibilityState(chartsBarPage.barDragHandle(), 'exist');
+            utilities.verifyTextContent(utilities.getNthElement(barAndLineChartComponent.yAxisCoordinateSpecifyCorrectAnswer(), 0), '10');
+        });
+    },
 }
 
 export const chartsBarPage = {