itemengine-cypress-automation 1.0.150-migrationScripts-4f6bd6a.0 → 1.0.150

package/cypress/e2e/ILC/MultipleSelectionGridNew/studentViewSettings.js

@@ -0,0 +1,189 @@
+import { multipleSelectionGridPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const questionsArray = ['Elephants are the only mammals that can\'t jump', 'Bats are blind and navigate by using echolocation', 'Whale are mammals', 'Tigers can jump upto 3 metres'];
+
+describe('Create item page - Multiple selection grid: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+        });
+
+        multipleSelectionGridPage.tests.verifyStudentViewSettingsLabelAndCSS();
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(multipleSelectionGridPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(multipleSelectionGridPage.randomizeOptionsCheckbox(), 'exist');
+            multipleSelectionGridPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        multipleSelectionGridPage.tests.verifyRandomizeOptionsCheckboxAndLabelUncheckedCSS();
+
+        it('When the \'Randomize options\' functionality is disabled, the questions and options in the specify correct answer section grid should be displayed in the order in which the user has set them in the "Specify rows and columns" section', () => {
+            multipleSelectionGridPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            questionsArray.forEach((question, rowIndex) => {
+                multipleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: rowIndex + 1, column: 0 }, question);
+            });
+            multipleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: 0, column: 1 }, 'True');
+            multipleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: 0, column: 2 }, 'False');
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the question stems and options in the specify correct answer section grid should be in the order in which the user has set them in the "Specify rows and columns" section', () => {
+            multipleSelectionGridPage.steps.checkRandomizeOptionsCheckbox()
+            questionsArray.forEach((question, rowIndex) => {
+                multipleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: rowIndex + 1, column: 0 }, question);
+            });
+            multipleSelectionGridPage.steps.verifyTextInGridCellSpecifyCorrectAnswerSection({ row: 0, column: 1 }, 'True');
+        });
+
+        multipleSelectionGridPage.tests.verifyRandomizeOptionsCheckboxCheckedCSSAndA11y();
+    });
+
+    describe('Randomize options - Functionality: Preview tab', () => {
+        let randomizedOptionsString = '';
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the questions and options in the preview tab grid should be displayed in the order in which the user has set them in the "Specify rows and columns" section', () => {
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            questionsArray.forEach((question, rowIndex) => {
+                multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: rowIndex + 1, column: 0 }, question);
+            });
+            multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 0, column: 1 }, 'True');
+            multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: 0, column: 2 }, 'False');
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options should be displayed in a random order in the preview tab dropdown', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.checkRandomizeOptionsCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyRandomizeQuestionsOrder(questionsArray);
+            randomizedOptionsString = multipleSelectionGridPage.steps.getQuestionsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the questions and options should not change in the preview tab grid', () => {
+            multipleSelectionGridPage.steps.resetQuestionPreview();
+            randomizedOptionsString.forEach((question, rowIndex) => {
+                multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: rowIndex + 1, column: 0 }, question);
+            });
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the questions should change and the options should be displayed in the order in which the user has set them in the preview tab grid', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.allotPoints(5);
+            cy.log('Added wait here to prevent cypress from switching to preview tab just after modifying the question');
+            cy.wait(1000);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyRandomizeQuestionsOrder(questionsArray);
+            multipleSelectionGridPage.steps.verifyQuestionsAreReRandomized(randomizedOptionsString);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options should be displayed in the order in which the user has set them in the "Specify rows and columns" section in the preview tab grid', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.uncheckRandomizeOptionsCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            questionsArray.forEach((question, rowIndex) => {
+                multipleSelectionGridPage.steps.verifyTextInGridCellPreviewTab({ row: rowIndex + 1, column: 0 }, question);
+            });
+        });
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionGridPage.tests.verifyAllowStudentsToCheckAnswerLabelAndCheckboxCSS();
+
+        multipleSelectionGridPage.tests.verifyMaximumAttemptsDropdownDisplayedWhenAllowStudentsToCheckAnswerIsChecked();
+
+        multipleSelectionGridPage.tests.verifyMaxCheckAnswerAttemptsDropdown();
+
+        multipleSelectionGridPage.tests.verifyAllowStudentsToCheckAnswerContentsCSSAndA11y();
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.barsPreLoaderWait();
+            multipleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            multipleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            multipleSelectionGridPage.steps.allotPoints(20);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user has added questions and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            multipleSelectionGridPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(multipleSelectionGridPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user selects an option and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            multipleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        multipleSelectionGridPage.tests.verifyDisabledCheckAnswerButtonWithCSSAndA11y();
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            multipleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            multipleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 2, column: 1 });
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+            multipleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 3, column: 0 });
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelectionGridNew/Scoring/allOrNothingPenaltyScoring.js

@@ -0,0 +1,55 @@
+import { singleSelectionGridPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Single selection grid: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not')
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            singleSelectionGridPage.steps.allotPoints(20);
+            singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            singleSelectionGridPage.steps.expandPenaltyScoringDropdown();
+            singleSelectionGridPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            singleSelectionGridPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            singleSelectionGridPage.steps.allotPenaltyPoints(2);
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question correctly along with an incorrect option, then penalty points should get deducted from the awarded points', () => {
+            singleSelectionGridPage.steps.resetQuestionPreview();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question correctly along with multiple incorrect options, then penalty points should get deducted from the awarded points only once, the deducted penalty points should not increase as per number of attempted incorrect options', () => {
+            singleSelectionGridPage.steps.resetQuestionPreview();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            singleSelectionGridPage.steps.switchToEditTab();
+            singleSelectionGridPage.steps.expandMinimumScoringDropdown();
+            singleSelectionGridPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            singleSelectionGridPage.steps.allotMinimumPoints(3);
+            singleSelectionGridPage.steps.switchToPreviewTab();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(3, 20);
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelectionGridNew/Scoring/partialDifferentWeightsBasic.js

@@ -0,0 +1,116 @@
+import { singleSelectionGridPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Single selection grid: Partial different weights', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Auto scored - Partial different weights', () => {
+        abortEarlySetup();
+        before(() => {
+            singleSelectionGridPage.steps.navigateToCreateQuestion('single selection grid');
+            cy.barsPreLoaderWait();
+            singleSelectionGridPage.steps.addTextInQuestionInstructionsInputField('Please select following animals facts are correct or not')
+            singleSelectionGridPage.steps.setRowsAndColumnsForBasicQuestion();
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 3, column: 0 }, 'Whale are mammals');
+            singleSelectionGridPage.steps.enterTextInCellPropertyInputField({ row: 4, column: 0 }, 'Tigers can jump upto 3 metres');
+            singleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSpecifyCorrectAnswerSection([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            singleSelectionGridPage.steps.allotPartialDifferentWeightsPoints({ 0: 9, 1: 6, 2: 3, 3: 2 });
+            singleSelectionGridPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            singleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, correct answers section should be displayed with a preview of the entire grid with correct answers', () => {
+            singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            singleSelectionGridPage.steps.switchToGradingView();
+            singleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed besides all incorrect responses, correct/incorrect status message and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 1 }, { row: 2, column: 0 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(0, 20);
+            singleSelectionGridPage.steps.switchToGradingView();
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct/incorrect status message and correct answer section should not be displayed')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 1 });
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 2, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with incorrect responses, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, correct/incorrect status message should not be displayed and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            singleSelectionGridPage.steps.resetQuestionPreview();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 1 }, { row: 4, column: 0 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(15, 20);
+            singleSelectionGridPage.steps.switchToGradingView();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with incorrect responses and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, correct/incorrect status message and correct answer section should not be displayed')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 3, column: 1 });
+            singleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 4, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with incomplete responses, then the user should be awarded points of the correctly attempted responses and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, correct/incorrect status message should not be displayed and correct answer section with a preview of the entire grid with correct answers should be displayed', () => {
+            singleSelectionGridPage.steps.resetQuestionPreview();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(15, 20);
+            singleSelectionGridPage.steps.switchToGradingView();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with incomplete responses and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, correct/incorrect status message and correct answer section should not be displayed')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct/incorrect status message and correct answer section should not be displayed', () => {
+            singleSelectionGridPage.steps.resetQuestionPreview();
+            singleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
+            singleSelectionGridPage.steps.verifyPreviewScore(20, 20);
+            singleSelectionGridPage.steps.switchToGradingView();
+            singleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+            singleSelectionGridPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed besides the correct answer responses, correct/incorrect status message and correct answer section should not be displayed')
+            singleSelectionGridPage.steps.checkAnswer();
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 2, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 3, column: 0 });
+            singleSelectionGridPage.steps.verifyCorrectOptionBackgroundAndIcon({ row: 4, column: 1 });
+            singleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            singleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});