itemengine-cypress-automation 1.0.199-20thMayRepoUpdate-6af11c9.0 → 1.0.199

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

@@ -0,0 +1,422 @@
+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 : All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points are more than \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(6);
+            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(2, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.allotPoints(30);
+            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.clickOnAddAlternativeAnswerButton(1);
+            chartsDotPlotPage.steps.allotPoints(12);
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnSpecifyCorrectAnswer(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            chartsDotPlotPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, locked dot column should not have correct/incorrect icon, correct icon should be displayed for dot column set correctly by default and incorrect icon should be displayed for dot column set incorrectly by default, correct answer section should have correct accordion responses and correct/incorrect status message should not be displayed', () => {
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, 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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user selects check answer without attempting the question, then correct icon should be displayed for dot column set correctly by default and incorrect icon should be displayed for dot column set incorrectly by default 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.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icon should be displayed for dot column attempted correctly, correct answer section should not be displayed and a status message with text \'Your answer is correct\' should be displayed above the question preview', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(30, 30);
+            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.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed for dot column attempted correctly, a status message with text \'Your answer is correct\' should be displayed above the question preview')
+            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.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct'); chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('CSS of Correct answer state', { tags: 'css' }, () => {
+            utilities.verifyCSS(chartsDotPlotPage.previewScoreText(), {
+                'color': css.color.whiteText,
+                'background-color': css.color.correctAnswer
+            });
+            chartsDotPlotPage.correctIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
+            utilities.verifyCSS(chartsDotPlotPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.correctAnswerLabelBg,
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+            utilities.verifyCSS(chartsDotPlotPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of correct answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsDotPlotPage.previewTabQuestionWrapper());
+        });
+
+        it('When the user attempts the question with alternative accordion response, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, correct icon should be displayed for dot column attempted correctly,  correct answer section should not be displayed and a status message with text \'Your answer is correct\' should be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(12, 30);
+            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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 })
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with alternative accordion response and clicks on \'Check answer\' button, then correct icon should be displayed for dot column attempted correctly, a status message with text \'Your answer is correct\' and correct answer section 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 })
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed for dot column attempted correctly from correct accordion and incorrect icon should be displayed for dot column set incorrectly, correct answer section should be displayed with response from correct accordion and a status message with text \'Your answer is incorrect\' should 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(0, 30);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, 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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed for dot column attempted correctly from correct accordion and incorrect icon should be displayed for dot column set incorrectly and a status message with text \'Your answer is incorrect\' should 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.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed for dot column attempted incorrectly from alternate accordion, a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 })
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 1, defaultDots:0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then incorrect icon should be displayed for dot column attempted incorrectly from alternate accordion, a status message with text \'Your answer is incorrect\' should 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 })
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the dot column response from the correct accordion, incorrect icon should be displayed in the dot column response from the alternative accordion, correct answer section with all correct answers from the correct accordion and a status message with text \'Your answer is incorrect\'', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            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.verifyCorrectDotColumnPreviewTab({ point: 6, 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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with all the response correct as per the alternative accordion but one response unselected and clicks on \'Check answer\' button, then  correct icon should be displayed in the dot column response from the correct accordion, incorrect icon should be displayed in the dot column response from the alternative accordion, a status message with text \'Your answer is incorrect\' and correct answer section 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.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();;
+        });
+
+        it('When the user attempts the question with more answers from the correct accordion than the alternate accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with more answers from the correct accordion than the alternate accordion and clicks on \'Check answer\' button, then correct icon should be displayed in the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section 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.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with more answers from the alternate accordion than the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed in the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(5, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with more answers from the alternate accordion than the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed in the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be displayed in response from correct accordion, incorrect icon should be displayed in response from the alternative accordion, correct answer section should be displayed with responses from correct accordion and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(4, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 })
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, 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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be displayed in response from correct accordion, incorrect icon should be displayed in response from the alternative accordion, and a status message with text \'Your answer is incorrect\' should 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+             chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1, defaultDots: 0 })
+             chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();;
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be displayed in common dot column attempted correctly and incorrect icon should be displayed in dot column set incorrectly, correct answer section should be displayed with responses from correct accordion and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(0, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            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.verifyCorrectDotColumnPreviewTab({ point: 6, 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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed in common dot column attempted correctly and incorrect icon should be displayed in dot column set incorrectly and a status message with text \'Your answer is incorrect\'  should 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.verifyCorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();;
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed in dot column attempted incorrectly, correct answer section should be displayed with responses from correct accordion and a status message with text \'Your answer is incorrect\' should be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(2, { point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(0, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 5, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyPreviewScore(0, 30);
+            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.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 })
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 6, 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.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icon should be displayed in dot column attempted incorrectly and status message with text \'Your answer is incorrect\'  should 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.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 1 })
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();;
+        });
+
+        it('CSS of incorrect answer state', { tags: 'css' }, () => {
+            chartsDotPlotPage.incorrectIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            utilities.verifyCSS(chartsDotPlotPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.incorrectAnswerLabelBg,
+                'border': `1px solid ${css.color.incorrectAnswer}`
+            });
+            utilities.verifyCSS(chartsDotPlotPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(chartsDotPlotPage.previewTabQuestionWrapper());
+        });
+    });
+});

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

@@ -0,0 +1,159 @@
+import { chartsDotPlotPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Create Item page - Charts - Dot plot: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(4);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
+            chartsDotPlotPage.steps.setXAxisLabel('Days');
+            //locked column
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 1, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 1 });
+            //adding more dots
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(2, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.allotPoints(20);
+            //adding more dots
+            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.expandScoringTypeDropdown();
+            chartsDotPlotPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            chartsDotPlotPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, question instructions, dot plot chart, locked dot column and prefilled dot column should be displayed in the preview tab', () => {
+            chartsDotPlotPage.steps.verifyQuestionInstructionsTextPreviewTab('Dot plot');
+            utilities.verifyElementVisibilityState(chartsDotPlotPage.numberLineAxisPreviewTab(), 'exist');
+            chartsDotPlotPage.steps.verifyDotColumnIsLockedInPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyDotCountPreviewTab(2, { point: 2, min: 1, interval: 1 });
+        });
+
+        chartsDotPlotPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsDotPlotPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsDotPlotPage.steps.addTextInQuestionInstructionsInputField('Dot plot');
+            chartsDotPlotPage.steps.selectDotPlot();
+            chartsDotPlotPage.steps.enterTextInMinInputField(1);
+            chartsDotPlotPage.steps.enterTextInMaxInputField(4);
+            chartsDotPlotPage.steps.enterTextInAnnotateEveryInputField(1);
+            chartsDotPlotPage.steps.enterTextInIntervalInputField(1);
+            chartsDotPlotPage.steps.setGraphTitle('Five-day observation');
+            chartsDotPlotPage.steps.setXAxisLabel('Days');
+            //locked column
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(1, { point: 1, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.lockDotColumn({ point: 1, min: 1, interval: 1 });
+            //adding more dots
+            chartsDotPlotPage.steps.plotDotsInDotColumnSelectChartTypeSection(2, { point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.allotPoints(20);
+            //adding more dots
+            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.expandScoringTypeDropdown();
+            chartsDotPlotPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            chartsDotPlotPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            chartsDotPlotPage.steps.switchToPreviewTab();
+        });
+
+        chartsDotPlotPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, locked dot column should not have any icon, correct dot column should have correct icon, incorrect dot column should have incorrect icon and the correct answer section should be displayed with correct answers', () => {
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 2, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question incorrectly incorrect icons should be displayed besides all incorrect responses, status message \'Your answer is incorrect\' should be displayed and correct answer section 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(1, { point: 4, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.switchToGradingView();
+            chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, status message \'Your answer is incorrect\' should be displayed and correct answer section 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.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 1, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 1 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            chartsDotPlotPage.steps.resetQuestionPreview();
+            chartsDotPlotPage.steps.plotDotsInDotColumnPreviewTab(3, { point: 3, min: 1, interval: 1, defaultDots: 0 });
+            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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+            chartsDotPlotPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed besides the correct answer responses, status message \'Your answer is correct\' should be displayed and correct answer section 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, defaultDots: 0 });
+            chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsDotPlotPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});