itemengine-cypress-automation 1.0.150-migrationScripts-5e451b6.0 → 1.0.150

package/cypress/e2e/ILC/Matching/Scoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePoints.js

@@ -0,0 +1,227 @@
+import { matchingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
+const optionsArray = ['Cat', 'Elephant', 'Fish', 'Bear', 'Eagle', 'Penguin'];
+
+describe('Create item page - Matching: Partial equal weights with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Partial equal weights with alternative answer - When \'Correct answer\' points are more than \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+            matchingPage.steps.addMultipleOptionFields(3);
+            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+            matchingPage.steps.enterTextInOptionInputField(optionsArray);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            matchingPage.steps.allotPoints(15);
+            matchingPage.steps.addAlternativeAnswerAccordion(1);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Penguin', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.allotPoints(9);
+            matchingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, cell numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective dropzone numeration', () => {
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyDropzoneNumeration();
+            utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message and correct answer section should not be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(15, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message and correct answer section should not be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Penguin', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(9, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropzone numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }]);
+            matchingPage.steps.verifyPreviewScore(10, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message should not be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropzone numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Penguin', dropzoneIndex: 1 }]);
+            matchingPage.steps.verifyPreviewScore(6, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and  no icon should be displayed beside unattempted response, a status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropzone numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(6, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with all the response correct as per the alternative accordion but one response incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and no icon should be displayed beside unattempted response, a status message should not be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with points of the correctly attempted response and on switching to \'Grading\' view, green check-mark icon should be displayed besides response field with correct answer responses, red cross-mark icon should be displayed beside responses from the alternative accordion, a status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropzone numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Penguin', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(10, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed beside empty responses a status message should not be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with points of the correctly attempted response and on switching to \'Grading\' view, green check-mark icon should be besides the common response, no icon should be displayed beside unattempted response, \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(5, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        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 responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section with all correct answers along with dropzone numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Eagle', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyPreviewScore(0, 15);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, no icon should be displayed beside unattempted response a status message should not be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Overachiever case: When the user attempts the question with more number of correct responses from the alternate tab than the correct accordion but the score of the individual response selected from the correct accordion overpowers the combined score of the alternate tab answers then on switching to the \'Grading view\', then points awarded should be of the correct accordion, green check-mark icons should be displayed for the correct accordion response, red cross-mark icon should be displayed for the alternate tab responses, correct/incorrect answer label and its border should not be displayed and correct answer container should be displayed with correct accordion answers for the responses marked incorrect', () => {
+            cy.log('Pre-step: Switching to Edit tab and allotting points to alternate tab such that the difference between the points is substantial and the points per response are in decimal')
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.deleteAlternativeAnswerAccordion(0);
+            matchingPage.steps.addAlternativeAnswerAccordion(1);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Penguin', dropzoneIndex: 1 }, { optionText: 'Eagle', dropzoneIndex: 2 }]);
+            matchingPage.steps.allotPoints(5);
+            matchingPage.steps.expandCorrectAnswerAccordion();
+            matchingPage.steps.allotPoints(23);
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Penguin', dropzoneIndex: 1 }, { optionText: 'Eagle', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(7.67, 23);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons should be displayed beside the correct responses from the correct accordion, red cross-mark icons should be displayed beside the incorrectly answered responses, correct/incorrect answer label and its border, correct answer container should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

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

@@ -0,0 +1,345 @@
+import { multipleSelectionGridPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Multiple selection grid: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not');
+            multipleSelectionGridPage.steps.addInputToColumnInputStepper(4);
+            multipleSelectionGridPage.steps.setQuestionGridLayoutForScoringFunctionalityTest();
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 2 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.addAlternativeAnswerAccordion(1);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.allotPoints(20);
+            multipleSelectionGridPage.steps.verifyPointsLabelAndPointsOnAnswerAccordion(1, '20');
+            multipleSelectionGridPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, correct answers section should be displayed with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct 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: 1, column: 2 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(10, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with alternative accordion responses, then the user should be awarded with full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct 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: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(20, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with alternative accordion responses and clicks on \'Check answer\' button, then 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.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the correct answer responses, no icons should be displayed for unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 2 }, { row: 2, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion, and clicks on \'Check answer\' button, correct icons should be displayed besides the correct answer responses, no icons should be displayed for unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed for unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion, and clicks on \'Check answer\' button, correct icons should be displayed besides the correct answer responses, no icons should be displayed for unattempted responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the questions as per the correct accordion but one question incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides correct responses from the alternative accordion, incorrect icons should be displayed besides correct accordion response, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with alternative accordion responses but one question incomplete and clicks on \'Check answer\' button, then 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.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with more number of questions exclusively from the correct accordion but with one question response common across both accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 2 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with more number of questions exclusively from the correct accordion but with one question response common across both accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides correct accordion responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the questions correctly attempted as per the correct accordion but with an extra incorrect option, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 2 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with all the questions correctly attempted as per the correct accordion but with an extra incorrect option and clicks on \'Check answer\' button, then correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same question, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the alternative accordion responses, incorrect icon should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 2 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 2, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same question and clicks on \'Check answer\' button, correct icon should be displayed besides the alternative accordion responses, incorrect icon should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question such that equal number of options are correct from the both accordions, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the alternative accordion responses, incorrect icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 2 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question such that equal number of options are correct from the both accordions and clicks on \'Check answer\' button, correct icon should be displayed besides the alternative accordion responses, incorrect icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 1: When the user attempts the question partially with correct options of both correct and alternative accordions (same options set correct in both the accordions), then the user should be awarded 0 points and on switching to \'Grading\' view, correct icons should be displayed besides the alternative accordion response, incorrect icon should be displayed beside correct accordion response, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 2, column: 0 }, { row: 2, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially with correct options of both correct and alternative accordions (same options set correct in both the accordions) and clicks on \'Check answer\' button, then correct icons should be displayed besides the alternative accordion response, incorrect icon should be displayed beside correct accordion response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 2: When the user attempts a question with correct options of both correct and alternative accordion (one common option set correct in both the correct and alternative accordions), then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct accordion response, incorrect icon should be displayed besides the alternative accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially with correct options of both correct and alternative accordions (same options set correct in both the accordions) and clicks on \'Check answer\' button, correct icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 3: When the user attempts a question with correct options of both correct and alternative accordion (both the correct and alternative accordions have exclusive options set correct), then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the alternative accordion response, incorrect icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 1, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially with correct options of both correct and alternative accordion (both the correct and alternative accordions have exclusive options set correct) and clicks on \'Check answer\' button, correct icon should be displayed besides the alternative accordion response, incorrect icon should be displayed besides the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        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 responses, a status message with text \'Your answer is incorrect\' and correct answer section with a preview of the entire grid with correct answers from the alternative accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 3, column: 2 }, { row: 4, column: 0 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 2 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});