itemengine-cypress-automation 1.0.283-updatedPackageFile-3c0db7c.0 → 1.0.283

package/cypress/e2e/ILC/MultipleSelectionGridNew/Scoring/blankResponseScoring.js

@@ -0,0 +1,366 @@
+import { dialogBoxBase, multipleSelectionGridPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+var itemReferenceID = "";
+
+describe('Create item page - Multiple selection grid : Partial equal weights for blank responses', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe(`Auto scored - All or nothing scoring`, () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Multiple selection grid blank responses');
+            multipleSelectionGridPage.steps.allotPoints(24);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside all the cells, full points should be allocated and correct answer section should not be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
+            multipleSelectionGridPage.steps.unselectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(24, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, zero points should be allocated and correct answer section should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user has an set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside all the cells, zero points should be awarded and correct answer section should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
+            multipleSelectionGridPage.steps.unselectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, zero points should be allocated and correct answer section should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect cells, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user attempts the question partially correct by selecting incorrect cells from rows that have a correct answer set, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect cells, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user attempts the question partially correct by selecting incorrect cells from rows that doesn\'t have a correct answer set, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect cells, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 0}, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct cells, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(24, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+        });
+    });
+
+    describe(`Auto scored - Partial equal weights`, () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Multiple selection grid');
+            multipleSelectionGridPage.steps.allotPoints(24);
+            multipleSelectionGridPage.steps.selectAutoScoredScoringSubtype('Partial equal weights')
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside all the cells, full points should be allocated and correct answer section should not be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
+            multipleSelectionGridPage.steps.unselectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(24, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, points should be allocated for the blank rows, correct/incorrect status message should not be displayed and correct answer section should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(18, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, points should be allocated for blank rows, correct/incorrect status message should not be displayed and correct answer section should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(6, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect cells, correct/incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user attempts the question partially correct by selecting incorrect cells from rows that have a correct answer set, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect cells, correct/incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(12, 24);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When the user attempts the question partially correct by selecting incorrect cells from rows that doesn\'t have a correct answer set, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect cells, correct/incorrect status message should not be displayed and correct answer section with all correct answers should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 0 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(12, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 } ]);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct cells, correct icon should be displayed besides the correct answer responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewScore(24, 24);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+        });
+    });
+});