itemengine-cypress-automation 1.0.203-31stMayFixes-16985aa.0 → 1.0.203

package/cypress/e2e/ILC/SingleSelectionGridNew/styleAndLayoutCutomizationGridProperties.js

@@ -0,0 +1,99 @@
+import { singleSelectionGridPage } from "../../../pages";
+import { colorPopupComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Multiple selection grid - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Style and Layout customization accordion: Fill color edit tab contents and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        singleSelectionGridPage.tests.verifyFillColorContentsAndFunctionalityEditTab();
+    });
+
+    describe('Style and Layout customization accordion: Fill color preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        singleSelectionGridPage.tests.verifyFillColorFunctionalityPreviewTab();
+    });
+
+    describe('Style and Layout customization accordion: Border color edit tab contents and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        singleSelectionGridPage.tests.verifyBorderColorContentsAndFunctionalityEditTab();
+    });
+
+    describe('Style and Layout customization accordion: Border color preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        singleSelectionGridPage.tests.verifyBorderColorFunctionalityPreviewTab();
+    });
+
+    describe('Color popup functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('When the user clicks on the \'Edit color\' present in an \'Fill color\' popup, then a select color popup should be displayed', () => {
+            singleSelectionGridPage.steps.editColor(0);
+            colorPopupComponent.steps.verifyColorPopupIsDisplayed();
+        });
+
+        colorPopupComponent.tests.verifyColorPopupSelectColorTitle();
+
+        colorPopupComponent.tests.verifySaturationAndOpacityGradientPalette('rgb(255, 255, 255)');
+
+        colorPopupComponent.tests.verifyColorHuePaletteAndHexInputField('rgb(255, 0, 0)', '#ffffff');
+
+        colorPopupComponent.tests.verifyColorPopupFunctionality();
+    });
+
+    describe('Color popup - Updating the selected color', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        singleSelectionGridPage.tests.verifyColorPopupUpdateColorFunctionality();
+    });
+
+    describe('Color popup - \'Cancel\' and \'Ok\' buttons', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        singleSelectionGridPage.tests.verifyColorPopupCancelOkButtonFunctionality();
+    });
+});

package/cypress/e2e/ILC/chartsDotsPlot/scoring/allOrNothingPenaltyScoring.js

@@ -0,0 +1,61 @@
+import { chartsDotPlotPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Charts - Dot plot: All or nothing penalty scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(5);
+            chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
+            chartsDotPlotPage.steps.setXAxisLabel('Days');
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 1, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(4, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.allotPoints(20);
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(2, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            chartsDotPlotPage.steps.expandPenaltyScoringDropdown();
+            chartsDotPlotPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            chartsDotPlotPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            chartsDotPlotPage.steps.allotPenaltyPoints(2);
+            chartsDotPlotPage.steps.switchToPreviewTab();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question partially correct, then penalty points should get deducted from the awarded points', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            chartsDotPlotPage.steps.switchToEditTab();
+            chartsDotPlotPage.steps.expandMinimumScoringDropdown();
+            chartsDotPlotPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            chartsDotPlotPage.steps.allotMinimumPoints(3);
+            chartsDotPlotPage.steps.switchToPreviewTab();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(3, 20);
+        });
+    });
+});

package/cypress/e2e/ILC/chartsDotsPlot/scoring/partialDifferentWeightsBasic.js

@@ -0,0 +1,227 @@
+import { chartsDotPlotPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Charts - Dot plot: Partial equal weights', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe(`Charts - Dot plot: Partial equal weights scoring`, () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(5);
+            chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
+            chartsDotPlotPage.steps.setXAxisLabel('Days');
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            // locked column
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 1, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(4, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(2, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            chartsDotPlotPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            chartsDotPlotPage.steps.allotPartialDifferentWeightsPoints({ 0: 2, 1: 4, 2: 6, 3: 2, 4: 4 });
+            chartsDotPlotPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, then correct icon should be displayed in dot column set correctly by default, incorrect icon should be displayed in dot column set to incorrectly by default, correct answer should be displayed in the correct answer section and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user selects \'check answer button\' button without attempting the question, correct icon should be displayed in dot column set correctly by default, incorrect icon should be displayed in dot column set to incorrectly by default, correct/incorrect status message and correct answer section should be not displayed ')
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question incorrectly then the user should be awarded points only for locked dot column and on switching to grading view incorrect icon should be displayed in dot column attempted incorrectly and the correct answer should be displayed in the correct answer section chart dot plot and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 5, min: 1, interval: 1, defaultDots: 0 })
+            chartsDotPlotPage.steps.verifyPreviewScore(2, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question incorrectly then the user should be awarded points only for locked and on selecting check answer button, incorrect icon should be displayed in dot column attempted incorrectly and correct/incorrect status message should not be displayed');
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question by setting more dots than required in the dot columns having dots by default, then the user should be awarded points for the correctly set/attempted dot column and on switching to grading view, incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and the correct answers should be displayed in the correct answer section dot plot chart and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyPreviewScore(12, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question by setting more dots than required in the dot columns having dots by default and clicks on check answer button then incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and correct/incorrect status message should not be displayed')
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question by removing all the dots from the dot column that is not supposed to be empty, then the user should be awarded points for the correctly set/attempted dot column and on switching to grading view, incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and the the correct answers should be displayed in the correct answer section dot chart plot and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(0, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyPreviewScore(12, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question by removing all the dots from the dot column that is not supposed to be empty, then the user should be awarded with points of the correct response and clicks on check answer button then incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and correct/incorrect status message should not be displayed')
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question by setting dots incorrectly in the dot column that is empty and correct by default, then the user should be awarded points for the correctly set/attempted dot column and on switching to grading view, incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and the correct answers should be displayed in the correct answer section dot chart plot and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(8, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question by adding dots to the dot columns that is supposed to be empty, then the user should be awarded with points of the correctly response and clicks on check answer button then incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and correct/incorrect status message should not be displayed');
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default and setting correct number of dots in dot column which was empty by default, then the user should be awarded points for the correctly set/attempted dot column and on switching to grading view, incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and the the correct answers should be displayed in the correct answer section dot chart plot and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(8, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question by changing number of dots in the dot columns which have the correct number of dots by default, and clicks on check answer button then incorrect icon should be displayed in incorrectly attempted dot column, correct icon should be displayed in correctly attempted dot column and correct/incorrect status message should not be displayed');
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view then correct icon should be displayed in correctly attempted dot column and the correct answer section should not be displayed and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(18, 18);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question correctly then the user should be awarded with full points and on selecting check answer button then correct icon should be displayed in correctly attempted dot column and correct/incorrect status message should not be displayed')
+            chartsDotPlotPage.steps.checkAnswer();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});