itemengine-cypress-automation 1.0.209 → 1.0.210

package/cypress/e2e/ILC/ChartsBar/additionalSettings.js

@@ -0,0 +1,159 @@
+import { chartsBarPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Create Item page : Charts - Line : Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+        });
+
+        chartsBarPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.expandAdditionalSettings();
+        });
+
+        chartsBarPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - Select chart type and Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addQuestionInstructions();
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the specify correct answer section should change to ${fontSizes[option]} accordingly`, () => {
+                chartsBarPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(chartsBarPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(chartsBarPage.specifyCorrectAnswerBarLabel(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsBarPage.selectChartTypeBarLabel(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsBarPage.yAxisCoordinate(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsBarPage.yAxisCoordinateSpecifyCorrectAnswer(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsBarPage.selectChartTypeGraphTitleButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.selectChartTypeXAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.selectChartTypeYAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.graphTitleSpecifyCorrectAnswer(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.xAxisLabelSpecifyCorrectAnswer(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.yAxisLabelSpecifyCorrectAnswer(), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addQuestionInstructions();
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                chartsBarPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(chartsBarPage.fontSizeDropdown(), `${option}`);
+                chartsBarPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(chartsBarPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.previewTabBarLabel(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsBarPage.previewTabYAxisCoordinate(), {
+                    'font-size': css.fontSize.default
+                });
+                utilities.verifyCSS(chartsBarPage.previewTabGraphTitle(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.previewTabXAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.previewTabYAxisLabelButton(), {
+                    'font-size': fontSizes[option]
+                });
+                chartsBarPage.steps.switchToGradingView();
+                utilities.verifyCSS(chartsBarPage.graphTitleCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.xAxisLabelCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.yAxisLabelCorrectAnswerSection(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(chartsBarPage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                chartsBarPage.steps.switchToStudentView();
+                chartsBarPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Setting tab: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.expandAdditionalSettings();
+        });
+
+        chartsBarPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.expandAdditionalSettings();
+        });
+
+        chartsBarPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/ChartsBar/editTabScoringSection.js

@@ -0,0 +1,203 @@
+import { chartsBarPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Charts - Bar: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+        });
+
+        chartsBarPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        chartsBarPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.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', () => {
+            chartsBarPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsBarPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+        });
+
+        chartsBarPage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Bar');
+        });
+
+        chartsBarPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        chartsBarPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Bar');
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            chartsBarPage.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', () => {
+            chartsBarPage.steps.verifyPointsPerResponseLabel();
+            chartsBarPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsBarPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            chartsBarPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(chartsBarPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+
+        chartsBarPage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Bar');
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        chartsBarPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            chartsBarPage.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', () => {
+            chartsBarPage.steps.allotPoints(12);
+            chartsBarPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('4');
+        });
+
+        it('When the user adds one more bar, then points per response should get updated accordingly', () => {
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+        });
+
+        it('When the user sets a bar value then the points per response should not be updated', () => {
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 1, range: 10});
+            chartsBarPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('3');
+        });
+
+        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', () => {
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(chartsBarPage.pointsPerResponseLabel(), 'notExist');
+            chartsBarPage.steps.verifyPointsFieldValue(12);
+        });
+
+        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', () => {
+            chartsBarPage.steps.allotPoints(20);
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            chartsBarPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('5');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsBarPage.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(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Bar');
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            chartsBarPage.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', () => {
+            chartsBarPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            chartsBarPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            chartsBarPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(chartsBarPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+
+        chartsBarPage.tests.verifyToleranceThresholdLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Bar');
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        chartsBarPage.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(chartsBarPage.partialDifferentWeightsPointsInputFieldLabel(), 0), 'Bar 1');
+            utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.partialDifferentWeightsPointsInputFieldLabel(), 1), 'Bar 2');
+            utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.partialDifferentWeightsPointsInputFieldLabel(), 2), 'Bar 3');
+            utilities.verifyElementCount(chartsBarPage.partialDifferentWeightsPointsInputFieldLabel(), 3);
+            utilities.verifyElementCount(chartsBarPage.pointsInputField(), 3);
+        });
+
+        it('When user adds one more bar, then points input field should be added with the respective label', () => {
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.partialDifferentWeightsPointsInputFieldLabel(), 3), 'Bar 4');
+            utilities.verifyElementVisibilityState(utilities.getNthElement(chartsBarPage.pointsInputField(), 3), 'visible');
+            chartsBarPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            chartsBarPage.steps.allotPartialDifferentWeightsPoints([1, 2, 3, 4]);
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsBarPage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(chartsBarPage.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', () => {
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            chartsBarPage.steps.verifyPointsFieldValue(10);
+        });
+
+        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', () => {
+            chartsBarPage.steps.allotPoints(12);
+            cy.wait(250)
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            chartsBarPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 3, 3, 3]);
+        });
+    });
+});

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

@@ -0,0 +1,199 @@
+import { chartsBarPage } 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 bar'];
+
+describe('Create item page - Charts - Bar: Minimum scoring, Penalty scoring, Rounding - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section: Minimum scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.allotPoints(10);
+        });
+
+        chartsBarPage.tests.verifyMinimumScoringDropdown();
+
+        chartsBarPage.tests.verifyMinimumPointsLabelAndInputField();
+
+        chartsBarPage.tests.verifyMinimumPointsFieldErrorState();
+    });
+
+    describe('Scoring section: Penalty scoring - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.allotPoints(16);
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        chartsBarPage.tests.verifyPenaltyScoringDropdown(penaltyScoringTypeArray);
+
+        chartsBarPage.tests.verifyPenaltyPointsLabelAndInputField();
+
+        chartsBarPage.tests.verifyPenaltyPointsErrorState();
+
+        it('When the user selects \'Penalty points for each incorrect bar\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect bar to total points / no. of incorrect dot bars\' 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 bar\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
+            chartsBarPage.steps.expandPenaltyScoringDropdown();
+            chartsBarPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for each incorrect bar');
+            utilities.verifyInnerText(chartsBarPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect bar to total points / no. of incorrect bars');
+            utilities.verifyInnerText(chartsBarPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
+            utilities.verifyInnerText(chartsBarPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect bar');
+            chartsBarPage.steps.verifyAutomaticallySetPenaltyPointsCheckboxUncheckedState();
+            chartsBarPage.steps.verifySpecifyTotalPenaltyPointsRadioButtonCheckedState();
+            chartsBarPage.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 bar: -\' label should be displayed', () => {
+            utilities.verifyInnerText(chartsBarPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Total penalty points');
+            chartsBarPage.steps.verifyTotalPenaltyPointsValue('');
+            utilities.verifyInnerText(chartsBarPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect bar: -');
+        });
+
+        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', () => {
+            chartsBarPage.steps.allotTotalPenaltyPoints(4);
+            chartsBarPage.steps.verifyPenaltyPointsForEachIncorrectBar(1);
+        });
+
+        it('When the user removes a bar, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 2, range: 10 });  //Not able to hover and then delete due to bar not visible
+            chartsBarPage.steps.deleteBarInSelectChartType(0);
+            chartsBarPage.steps.verifyPenaltyPointsForEachIncorrectBar(1.33);
+        });
+
+        it('When the user adds a bar, then \'points for each incorrect option\' should get updated accordingly', () => {
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.verifyPenaltyPointsForEachIncorrectBar(0.8);
+        });
+
+        it('CSS of the penalty points section - Total penalty points', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsBarPage.automaticallySetPenaltyPointsCheckboxLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.automaticallySetPenaltyPointsCheckbox().parent().find('svg'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(chartsBarPage.specifyTotalPenaltyPointsRadioButton().parent().find('svg'), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(chartsBarPage.specifyPointsForEachIncorrectOptionRadioButton().parent().find('svg path'), {
+                'fill': css.color.uncheckedCheckbox
+            });
+            utilities.verifyCSS(chartsBarPage.specifyTotalPenaltyPointsRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.totalPenaltyPointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.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(chartsBarPage.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 bar:\' label and empty input field, \'Total penalty points: -\' label should be displayed', () => {
+            cy.log('Pre-step: Clearing the total penalty points input field')
+            chartsBarPage.steps.clearTotalPenaltyPointsInputField();
+            cy.wait(250);
+            chartsBarPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify points for each incorrect bar');
+            utilities.verifyInnerText(chartsBarPage.penaltyPointsDetailsSectionInputFieldLabel(), 'Penalty points for each incorrect bar');
+            chartsBarPage.steps.verifyPenaltyPointsForEachIncorrectOptionValue('');
+            utilities.verifyInnerText(chartsBarPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Total penalty points: -');
+        });
+
+        it('When the user allots Penalty points for each incorrect bar, then \'Total penalty points\' should get updated as per the count of incorrect options available', () => {
+            chartsBarPage.steps.allotPenaltyPointsForEachIncorrectOption(1);
+            chartsBarPage.steps.verifyTotalPenaltyPoints(5);
+        });
+
+        it('When the user removes a bar, then \'Total penalty points\' should get updated accordingly', () => {
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 2, range: 10 });  //Not able to hover and then delete due to bar not visible
+            chartsBarPage.steps.deleteBarInSelectChartType(0);
+            chartsBarPage.steps.verifyTotalPenaltyPoints(4);
+        });
+
+        it('When the user adds a bar, then \'Total penalty points\' should get updated accordingly', () => {
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.verifyTotalPenaltyPoints(5);
+        });
+
+        it('CSS of the penalty points section - Penalty points for each incorrect bar', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsBarPage.penaltyPointsDetailsSectionInputFieldLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.penaltyPointsForEachIncorrectOptionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(chartsBarPage.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 bar', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsBarPage.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 bar\'', () => {
+            chartsBarPage.steps.selectPenaltyPointsForEachIncorrectOptionType('Specify total penalty points');
+            chartsBarPage.steps.verifyTotalPenaltyPointsValue(5);
+            utilities.verifyInnerText(chartsBarPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 'Penalty points for each incorrect bar: 1');
+        });
+
+        it('When the user checks the \'Automatically set penalty for each incorrect bar to total points / no. of incorrect dot bars\' checkbox, both radio buttons should get disabled, \'Specify points for each incorrect bar\' should get checked, in the penalty points details section, \'Penalty points for each incorrect bar: #\' and \'Total penalty points: #\' should be displayed as per the alloted points and available incorrect options', () => {
+            chartsBarPage.steps.checkAutomaticallySetPenaltyPointsCheckbox();
+            chartsBarPage.steps.verifySpecifyTotalPenaltyPointsDisabledState();
+            chartsBarPage.steps.verifySpecifyPointsForEachIncorrectOptionRadioButtonSelectedAndDisabledState();
+            utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 0), 'Penalty points for each incorrect bar: 3.2');
+            utilities.verifyInnerText(utilities.getNthElement(chartsBarPage.penaltyPointsDetailsSectionAllottedPointsLabel(), 1), 'Total penalty points: 16');
+        });
+    });
+
+    describe('Scoring section: Rounding - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+        });
+
+        chartsBarPage.tests.verifyRoundingDropdown();
+
+        chartsBarPage.tests.verifyRoundNegativeScoreToZeroLabelAndCheckbox();
+    });
+});

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

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

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

@@ -33,7 +33,8 @@ describe('Create Item page - Charts - Bar chart: Specify correct answer, Alterna
         it('\'+ Add alternative answer\' button should be present', () => {
             utilities.verifyInnerText(chartsBarPage.alternativeAnswerButton(), 'Add alternative answer');
             utilities.verifyElementVisibilityState(chartsBarPage.alternativeAnswerButton(), 'visible');
-            chartsBarPage.alternativeAnswerButton().verifyPseudoClassBeforeProperty('content', '""');
+            chartsBarPage.alternativeAnswerButton()
+                .verifyPseudoClassBeforeProperty('content', '""');
         });
 
         it('CSS of \'Add Alternative answer\' button', { tags: 'css' }, () => {