itemengine-cypress-automation 1.0.389-graphAndCharts-04d27f6.0 → 1.0.390-IEI-6314-testScriptForTextEntryMathValidations-dcad527.0

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js

@@ -318,6 +318,362 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
         });
     });
 
+    views.forEach((view) => {
+        describe(`${view}: Charts - Bar Horizontal: Manually scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsBarPage.steps.selectHorizontalDirectionRadioButton();
+                        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 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.lockBar(1);
+                        chartsBarPage.steps.expandScoringTypeDropdown();
+                        chartsBarPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        chartsBarPage.steps.allotPointsForManualScoring(20);
+                        chartsBarPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsBarPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    chartsBarPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            }
+
+            it('Question instructions should be visible', () => {
+                chartsBarPage.steps.verifyQuestionInstructionsTextPreviewTab('Set the bar on the chart for the profits of the years');
+                chartsBarPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+
+            it('User should be able to attempt the question in student view, and correct/incorrect icons, "Your answer is correct/incorrect" label, and correct answer section should not be displayed in grading view', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 3, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 6, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkManuallyScoredScoringLabel();
+                }
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(0);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(2);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(3);
+                chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Charts - Bar Horizontal: Non scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsBarPage.steps.selectHorizontalDirectionRadioButton();
+                        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 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.lockBar(1);
+                        chartsBarPage.steps.expandScoringTypeDropdown();
+                        chartsBarPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 6, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsBarPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    chartsBarPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            }
+
+            //Need to remove skip once  https://redmine.zeuslearning.com/issues/577716 is resolved
+            it.skip('When the user selects "Grading" view without attempting the question, non-scoring label should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label "Correct answers" should be displayed with correct answers and correct/incorrect icons should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.checkNonScoredScoringLabel();
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(0);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(2);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(3);
+                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: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user incorrectly sets a bar which was correct by default, then non-scoring label should be displayed and on switching to grading view, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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 });
+            });
+
+            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then non-scoring label should be displayed and on switching to grading view, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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.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 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 2, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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, 'correct');
+                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 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 0, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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, 'correct');
+                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 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 9, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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, 'correct');
+                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 });
+            });
+
+            it('When the user attempts the question partially correct by setting all bars correctly except 1 then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+                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 });
+            });
+
+            it('When the user attempts the question correctly then non-scoring label should be displayed, correct icons should be displayed on the correctly attempted bars, a status message with text "Your answer is correct" should be displayed and the correct answer section graph should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 6, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js

@@ -20,8 +20,8 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
             before(() => {
                 chartsBarPage.steps.navigateToCreateQuestion('charts');
                 cy.barsPreLoaderWait();
-                chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
                 chartsBarPage.steps.selectHorizontalDirectionRadioButton();
+                chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
                 chartsBarPage.steps.selectAddBarOrPointToolbarOption();
                 chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
                 chartsBarPage.steps.setGraphTitle('Graph of profits');

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

@@ -0,0 +1,33 @@
+import { chartsBarPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create Item page - Charts Bar', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored Without 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.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 1, value: 5, range: 10 });
+            chartsBarPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            chartsBarPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyAnswerStatusBannerExist();
+            chartsBarPage.steps.verifyCorrectAnswerSectionExist();
+        });
+    });
+});