itemengine-cypress-automation 1.0.202 → 1.0.203

package/cypress/e2e/ILC/ChartsBar/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternativePoints.js

@@ -0,0 +1,355 @@
+import { chartsBarPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Charts - Bar: Partial equal weights scoring with alternative answer - When Correct answer points are more than alternative Answer points', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights with alternative answer: When Correct Answer points are more than alternative Answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 });
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 });
+            chartsBarPage.steps.lockBar(1);
+            chartsBarPage.steps.allotPoints(20);
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.addAlternativeAnswerAccordion(1);
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            //chartsBarPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            chartsBarPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, then user should be provided with 0 points, correct icon should be displayed for bar set to correct by default, incorrect icon should be displayed for incorrect graph, the correct accordion answer should be displayed in the correct answer section graph and incorrect status message should be displayed', () => {
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            /* cy.log('When the user selects check answer without attempting the question, then correct/incorrect status message should not be displayed, incorrect icons should be displayed on the unattempted bars and correct icons should be displayed on the bar which is correct by default')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+        it('When the user incorrectly attempts the answer, then the user should be awarded with points for the correctly set bars(in this case only the locked bar) and on switching to grading view, correct/incorrect status message should not be displayed, incorrect icons should be displayed on the incorrect bars and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 1, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(4, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            /* cy.log('When the user selects check answer after incorrectly attempting the question, then correct/incorrect status message should not be displayed, incorrect icons should be displayed on the incorrectly attempted bars')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.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 icons should be displayed beside all the correct responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(20, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.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 besides the correct answer responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(10, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            /* cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+
+        it('When the user attempts the question with partially correct exclusively from the correct accordion, then the user should be awarded with points for the correctly set bars and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars, correct/incorrect status message should not be displayed and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(12, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.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 besides the correct answer responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+        it('When the user attempts the question with partially correct exclusively from the alternative accordion, then the user should be awarded with points for the correctly set bars and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars correct/incorrect status message should not be displayed and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(6, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.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 correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+        it('When the user attempts the question with more answers from the correct accordion than the alternate accordion, then the user should be awarded with points for the correctly set bars from the correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, correct/incorrect status message should not be displayed and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(12, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.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 besides the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.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 with points for the correctly set bars from the alternate accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, correct/incorrect status message should not be displayed and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(8, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.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 besides the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.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 points for the correctly set bars and on switching to \'Grading\' view, correct icon should be displayed besides response field with correct answer responses, incorrect icon should be displayed beside responses from the alternative tab, correct/incorrect status message should not be displayed and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(8, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.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 correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed beside empty responses correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+        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 points for the correctly set bars from the correct accordion and on switching to \'Grading\' view, correct icon should be besides the common response, incorrect icons should be displayed on the incorrect bars, correct/incorrect status message should not be displayed and correct answer section should be displayed with the correct answers from the correct accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 1, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(8, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.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 correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+
+        it('Overachiever case: When the user attempts the question with more number of correct responses from the alternative accordion than the correct accordion but the score of the individual response from the correct accordion overpowers the combined score of the alternative accordion answers then on switching to the \'Grading view\', then points awarded should be of the correct accordion, correct icons should be displayed for the correct accordion response, incorrect icon should be displayed for the alternative accordion responses, correct/incorrect status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should be displayed', () => {
+            cy.log('Pre-step: Switching to Edit tab and allotting points to correct and alternative accordion such that the difference between the points is substantial')
+            chartsBarPage.steps.switchToEditTab();
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 8, range: 10 });
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.expandCorrectAnswerAccordion();
+            chartsBarPage.steps.allotPoints(50);
+            chartsBarPage.steps.switchToPreviewTab();
+
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 8, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(12.5, 50);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            /* cy.log('Overachiever case: When the user attempts the question with more number of correct responses from the alternative accordion than the correct accordion and clicks on \'Check answer\' button, correct icons should be displayed for the correct accordion response, incorrect icon should be displayed for the alternative accordion responses, correct/incorrect status message and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist(); */
+        });
+    });
+});

package/cypress/e2e/ILC/ChartsBar/Scoring/toleranceThresholdScoring.js

@@ -0,0 +1,141 @@
+import { chartsBarPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Charts - Bar : All or nothing with Tolerance/Threshold', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Tolerance/Threshold - scoring', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 });
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 });
+            chartsBarPage.steps.lockBar(1);
+            chartsBarPage.steps.allotPoints(20);
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 6, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 5, range: 10 });
+            chartsBarPage.steps.setToleranceThresholdValue(1);
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question,the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+            chartsBarPage.steps.switchToPreviewTab();
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempt question by setting the bar value as per tolerance value, then user should be awarded full points in preview tab and switching to grading view, correct bar should have correct icons, and status message \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 2, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 6, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 1, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(20, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempt question partially correct by setting some bars as per tolerance value, some by setting incorrect value, then user should be awarded 0 points in preview tab and switching to grading view, correct bars should have correct icons, incorrect bars should have incorrect icons and status message \'Your answer is incorrect\' should be displayed and correct answer section should be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 2, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 2, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 3, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly by setting bar value outside the tolerance range, then user should be awarded 0 points in preview tab and switching to grading view, incorrect bars should have incorrect icons and status message \'Your answer is incorrect\' should be displayed and correct answer section should be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 7, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question correctly by setting bar value as per specify correct answer section, then user should be awarded full points in preview tab and switching to grading view, correct bars should have correct icons and status message \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 6, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(20, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user updates the tolerance/threshold value in edit tab then tolerance value should get updated in preview tab and when user attempts the question correctly by setting bar value as per tolerance range, then user should be awarded full points in preview tab and switching to grading view, correct bars should have correct icon and status message \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.switchToEditTab();
+            chartsBarPage.steps.setToleranceThresholdValue(2);
+            chartsBarPage.steps.switchToPreviewTab();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 7, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(20, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+});