itemengine-cypress-automation 1.0.13 → 1.0.15

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridAutoScoredScoring.js

@@ -0,0 +1,990 @@
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Bat', 'Ostrich', 'Platypus', 'Eagle'];
+const options = ['Is mammal', 'Lays eggs', 'Can fly'];
+
+describe('Create Item page - Multiple Selection Grid: Preview tab Scoring Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Show correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+        });
+
+        multipleSelectionGridPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet()
+
+        it('When the user has set correct answer options and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.steps.allotPoints('15');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/15');
+        });
+
+        it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab users response should not persist', () => {
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 1], [1], [1, 2], [0, 2]]);
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyCheckboxesUncheckedInPreviewTabAnswerTable();
+        });
+
+        multipleSelectionGridPage.tests.verifya11yOfCreateItemWrapperContents();
+    });
+
+    describe('Question Preview: AutoScored - All or Nothing', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.log('Adding question instructions, question stems, options, setting correct answer and adding points for Autoscored scoring type and switching to Preview tab');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(20);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        multipleSelectionGridPage.tests.verifyCSSOfPreviewAndEditTabAndScoringContents();
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, green check-mark icons should be displayed beside the correct answer options, no incorrect icons or label should be displayed below the table', () => {
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
+        });
+
+        it('When user selects Check answer button without attempting the question, then then red cross-mark icon or green check-mark should not be displayed anywhere, correct/incorrect answer label and its border should not be displayed', () => {
+            cy.log('Post step: Unchecking the show correct answer checkbox')
+            multipleSelectionGridPage.steps.uncheckShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
+        });
+
+        it('Case: When user adds incorrect response', () => {
+            cy.log('User selects incorrect options')
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [2], [0]]);
+
+            cy.log('User should be awarded 0 points')
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+
+            cy.log('When the user selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides the selected incorrect answer options, green check-mark should be displayed beside correct answer options, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button,red cross-mark icon should be displayed besides the selected incorrect answer options, incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        //Use the common function once https://redmine.zeuslearning.com/issues/518498 is resolved
+        it('CSS of incorrect answer state', { tags: 'css' }, () => {
+            cy.log('Pre requisite: The user has attempted the question incorrectly')
+            cy.log('Verifying CSS of incorrect crossmark icon')
+            multipleSelectionGridPage.incorrectIcon()
+                .eq(0)
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .verifyCSS(css.color.incorrectAnswer, css.fontSize.normal, css.fontWeight.bold)
+                .parent()
+                .find('.answer-label-icon')
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionGridPage.previewTabQuestionWrapper());
+        });
+
+        it('Case: When user enters partially correct response', () => {
+            cy.log('When user attempts the question partially correct with all the stems attempted correctly and one question stem unattempted then correct icon should be displayed beside the correctly attempted options and unattempeted options from the correct tab, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green checkmark should be displayed beside the correctly attempted options from the correct tab and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectIconDoesNotExist(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user attempts the question partially correct with all the question stems correct but an extra option selected which is not set as correct answer in the correct tab user should be awarded with 0 points and when the user selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides the selected incorrect answer option, green check-mark should be displayed beside correct tab options, incorrect answer border should appear, a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1, 2], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, red cross-mark icon should be displayed besides the selected incorrect answer option, green check-mark should be displayed beside selected correct tab options, and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects partially correct options with some correct and some incorrect options then user should be awarded 0 points and green check-mark icons should be displayed beside the options set as correct and red cross-mark icons should be displayed beside the selected incorrect options and a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set as correct and red cross-mark icons should be displayed beside the selected incorrect options and incorrect answer border should appear and a label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        it('Case: When user adds correct response', () => {
+            cy.log('Selecting correct options');
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+
+            cy.log('User should be awarded full points')
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/20');
+
+            cy.log('When user selects show correct answer then green check-mark icons should be displayed besides correct answer options and a label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on the \'Check answer\' button, then green check-mark icons should be displayed besides correct answer options and a label \'Correct answer\' should be displayed below the table');
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+        });
+
+        //Use the common function once https://redmine.zeuslearning.com/issues/518498 is resolved
+        it('CSS of check score text full score state and Correct Answer label', { tags: 'css' }, () => {
+            multipleSelectionGridPage.previewScoreText()
+                .should('have.css', 'color', css.color.primaryBtn)
+                .and('have.css', 'background-color', css.color.correctAnswer)
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .verifyCSS(css.color.correctAnswer, css.fontSize.normal, css.fontWeight.bold)
+                .parent()
+                .find('.answer-label-icon')
+                .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+        });
+
+        it('Accessibility of check score text full score state and Correct Answer label', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionGridPage.previewTabQuestionWrapper());
+        });
+
+        multipleSelectionGridPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer('20')
+    });
+
+    describe('Question Preview: AutoScored - All or Nothing with alternate answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.log('Adding question instructions, question stems, options, setting correct answer and adding points for Autoscored scoring type and switching to Preview tab');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            cy.barsPreLoaderWait()
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(20);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.steps.clickOnAddAlternateAnswerButton();
+            multipleSelectionGridPage.steps.allotPoints(12);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[1], [0, 2], [0, 1], [2]]);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('Case: Alternate answer case: When Correct Answer points are more than Alternate Answer points', () => {
+            cy.log('Total points displayed besides Show correct answer checkbox should be of Correct Answer points')
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+
+            cy.log('When the user selects the Show correct answer checkbox without attempting the question, green check-mark icons should be displayed besides only correct answer options')
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user selects correct answer options, points specified for correct answers should be provided and on selecting \'Show correct answer\' checkbox green check-mark icon should be displayed besides options set in the correct tab and label \'Correct answer\' and border should be displayed below the table')
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides selected options set in the correct tab and label \'Correct answer\' and border should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When the user selects alternate correct answer options, points specified for alternate correct answer (less than overall points) should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('12/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the correct tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the correct tab and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set in the correct tab and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the alternate tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the correct tab and red cross-mark icon should be displayed beside the selected alternate tab options and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set in the correct tab and red cross-mark icon should be displayed beside the selected alternate tab options and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects equal number of options from the correct tab and alternate tab then 0 points should be awarded and on selecting show correct answer checkbox green check-mark icon should be displayed beside options from the correct tab and red cross-mark icon should be displayed beside the options from the alternate tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [0, 2], [0, 1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed beside selected options from the correct tab and red cross-mark icon should be displayed beside the selected options from the alternate tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 1: When user attempts a question stem with correct options of both correct and alternate tab (same options set correct in both the correct and alternate tabs) and user selects show correct answer checkbox then green checkmark icon should be displayed for the correct tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [0, 1]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 2: When user attempts a question stem with correct options of both correct and alternate tab (one common option set correct in both the correct and alternate tabs) and user selects show correct answer checkbox then green check-mark icons should be displayed for the correct tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 3: When user attempts a question stem with correct options of both correct and alternate tab (both the correct and alternate tabs have exclusive options set correct) and user selects show correct answer checkbox then green check-mark icons should be displayed for the options set in correct tab and red cross-mark icon should be displayed for selected alternate tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(0, [0, 1, 2]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct answer options, red cross-mark icon should be displayed beside selected alternate tab options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            //Failing due to https://redmine.zeuslearning.com/issues/535509
+            cy.log('When user selects incorrect answer option, 0 points should be awarded and on selecting Show correct answer checkbox red cross-mark icons should be displayed besides the selected incorrect answer options and green checkmarks should be displayed beside correct tab answers and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [2]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [0]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-marks should be displayed besides the selected incorrect answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        it('Alternate answer case: When Alternate Answer points are more than Correct Answer points', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.allotPoints('25');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+
+            cy.log('Total points displayed besides Show correct answer checkbox should be of Alternate Answer points')
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+
+            cy.log('When the user selects the Show correct answer checkbox without attempting the question, green check-mark icons should be displayed besides only alternate answer options')
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user selects correct answer options, points specified for correct answers should be provided(less than overall points) and on selecting \'Show correct answer\' checkbox green check-mark icon should be displayed besides options from the correct tab and label \'Correct answer\' and border should be displayed below the table')
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides selected options from the correct tab and label \'Correct answer\' and border should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When the user selects alternate correct answer options, full points specified for alternate correct answer should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('25/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the correct tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the alternate tab and red cross-mark icons should be displayed beside the selected options from the correct tab and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set in the alternate tab and red cross-mark icons should be displayed beside the selected options from the correct tab \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the alternate tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the alternate tab and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set in the alternate tab \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects equal number of options from the correct tab and alternate tab then 0 points should be awarded and on selecting show correct answer checkbox green check-mark icon should be displayed beside options from the alternate tab and red cross-mark icon should be displayed beside the options from the correct tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [0, 2], [0, 1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed beside selected options from the alternate tab and red cross-mark icon should be displayed beside the selected options from the correct tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 1: When user attempts a question stem with correct options of both correct and alternate tab (same options set correct in both the correct and alternate tabs) and user selects show correct answer checkbox then green checkmark icon should be displayed for the alternate tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [0, 1]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 2: When user attempts a question stem with correct options of both correct and alternate tab (one common option set correct in both the correct and alternate tabs) then green check-mark icons should be displayed for the alternate tab options and red cross-mark icon should not be displayed user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [1, 2]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed for the selected correct and alternate tab options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 3: When user attempts a question stem with correct options of both correct and alternate tab (both the correct and alternate tabs have exclusive options set correct) and user selects show correct answer checkbox then green check-mark icons should be displayed for the options set in alternate tab and red cross-mark icon should be displayed for selected correct tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(0, [0, 1, 2]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed for the selected options set in alternate tab and red cross-mark icon should be displayed for selected correct tab options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects incorrect answer option, 0 points should be awarded and on selecting Show correct answer checkbox red cross-mark icons should be displayed besides the selected incorrect answer options and green checkmarks should be displayed beside correct tab answers and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [2]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [0]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/25');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red cross-mark icons should be displayed besides the selected incorrect answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+        });
+
+        it('Alternate answer case: When Alternate Answer points and Correct Answer points both are equal', () => {
+            cy.log('Pre step: Switching to Edit tab and alloting alternate answer points equal to correct answer points')
+            multipleSelectionGridPage.steps.switchToEditTab()
+            multipleSelectionGridPage.steps.allotPoints('20');
+            multipleSelectionGridPage.steps.switchToPreviewTab()
+
+            cy.log('Checking the total points displayed besides Show correct answer checkbox')
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20')
+
+            cy.log('When the user selects the Show correct answer checkbox without attempting the question, green check-mark icons should be displayed besides only correct answer options')
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.incorrectIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.correctIncorectAnswerLabel()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectBorderNotVisible();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user selects correct answer options, points specified for correct answers should be provided and on selecting \'Show correct answer\' checkbox green check-mark icon should be displayed besides correct tab options and label \'Correct answer\' and border should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides selected correct tab options and label \'Correct answer\' should be displayed below the below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When the user selects alternate correct answer options, full points points for alternate correct answer should be provided and on selecting Show correct answer checkbox green check-mark icons should be displayed besides alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2], [0, 1], [2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('20/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, then green check-mark icons should be displayed besides selected alternate correct answer options and label \'Correct answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the correct tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the correct tab and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set in the correct tab  and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            //Failing due to https://redmine.zeuslearning.com/issues/535509
+            cy.log('When user selects partially correct answer options such that user has selected correct options only from the alternate tab and user selects show correct answer checkbox then green check-mark icons should be displayed beside the options set in the correct tab and \'Incorrect Answer\' label should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [0, 2]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icons should be displayed beside the selected options set in the correct tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('When user selects equal number of options from the correct tab and alternate tab then 0 points should be awarded and on selecting show correct answer checkbox green check-mark icon should be displayed beside options from the correct tab and red cross-mark icon should be displayed beside the options from the alternate tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [0, 2], [0, 1]]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed beside selected options from the correct tab and red cross-mark icon should be displayed beside the selected options from the alternate tab and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 1: When user attempts a question stem with correct options of both correct and alternate tab (same options set correct in both the correct and alternate tabs) and user selects show correct answer checkbox then green checkmark icon should be displayed for the correct tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [0, 1]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct tab answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 2: When user attempts a question stem with correct options of both correct and alternate tab (one common option set correct in both the correct and alternate tabs) and user selects show correct answer checkbox then green check-mark icons should be displayed for the correct tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct tab answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            cy.log('Race condition 3: When user attempts a question stem with correct options of both correct and alternate tab (both the correct and alternate tabs have exclusive options set correct) and user selects show correct answer checkbox then green check-mark icons should be displayed for the options set in correct tab and red cross-mark icon should be displayed for selected alternate tab options and user should be awarded 0 points and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(0, [0, 1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button green check-mark icons should be displayed beside the selected correct answer options, red cross-mark icon should be displayed beside selected alternate tab options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            //Failing due to https://redmine.zeuslearning.com/issues/535509
+            cy.log('When user selects incorrect answer option, 0 points should be awarded and on selecting Show correct answer checkbox red cross-mark icons should be displayed besides the selected incorrect answer options and green checkmarks should be displayed beside correct tab answers and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.resetQuestionPreview()
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [2]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [0]);
+            multipleSelectionGridPage.previewScoreText()
+                .verifyInnerText('0/20');
+            multipleSelectionGridPage.steps.checkShowCorrectAnswerCheckbox()
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+
+            multipleSelectionGridPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked()
+
+            cy.log('When the user clicks on \'Check answer\' button, red check-marks should be displayed besides the selected incorrect answer options and label \'Incorrect Answer\' should be displayed below the table')
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        multipleSelectionGridPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer('20')
+    });
+});