itemengine-cypress-automation 1.0.199-20thMayRepoUpdate-6af11c9.0 → 1.0.200-23rdMayUpdates-264dc55.0

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

@@ -0,0 +1,367 @@
+import { dialogBoxBase, chartsLinePage, 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 - Line: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                chartsLinePage.steps.navigateToCreateQuestion('charts');
+                cy.barsPreLoaderWait();
+                chartsLinePage.steps.selectLineButton();
+                chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 0, value: 1, range: 10 });
+                chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 2, value: 3, range: 10 });
+                chartsLinePage.steps.switchToPreviewTab();
+            });
+
+            chartsLinePage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                chartsLinePage.steps.switchToEditTab();
+                chartsLinePage.steps.allotPoints(20);
+                chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 0, value: 2, range: 10 });
+                chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 1, value: 5, range: 10 });
+                chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 2, value: 1, range: 10 });
+                chartsLinePage.steps.switchToPreviewTab();
+                chartsLinePage.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', () => {
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 0, value: 7, range: 10 });
+                chartsLinePage.steps.resetQuestionPreview();
+                chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 0, value: 1, range: 10 });
+                chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 2, value: 3, range: 10 });
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`Charts - Line: All or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsLinePage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsLinePage.steps.addTextInQuestionInstructionsInputField('Set the point on the chart for the profits of the years');
+                        chartsLinePage.steps.selectLineButton();
+                        chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+                        chartsLinePage.steps.addBarOrPointInChartInSelectChartTypeSection();
+                        chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 0, value: 3, range: 10 });
+                        chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 1, value: 2, range: 10 });
+                        chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 3, value: 3, range: 10 });
+                        chartsLinePage.steps.lockPoint(1);
+                        chartsLinePage.steps.allotPoints(20);
+                        chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                        chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                        chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                        chartsLinePage.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':
+                        chartsLinePage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsLinePage.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(() => {
+                    chartsLinePage.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 {
+                    chartsLinePage.steps.switchToGradingView();
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+            });
+
+            //Fully incorrect case
+            it('When the user incorrectly sets a point 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 points and correct answer section should be displayed with the correct answers', () => {
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 0, value: 5, range: 10 });
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+            });
+
+            //Partially correct cases
+            it('When the user incorrectly sets a point 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 points and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a point 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 points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a point 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 points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a point 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 points, incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by setting all points 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 points and incorrect icons should be displayed on the incorrectly attempted points and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(0, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 0, value: 3, range: 10 });
+                chartsLinePage.steps.verifyLockedPointInCorrectAnswerSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 3, value: 5, range: 10 });
+                chartsLinePage.steps.verifyPointInCorrectAnswerSection({ pointIndex: 4, value: 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 points and the correct answer section graph should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 2, value: 6, range: 10 });
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 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 {
+                    chartsLinePage.steps.verifyPreviewScore(20, 20);
+                    chartsLinePage.steps.switchToGradingView();
+                }
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(2, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(3, 'correct');
+                chartsLinePage.steps.verifyPointCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsLinePage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                chartsLinePage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                chartsLinePage.steps.navigateToCreateQuestion('charts');
+                cy.barsPreLoaderWait();
+                chartsLinePage.steps.selectLineButton();
+                chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 0, value: 1, range: 10 });
+                chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 1, value: 2, range: 10 });
+                chartsLinePage.steps.setPointValueInSelectChartTypeSection({ pointIndex: 2, value: 3, range: 10 });
+                chartsLinePage.steps.allotPoints(20);
+                chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 0, value: 4, range: 10 });
+                chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 1, value: 5, range: 10 });
+                chartsLinePage.steps.setPointValueInSpecifyCorrectAnswerSection({ pointIndex: 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', () => {
+                chartsLinePage.steps.expandMinimumScoringDropdown();
+                chartsLinePage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                chartsLinePage.steps.allotMinimumPoints(2);
+                chartsLinePage.steps.switchToPreviewTab();
+                chartsLinePage.steps.switchToGradingView();
+                chartsLinePage.steps.verifyPreviewScore(2, 20);
+                chartsLinePage.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', () => {
+                chartsLinePage.steps.resetQuestionPreview();
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 0, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPreviewScore(2, 20);
+                chartsLinePage.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', () => {
+                chartsLinePage.steps.switchToEditTab();
+                chartsLinePage.steps.expandMinimumScoringDropdown();
+                chartsLinePage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                chartsLinePage.steps.allotMinimumPoints(2);
+                chartsLinePage.steps.switchToPreviewTab();
+                chartsLinePage.steps.switchToGradingView();
+                chartsLinePage.steps.verifyPreviewScore(0, 20);
+                chartsLinePage.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', () => {
+                chartsLinePage.steps.setPointValueInPreviewTab({ pointIndex: 0, value: 2, range: 10 });
+                chartsLinePage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

package/cypress/e2e/ILC/ChartsLine/gradingViewAndCorrectAnswerView.smoke.js

@@ -96,10 +96,10 @@ describe('Create item page - Charts - Line: Grading view, Correct answer view co
             });
 
             it('All the points in grading view should be non-editable', () => {
-                chartsLinePage.steps.keyBoardUpPointInPreviewTab(0);                
-                chartsLinePage.steps.keyBoardUpPointInPreviewTab(1);  
+                chartsLinePage.steps.keyBoardUpPointInPreviewTab(0);
+                chartsLinePage.steps.keyBoardUpPointInPreviewTab(1);
                 chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 0, value: 1, range: 20 });
-                chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 1, value: 2, range: 20 });          
+                chartsLinePage.steps.verifyPointValueInPreviewTab({ pointIndex: 1, value: 2, range: 20 });
                 for (let index = 0; index < 5; index++) {
                     utilities.triggerMouseover(utilities.getNthElement(chartsLinePage.previewTabPoint(), index));
                     utilities.verifyElementVisibilityState(chartsLinePage.barAndPointTooltipWrapper(), 'notExist');

package/cypress/e2e/ILC/Compass/compassEditTabBasicsSection.js

@@ -0,0 +1,134 @@
+import { compassPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env("css");
+
+describe("Create Item page - Compass:", () => {
+  before(() => {
+    cy.loginAs("admin");
+  });
+
+  describe("Compass: Header section", () => {
+    abortEarlySetup();
+    before(() => {
+      cy.log("Navigating to compass resource tool");
+      compassPage.steps.navigateToCreateResource("Compass");
+    });
+
+    compassPage.tests.verifyCreateQuestionPageQuestionTypeHeader("Compass");
+  });
+
+  describe("Compass: Edit tab basic section", () => {
+    abortEarlySetup();
+    before(() => {
+      cy.log("Navigating to compass resource tool");
+      compassPage.steps.navigateToCreateResource("Compass");
+    });
+
+    it("\'Compass visibility\' label should be displayed in the edit tab", () => {
+      compassPage.steps.verifyCompassVisibilityLabel("Compass visibility");
+    });
+
+    it("'Add show/hide button' label and checkbox should be displayed and by default the checkbox should be unchecked", () => {
+      compassPage.steps.verifyAddShowHideButtonLabel();
+      compassPage.steps.verifyAddShowHideButtonCheckboxUnchecked();
+    });
+
+    it("When the user checks the 'Add show/hide button' checkbox then 'Launch the compass by default' label and checkbox should be displayed and by default it should be unchecked", () => {
+      compassPage.steps.checkAddShowHideButtonCheckbox();
+      compassPage.steps.verifyLaunchToolByDefaultLabel("compass");
+      compassPage.steps.verifyLaunchToolByDefaultCheckboxUnchecked();
+    });
+
+    it("The user should be able to check the \'Launch the compass by default\' checkbox", () => {
+      compassPage.steps.checkLaunchToolByDefaultCheckbox();
+    });
+
+    it("CSS of edit tab basic section", { tags: "css" }, () => {
+      utilities.verifyCSS(compassPage.compassVisibilityLabel(), {
+        color: css.color.labels,
+        "font-size": css.fontSize.default,
+        "font-weight": css.fontWeight.semibold,
+      });
+      utilities.verifyCSS(compassPage.addShowHideButtonLabel(), {
+        color: css.color.labels,
+        "font-size": css.fontSize.normal,
+        "font-weight": css.fontWeight.regular,
+      });
+      utilities.verifyCSS(compassPage.launchToolByDefaultLabel(), {
+        color: css.color.labels,
+        "font-size": css.fontSize.normal,
+        "font-weight": css.fontWeight.regular,
+      });
+      utilities.verifyCSS(compassPage.addShowHideButtonCheckbox().parents("span").find("svg g g"), {
+        fill: css.color.activeButtons,
+      });
+      utilities.verifyCSS(compassPage.launchToolByDefaultCheckbox().parents("span").find("svg g g"), {
+        fill: css.color.activeButtons,
+      });
+    });
+
+    it("Accessibility of edit tab contents", { tags: "a11y" }, () => {
+      cy.checkAccessibility(compassPage.compassVisibilityLabel().parents('[class*="TabsComponentstyles__EditTabWrapper"]'));
+    });
+  });
+
+  describe("Compass: Edit tab functionality", () => {
+    abortEarlySetup();
+    before(() => {
+      cy.log("Navigating to passage resource type");
+      compassPage.steps.navigateToCreateResource("Compass");
+    });
+
+    it("When the user switches to preview tab then 'Show compass' button should not be displayed and the compass should be displayed", () => {
+      compassPage.steps.switchToPreviewTab();
+      compassPage.steps.verifyCompassToolIsVisible();
+      utilities.verifyElementVisibilityState(compassPage.previewTabCompassVisibilityButton(),"notExist");
+    });
+
+    it("When the user checks the 'Add show/hide button' checkbox then 'Show compass' button should be displayed and the compass should not be displayed", () => {
+      compassPage.steps.switchToEditTab();
+      compassPage.steps.checkAddShowHideButtonCheckbox();
+      compassPage.steps.switchToPreviewTab();
+      compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel("Show");
+      compassPage.steps.verifyCompassToolNotVisible();
+    });
+
+    it("When the user selects 'Show compass' button then the compass should be displayed and the button should change to 'Hide compass'", () => {
+      compassPage.steps.clickOnCompassToolVisibilityButton();
+      compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel("Hide");
+      compassPage.steps.verifyCompassToolIsVisible();
+    });
+
+    it("When the user checks 'Launch the compass by default' checkbox in edit tab then on switching to preview tab the compass should be displayed along with 'Hide compass' button", () => {
+      compassPage.steps.switchToEditTab();
+      compassPage.steps.checkLaunchToolByDefaultCheckbox();
+      compassPage.steps.switchToPreviewTab();
+      compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel("Hide");
+      compassPage.steps.verifyCompassToolIsVisible();
+    });
+
+    it("CSS of preview tab basic section", { tags: "css" }, () => {
+      utilities.verifyCSS(compassPage.previewTabCompassVisibilityButton().find("p"), {
+        color: css.color.activeButtons,
+        "font-size": css.fontSize.normal,
+        "font-weight": css.fontWeight.semibold,
+      });
+      utilities.verifyCSS(compassPage.previewTabCompassVisibilityButton(), {
+        "border-top-color": css.color.activeButtons,
+        "border-left-color": css.color.activeButtons,
+        "border-right-color": css.color.activeButtons,
+      });
+    });
+
+    it("Accessibility of preview tab compass tool", { tags: "a11y" }, () => {
+      cy.checkAccessibility(compassPage.previewTabCompassVisibilityButton().parents('[class*="resource-and-tool-preview-wrapper"]'));
+    });
+
+    it("When the user selects 'Hide compass' button then the compass should not be displayed and the button should change to 'Show compass'", () => {
+      compassPage.steps.clickOnCompassToolVisibilityButton();
+      compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel("Show");
+      compassPage.steps.verifyCompassToolNotVisible();
+    });
+  });
+});

package/cypress/e2e/ILC/Compass/compassPreviewContent.smoke.js

@@ -0,0 +1,88 @@
+import { compassPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+
+describe('Preview tab contents for all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        cy.log('Navigating to passage resource type');
+                        compassPage.steps.navigateToCreateResource('Compass');
+                        compassPage.steps.checkAddShowHideButtonCheckbox();
+                        compassPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        compassPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    compassPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'exist');
+                }
+            });
+            
+            it('The \'Show compass\' button should be visible and \'Compass\' should not be visible',()=>{
+                compassPage.steps.verifyCompassToolNotVisible();
+                compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Show');
+            });
+         
+            it('When user clicks on \'Show compass\' button then \'Compass\' should be displayed and \'Show compass\' button should change to \'Hide compass\'', () => {
+                compassPage.steps.clickOnCompassToolVisibilityButton();
+                compassPage.steps.verifyCompassToolIsVisible();
+                compassPage.steps.verifyPreviewTabCompassVisibilityButtonLabel('Hide');
+            });
+
+            it('CSS of preview tab basic section', { tags: 'css' }, () => {
+                utilities.verifyCSS(compassPage.previewTabCompassVisibilityButton().find('p'), {
+                    'color': css.color.activeButtons,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.semibold
+                });
+                utilities.verifyCSS(compassPage.previewTabCompassVisibilityButton(), {
+                    'border-top-color': css.color.activeButtons,
+                    'border-left-color': css.color.activeButtons,
+                    'border-right-color': css.color.activeButtons,
+                });
+            });
+
+            it('Accessibility of preview tab compass tool', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(compassPage.previewTabCompassVisibilityButton().parents('[class*="ItemEnginestyles__MainWrapper"]'));
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/FeedbackScaleNew/editTabBasicSection.js

@@ -203,8 +203,9 @@ describe('Create item page: Feedback scale - Question instructions, Legend text,
             });
         });
 
-        it('Pre-step: Switching to preview tab', () => {
+        it('On switching to the Preview tab, No scoring label or score should be displayed', () => {
             feedbackScalePage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(feedbackScalePage.scoringTypeLabelPreviewTab(), 'notExist');
         });
 
         feedbackScalePage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/editTabBasicSection.js

@@ -46,7 +46,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
 
         it('The dropdown should be displayed with numeric count and a close button in the question input field, dropdown settings button should not be displayed when "User specified width" is in selected state', () => {
             for (let index = 0; index < 2; index++) {
-                fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(index)
+                fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(index, 'notExist')
             };
         });
 
@@ -78,7 +78,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsDropdownPage.steps.verifyResponseAreaButtonEnabled();
             fillInTheGapsDropdownPage.steps.clickOnAddResponseAreaButton();
             utilities.verifyElementCount(fillInTheGapsDropdownPage.responseArea(), 3);
-            fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(2);
+            fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(2, 'notExist');
             utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownOptionsTab(), 3);
             utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownSpecifyCorrectAnswerSection(), 3);
             fillInTheGapsDropdownPage.steps.expandAdditionalSettings();
@@ -92,7 +92,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             cy.log('Checking if 3rd dropdown gets removed from the question input field and the numeric counts get updated')
             utilities.verifyElementCount(fillInTheGapsDropdownPage.responseArea(), 2);
             for (let index = 0; index < 2; index++) {
-                fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(index)
+                fillInTheGapsDropdownPage.steps.verifyResponseAreaContents(index, 'notExist')
             };
             utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownOptionsTab(), 2);
             utilities.verifyElementCount(fillInTheGapsDropdownPage.dropdownSpecifyCorrectAnswerSection(), 2);