itemengine-cypress-automation 1.0.155-migrationScripts-86e4c95.0 → 1.0.155

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

@@ -0,0 +1,363 @@
+import { multipleSelectionGridPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Multiple selection grid: Partial different weights with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Partial different weights with alternative answer - When \'Correct answer\' points equal to \'Alternative 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.selectAutoScoredScoringSubtype('Partial different weights');
+            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.allotPartialDifferentWeightsPoints({ 0: 5, 1: 7, 2: 4, 3: 8 });
+            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.allotPartialDifferentWeightsPoints({ 0: 6, 1: 9, 2: 5, 3: 4 });
+            multipleSelectionGridPage.steps.verifyPointsLabelAndPointsOnAnswerAccordion(1, '24');
+            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 correct accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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 }]);
+        });
+
+        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, correct/incorrect answer status message and correct answer section should not be displayed', () => {
+            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(24, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            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.verifyCorrectIncorrectStatusMessageNotExists();
+            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, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with alternative accordion responses, 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, correct/incorrect answer status message 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(24, 24);
+            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.verifyCorrectIncorrectStatusMessageNotExists();
+            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, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            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 points as per the correct accordion mapping and on switching to \'Grading\' view, correct icons should be displayed besides the correct answer responses, no icons should be displayed for unattempted responses, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct 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(12, 24);
+            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: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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, correct/incorrect answer status message 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: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            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 points as per the alternative accordion mapping and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icons should be displayed for unattempted responses, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct 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(15, 24);
+            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.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the questions as per the alternative accordion but one question incomplete, then the user should be awarded points as per the alternative accordion mapping and on switching to \'Grading\' view, correct icons should be displayed besides correct responses from the alternative accordion response, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion 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 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(15, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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 icons should be displayed besides correct responses from the alternative accordion response, correct/incorrect answer status message 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: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with more number of questions exclusively from the alternative accordion but with one question response common across both accordion, then the user should be awarded points as per the alternative accordion mapping and on switching to \'Grading\' view, correct icons should be displayed besides  alternative accordion responses, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should 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 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(20, 24);
+            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.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with more number of questions exclusively from the alternative accordion but with one question response common across both accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides alternative accordion responses, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the questions correctly attempted as per the alternative accordion but with an extra incorrect option, then the user should be awarded points as per the alternative accordion mapping and on switching to \'Grading\' view, correct icon should be displayed besides alternative accordion responses, incorrect icon should be displayed besides incorrect response, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should 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: 0 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(20, 24);
+            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.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with all the questions correctly attempted as per the alternative accordion but with an extra incorrect option and clicks on \'Check answer\' button, then correct icon should be displayed besides alternative accordion responses, incorrect icon should be displayed besides incorrect response, correct/incorrect answer status message 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.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct such that more number of correct options are exclusively from the alternative accordion but with one option exclusively from the correct accordion in the same question, then the user should be awarded points as per the alternative accordion mapping 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, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 2, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(6, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct such that more number of correct options are exclusively from the alternative accordion but with one option exclusively from the correct accordion in the same question and clicks on \'Check answer\' button, correct icon should be displayed besides the correct accordion responses, incorrect icon should be displayed besides alternative accordion responses, correct/incorrect answer status message 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.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            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 points from the accordion that awards maximum points i.e. correct accordion in this case and on switching to \'Grading\' view, correct icon should be displayed besides the correct accordion responses, incorrect icon should be displayed besides the alternative accordion responses, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(11, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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 correct accordion responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            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 points from the accordion that awards maximum points i.e. alternative accordion in this case 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, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct 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(14, 24);
+            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.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            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 points according to the alternative accordion (since it has higher individual points) and on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icon should be displayed beside alternative accordion response, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 3, column: 0 }, { row: 3, column: 1 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(5, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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 icons should be displayed besides the correct accordion response, incorrect icon should be displayed beside alternative accordion response, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            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 points as per the correct accordion mapping 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, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 4, column: 1 }, { row: 4, column: 2 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(8, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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, correct/incorrect answer status message and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            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 correct accordion response, incorrect icon should be displayed besides the alternative accordion responses, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct 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, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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 correct accordion response, incorrect icon should be displayed besides the alternative accordion responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 2 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            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, correct/incorrect answer status message should not be displayed and correct answer section with a preview of the entire grid with correct answers from the correct accordion should be displayed', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 3, column: 2 }, { row: 4, column: 0 }]);
+            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
+            multipleSelectionGridPage.steps.switchToGradingView();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 2 });
+            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ 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.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, correct/incorrect answer status message 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.verifyCorrectIncorrectStatusMessageNotExists();
+            multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});