itemengine-cypress-automation 1.0.198 → 1.0.199

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

@@ -0,0 +1,223 @@
+import { chartsDotPlotPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Charts - Dot plot: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+        chartsDotPlotPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        chartsDotPlotPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown and penalty scoring dropdown should be displayed in the scoring section', () => {
+            chartsDotPlotPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsDotPlotPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+        });
+
+        chartsDotPlotPage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(4);
+        });
+
+        chartsDotPlotPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        chartsDotPlotPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            chartsDotPlotPage.steps.verifyPointsPerResponseLabel();
+            chartsDotPlotPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsDotPlotPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            chartsDotPlotPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+
+        chartsDotPlotPage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(4);
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        chartsDotPlotPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            chartsDotPlotPage.steps.verifyPointsPerResponseLabel();
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
+            chartsDotPlotPage.steps.allotPoints(20);
+            chartsDotPlotPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        it('When the user adds one more label on number line axis, then points per response should get updated accordingly', () => {
+            chartsDotPlotPage.steps.enterTextInMaxInputField(5);
+            chartsDotPlotPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When the user adds dot in dot column then the points per response should not be updated', () => {
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.pointsPerResponseLabel(), 'notExist');
+            chartsDotPlotPage.steps.verifyPointsFieldValue(20);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            chartsDotPlotPage.steps.allotPoints(15);
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            chartsDotPlotPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsDotPlotPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' labels and dropdowns, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            chartsDotPlotPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsDotPlotPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            chartsDotPlotPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+
+        chartsDotPlotPage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(4);
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        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.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.verifyElementVisibilityState(utilities.getNthElement(chartsDotPlotPage.pointsInputField(), 4), 'visible');
+            chartsDotPlotPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            chartsDotPlotPage.steps.allotPartialDifferentWeightsPoints([1, 2, 3, 4, 5]);
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsDotPlotPage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(chartsDotPlotPage.pointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the \'All or nothing scoring\' points input field', () => {
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            chartsDotPlotPage.steps.verifyPointsFieldValue(15);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            chartsDotPlotPage.steps.allotPoints(10);
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            chartsDotPlotPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([2, 2, 2, 2, 2]);
+        });
+    });
+});

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

@@ -0,0 +1,110 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { chartsDotPlotPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Charts - Dot plot: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+        chartsDotPlotPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Charts');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+        chartsDotPlotPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+        it('When user has made some edits/changes and clicks on cancel button, a popup should be displayed with message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Edited');
+            chartsDotPlotPage.steps.allotPoints(20);
+            chartsDotPlotPage.steps.clickOnCancelButton();
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.dialogBox(), 'visible');
+            utilities.verifyInnerText(chartsDotPlotPage.dialogBoxContent(), 'Are you sure you want to leave this page? Your changes have not been saved.');
+            utilities.verifyInnerText(chartsDotPlotPage.buttonAccept(), 'Yes, I want to leave this page');
+            utilities.verifyInnerText(chartsDotPlotPage.buttonReject(), 'No, I\'d like to go back');
+        });
+
+        it('CSS of popup', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsDotPlotPage.dialogBox(), {
+                'background-color': css.color.defaultBackground
+            })
+
+            utilities.verifyCSS(chartsDotPlotPage.dialogBoxContent(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.buttonAccept(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(chartsDotPlotPage.buttonReject(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsDotPlotPage.dialogBox());
+        });
+
+        it(`Clicking on \'No, I'd like to go back\' button should close the popup and user should remain on the edit interface of the question`, () => {
+            chartsDotPlotPage.steps.clickOnRejectButtonInDialogBox();
+            chartsDotPlotPage.steps.verifyEditTabSelectedState();
+            utilities.verifyTextContent(chartsDotPlotPage.questionInstructionsInputField(), 'Edited');
+        });
+
+        it(`Clicking on \'Yes, I want to leave this page\' button should should discard all changes and direct the user to the \'Select a question\' page.`, () => {
+            chartsDotPlotPage.steps.clickOnCancelButton();
+            chartsDotPlotPage.steps.clickOnAcceptButtonInDialogBox();
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.selectAQuestionHeaderText(), 'visible');
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.questionTypeOptionTitle(), 'visible');
+        });
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+        });
+
+
+        chartsDotPlotPage.tests.verifyCreateItemWrapperContentsA11y();
+
+        it('When user clicks on "Save question" button, then the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            chartsDotPlotPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        chartsDotPlotPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});

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

@@ -0,0 +1,199 @@
+import { chartsDotPlotPage } 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 dot plot'];
+
+describe('Create item page - Charts - Dot plot: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.allotPoints(10);
+        });
+
+        chartsDotPlotPage.tests.verifyMinimumScoringDropdown();
+
+        chartsDotPlotPage.tests.verifyMinimumPointsLabelAndInputField();
+
+        chartsDotPlotPage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.allotPoints(10);
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        chartsDotPlotPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        chartsDotPlotPage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        chartsDotPlotPage.tests.verifyPenaltyPointsErrorState();
+
+        it('When the user selects \'Penalty points for each incorrect dot plot\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect dot plot to total points / no. of incorrect dot plots\' 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 dot plot\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+            chartsDotPlotPage.steps.expandPenaltyScoringDropdown();
+            chartsDotPlotPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect dot plot');
+            utilities.verifyInnerText(chartsDotPlotPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect dot plot to total points / no. of incorrect dot plots');
+            utilities.verifyInnerText(chartsDotPlotPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
+            utilities.verifyInnerText(chartsDotPlotPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect dot plot');
+            chartsDotPlotPage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
+            chartsDotPlotPage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
+            chartsDotPlotPage.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 dot plot: -\' label should be displayed', () => {
+            utilities.verifyInnerText(chartsDotPlotPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
+            chartsDotPlotPage.steps.verifyTotalPenaltyPointsValue('');
+            utilities.verifyInnerText(chartsDotPlotPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect dot plot: -');
+        });
+
+        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', () => {
+            chartsDotPlotPage.steps.allotTotalPenaltyPoints(6);
+            chartsDotPlotPage.steps.verifyPenaltyPointsForEachIncorrectDotPlot(1);
+        });
+
+        it('When the user removes a label from number line axis, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsDotPlotPage.steps.enterTextInMaxInputField(5);
+            chartsDotPlotPage.steps.verifyPenaltyPointsForEachIncorrectDotPlot(1);
+        });
+
+        it('When the user adds a label on number line axis, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsDotPlotPage.steps.enterTextInMaxInputField(6);
+            chartsDotPlotPage.steps.verifyPenaltyPointsForEachIncorrectDotPlot(1);
+        });
+
+        it.skip('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsDotPlotPage.automaticallySetPenaltyPointsCheckboxLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.automaticallySetPenaltyPointsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(chartsDotPlotPage.specifyTotalPenaltyPointsRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(chartsDotPlotPage.specifyPointsForEachIncorrectOptionRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(chartsDotPlotPage.specifyTotalPenaltyPointsRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.totalPenaltyPointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.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(chartsDotPlotPage.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 dot plot:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+            cy.log('Pre-step: Clearing the total penalty points input field')
+            chartsDotPlotPage.steps.clearTotalPenaltyPointsInputField();
+            chartsDotPlotPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect dot plot');
+            utilities.verifyInnerText(chartsDotPlotPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect dot plot');
+            chartsDotPlotPage.steps.verifyPenaltyPointsForEachIncorrectOptionValue('');
+            utilities.verifyInnerText(chartsDotPlotPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
+        });
+
+        it('When the user allots Penalty points for each incorrect dot plot, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+            chartsDotPlotPage.steps.allotPenaltyPointsForEachIncorrectOption(1);
+            chartsDotPlotPage.steps.verifyTotalPenaltyPoints(7);
+        });
+
+        it('When the user adds a new label on number line axis, then \'Total penalty points\' should get updated accordingly', () => {
+            chartsDotPlotPage.steps.enterTextInMaxInputField(7);
+            chartsDotPlotPage.steps.verifyTotalPenaltyPoints(8);
+        });
+
+        it('When the user removes a label from number line axis, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsDotPlotPage.steps.enterTextInMaxInputField(6);
+            chartsDotPlotPage.steps.verifyTotalPenaltyPoints(7);
+        });
+
+        it.skip('CSS of the penalty points section - Penalty points for each incorrect dot plot', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsDotPlotPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.penaltyPointsForEachIncorrectOptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsDotPlotPage.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 dot plot', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsDotPlotPage.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 dot plot\'', () => {
+            chartsDotPlotPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
+            chartsDotPlotPage.steps.verifyTotalPenaltyPointsValue(7);
+            utilities.verifyInnerText(chartsDotPlotPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect dot plot: 1');
+        });
+
+        it('When the user checks the \'Automatically set penalty for each incorrect dot plot to total points / no. of incorrect dot plots\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect dot plot\' should get checked, in the penalty points details section, \'Penalty points for each incorrect dot plot: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+            chartsDotPlotPage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
+            chartsDotPlotPage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
+            chartsDotPlotPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect dot plot: 1.43');
+            utilities.verifyInnerText(utilities.getNthElement(chartsDotPlotPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 10.01');
+        });
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.allotPoints(10);
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        chartsDotPlotPage.tests.verifyRoundingDropdown();
+
+        chartsDotPlotPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});