itemengine-cypress-automation 1.0.189 → 1.0.190-7thMayFixes-fcaf7b8.0

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

@@ -0,0 +1,366 @@
+import { dialogBoxBase, chartsBarPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
+
+describe('Create item page - Charts - Bar: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                chartsBarPage.steps.navigateToCreateQuestion('charts');
+                cy.barsPreLoaderWait();
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 1, range: 10 });
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 });
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 2, value: 3, range: 10 });
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 4, range: 10 });
+                chartsBarPage.steps.switchToPreviewTab();
+            });
+
+            chartsBarPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                chartsBarPage.steps.switchToEditTab();
+                chartsBarPage.steps.allotPoints(20);
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 2, range: 10 });
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 1, value: 5, range: 10 });
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 1, range: 10 });
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 8, range: 10 });
+                chartsBarPage.steps.switchToPreviewTab();
+                chartsBarPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 7, range: 10 });
+                chartsBarPage.steps.resetQuestionPreview();
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 0, barValue: 1, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 2, barValue: 3, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 4, range: 10 });
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`Charts - Bar: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        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: 6, range: 10 });
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 5, range: 10 });
+                        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('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', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    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.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 });
+            });
+
+            //Fully incorrect case
+            it('When the user incorrectly sets a bar which was correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, 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 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    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 });
+            });
+
+            //Partially correct cases
+            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, 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 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    chartsBarPage.steps.verifyPreviewScore(0, 20);
+                    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 the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, 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 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    chartsBarPage.steps.verifyPreviewScore(0, 20);
+                    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 the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, 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 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    chartsBarPage.steps.verifyPreviewScore(0, 20);
+                    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 the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, 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 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    chartsBarPage.steps.verifyPreviewScore(0, 20);
+                    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 the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, 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 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                } else {
+                    chartsBarPage.steps.verifyPreviewScore(0, 20);
+                    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 });
+            });
+
+            //Fully correct
+            it('When the user attempts the question correctly then the user should be awarded with full points and on switching to grading view \'Your answer is correct\' should be displayed, correct icons should be displayed on the correctly attempted bars 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 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                } else {
+                    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();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                chartsBarPage.steps.navigateToCreateQuestion('charts');
+                cy.barsPreLoaderWait();
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 1, range: 10 });
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 });
+                chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 2, value: 3, range: 10 });
+                chartsBarPage.steps.allotPoints(20);
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 4, range: 10 });
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 1, value: 5, range: 10 });
+                chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 6, range: 10 });
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                chartsBarPage.steps.expandMinimumScoringDropdown();
+                chartsBarPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                chartsBarPage.steps.allotMinimumPoints(2);
+                chartsBarPage.steps.switchToPreviewTab();
+                chartsBarPage.steps.switchToGradingView();
+                chartsBarPage.steps.verifyPreviewScore(2, 20);
+                chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                chartsBarPage.steps.resetQuestionPreview();
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 2, range: 10 });
+                chartsBarPage.steps.verifyPreviewScore(2, 20);
+                chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
+                chartsBarPage.steps.switchToEditTab();
+                chartsBarPage.steps.expandMinimumScoringDropdown();
+                chartsBarPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                chartsBarPage.steps.allotMinimumPoints(2);
+                chartsBarPage.steps.switchToPreviewTab();
+                chartsBarPage.steps.switchToGradingView();
+                chartsBarPage.steps.verifyPreviewScore(0, 20);
+                chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 2, range: 10 });
+                chartsBarPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

package/cypress/e2e/ILC/ChartsBar/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,181 @@
+import { chartsBarPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+
+describe('Create item page - Chart - Bar:Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    chartsBarPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        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: 6, range: 10 });
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 5, range: 10 });
+                        chartsBarPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        chartsBarPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+                        chartsBarPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student 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('When the user selects check answer without attempting the question, \'Your answer is incorrect\' status message should be displayed, incorrect icons should be displayed on the unattempted bars, correct icons should be displayed on the bar which is correct by default and there should not be any changes on the displayed bar graph', () => {
+                checkAnswer(view);
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 0, barValue: 3, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 2, barValue: 0, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 3, barValue: 3, range: 10 });
+                chartsBarPage.steps.verifyBarHeightInPreviewTab({ barIndex: 4, barValue: 0, range: 10 });
+                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');
+            });
+
+            //Fully incorrect case
+            it('When the user incorrectly sets a bar which was correct by default then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed and incorrect icons should be displayed on the incorrectly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+
+            //Partially correct cases
+            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 5, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 2, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 0, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 9, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+
+            it('When the user attempts the question partially correct by setting all bars correctly except 1 then on clicking \'Check answer\' button \'Your answer is incorrect\' should be displayed, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+
+            it('When the user attempts the question correctly then on clicking \'Check answer\' button \'Your answer is correct\' should be displayed and correct icons should be displayed on the correctly attempted bars', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 6, range: 10 });
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 });
+                checkAnswer(view);
+                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');
+            });
+        });
+    });
+});