itemengine-cypress-automation 1.0.50 → 1.0.62

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

@@ -0,0 +1,263 @@
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+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('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(25);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[1], [0, 2], [0, 1], [2]]);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('Alternate answer case: When Alternate Answer points are more than Correct Answer points', () => {
+            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();
+
+        });
+    });
+});

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

@@ -0,0 +1,263 @@
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+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('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(20);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[1], [0, 2], [0, 1], [2]]);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('Alternate answer case: When Alternate Answer points and Correct Answer points both are equal', () => {
+            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);
+    });
+});