itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/MultipleSelection/editTabScoringSection.js

@@ -0,0 +1,274 @@
+import { multipleSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create item page - Multiple selection: Scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionPage.tests.verifyScoringTypeLabelAndDropdown('Auto scored');
+
+        multipleSelectionPage.tests.verifyScoringSubtypeContentsForMultipleResponseTypeQuestion();
+    });
+
+    describe('Auto scored: All or nothing scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.allotPoints(10);
+        });
+
+        it('When the user has selected \'All or nothing\' scoring subtype, minimum scoring dropdown should be displayed in the scoring section', () => {
+            multipleSelectionPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Auto scored: All or nothing scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        multipleSelectionPage.tests.verifyPointsLabelAndInputField();
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('When the user has switched to \'Partial - equal weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' label and dropdown should be displayed in the \'Scoring\' section, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            multipleSelectionPage.steps.verifyPointsPerResponseLabel();
+            multipleSelectionPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            multipleSelectionPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            multipleSelectionPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - equal weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+        });
+
+        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
+            multipleSelectionPage.steps.verifyPointsPerResponseLabel();
+            for (let index = 0; index < 4; index++) {
+                multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(index, '-');
+            }
+        });
+
+        it('When the user gives a score input to \'Points\' input field, then the score should be equally divided and displayed besides each correct option under the \'Points per response\' label', () => {
+            multipleSelectionPage.steps.allotPoints(4);
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(0, '2');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(1, '2');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2, '-');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3, '-');
+        });
+
+        it('When the user sets one more correct option in the specify correct answer section, then points per response should get updated accordingly', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(2);
+            for (let index = 0; index < 3; index++) {
+                multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(index, '1.33');
+            };
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3, '-');
+        });
+
+        it('When the user unchecks a correct option in the specify correct answer section, then points per response should get updated accordingly', () => {
+            multipleSelectionPage.steps.uncheckOptionsCheckboxInSpecifyCorrectAnswerSection(2);
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(0, '2');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(1, '2');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2, '-');
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.pointsPerResponseLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.partialEqualWeightsPointsPerResponseScore(), 'notExist');
+            multipleSelectionPage.steps.verifyPointsFieldValue(4);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            multipleSelectionPage.steps.allotPoints(9);
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(0, '4.5');
+            multipleSelectionPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(1, '4.5');
+        });
+
+        it('CSS of \'Points per response\' label and its displayed score', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.pointsPerResponseLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(multipleSelectionPage.partialEqualWeightsPointsPerResponseScore(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Partial - different weights\' scoring', () => {
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Penalty scoring\', \'Minimum scoring\' and \'Rounding\' labels and dropdowns, \'Round negative scores to zero\' label and checkbox should not be displayed in the \'Scoring\' section', () => {
+            multipleSelectionPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+            multipleSelectionPage.steps.verifyPenaltyPointsLabelAndDropdownDefaultState();
+            multipleSelectionPage.steps.verifyRoundingLabelAndDropdownDefaultState();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.roundNegativeScoresToZeroCheckbox(), 'notExist');
+        });
+    });
+
+    describe('Auto scored: Partial - different weights scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+        });
+
+        multipleSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        it('When the user has switched to \'Partial - different weights\' scoring, then \'Points\' label should be displayed and a points input field should be displayed besides each option', () => {
+            utilities.verifyInnerText(multipleSelectionPage.pointsLabel(), 'Points');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.pointsLabel(), 'visible');
+            multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
+        });
+
+        it('When the user has not set any answer in the specify correct answer section, then the \'Points\' input field should be disabled', () => {
+            for (let index = 0; index < 4; index++) {
+                multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(index);
+            };
+        });
+
+        it('When the user sets answers in the specify correct answer section, then \'Points\' input field for the selected correct options should get enabled and the other unselected options should stay in disabled state', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEnabled(0);
+            multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEnabled(1);
+            multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(2);
+            multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled(3);
+        });
+
+        it('User should be able to set points in the \'Points\' input fields', () => {
+            multipleSelectionPage.steps.allotPartialDifferentWeightsPoints({ 0: 2.3, 1: 3.4 });
+        });
+
+        it('CSS of \'Points\' label and \'Points\' input fields', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.pointsLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(multipleSelectionPage.pointsInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the \'All or nothing scoring\' points input field', () => {
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('All or nothing');
+            multipleSelectionPage.steps.verifyPointsFieldValue(5.7);
+        });
+
+        it('When the user updates the entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points should be equally divided and displayed besides each correct option', () => {
+            multipleSelectionPage.steps.allotPoints(9);
+            multipleSelectionPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            multipleSelectionPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([4.5, 4.5]);
+        });
+    });
+
+    describe('Manually scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {
+            multipleSelectionPage.steps.expandScoringTypeDropdown();
+            multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+        });
+
+        it('When the user has selected \'Manually scored\' scoring type, then the specify correct answer section should not be displayed', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.specifyCorrectAnswerLabel(), 'notExist');
+        });
+
+        multipleSelectionPage.tests.verifyScoringSectionContentsForManuallyScoredScoringType();
+
+        multipleSelectionPage.tests.verifyPointsFieldErrorState();
+
+        it('When user has selected \'Manually scored\' scoring type, then in scoring section \'Minimum scoring\' label and dropdown should be visible', () => {
+            multipleSelectionPage.steps.verifyMinimumScoringLabelAndDropdownDefaultState();
+        });
+    });
+
+    describe('Non scored scoring - Scoring section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('User should be able to select \'Non scored\' scoring type from scoring type dropdown', () => {
+            multipleSelectionPage.steps.expandScoringTypeDropdown();
+            multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        multipleSelectionPage.tests.verifyScoringSectionContentsForNonScoredScoringType();
+    });
+
+    describe('Non scored scoring - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.expandScoringTypeDropdown();
+            multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        });
+
+        multipleSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
+
+        multipleSelectionPage.tests.verifyPointsLabelAndInputFieldForNonScoredScoringType();
+    });
+});

package/cypress/e2e/ILC/MultipleSelection/headerSection.js

@@ -0,0 +1,73 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, multipleSelectionPage } from "../../../pages";
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Create item page - Multiple selection: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        });
+
+        multipleSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Multiple selection');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        });
+
+        multipleSelectionPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        });
+
+        multipleSelectionPage.tests.verifyCancelButton('multiple selection')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                multipleSelectionPage.steps.verifyQuestionInstructionsErrorMessage();
+                multipleSelectionPage.steps.verifyPointsFieldErrorMessage();
+                multipleSelectionPage.steps.verifyOptionsInputFieldErrorMessage(0);
+                multipleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                multipleSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                multipleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                multipleSelectionPage.steps.addInputToOptionsInputField(options)
+                multipleSelectionPage.steps.allotPoints(10);
+                multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
+                multipleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            multipleSelectionPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                multipleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            multipleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/MultipleSelection/manuallyAndNonScoredScoring.js

@@ -0,0 +1,115 @@
+import { multipleSelectionPage } from "../../../pages/multipleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+
+describe('Question Preview: Manually Scored', () => {
+    abortEarlySetup();
+    before(() => {
+        cy.log('Adding question instructions and options, select Manually Scored scoring type and add points for the question');
+        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        multipleSelectionPage.steps.addQuestionInstructions();
+        multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        multipleSelectionPage.steps.expandScoringTypeDropdown();
+        multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Manually scored')
+        multipleSelectionPage.steps.switchToPreviewTab();
+    });
+
+    it('In Preview tab, Question Instructions and options should be displayed along with check box', () => {
+        multipleSelectionPage.steps.verifyQuestionInstructionsText();
+        options.forEach((optionsText, count) => {
+            utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.optionsText(), count), optionsText);
+        });
+    });
+
+    multipleSelectionPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored')
+});
+
+describe('Question Preview: Non Scored', () => {
+    abortEarlySetup();
+    before(() => {
+        cy.log('Adding question instructions and options, select Non Scored scoring type and set correct answer');
+        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+        multipleSelectionPage.steps.addQuestionInstructions();
+        multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+        multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+        multipleSelectionPage.steps.expandScoringTypeDropdown();
+        multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+        multipleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+        multipleSelectionPage.steps.switchToPreviewTab();
+    });
+
+    multipleSelectionPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+    it('When the user selects \'Grading\' view without attempting the question, correct icons should be displayed besides correct answer options, correct answer label and border should not be displayed', () => {
+        multipleSelectionPage.steps.switchToGradingView();
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+        multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+        multipleSelectionPage.steps.switchToStudentView();
+    });
+
+    it('When the user attempts the question incorrectly, then on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should be displayed beside the incorrect responses, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
+        multipleSelectionPage.steps.switchToGradingView();
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(2);
+        multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(3);
+        multipleSelectionPage.steps.verifyIncorrectAttemptBorder();
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        cy.log('When the user has attempted the question incorrectly clicks on \'Check answer\' button, then correct icons should be displayed besides correct response and incorrect icon should be displayed beside incorrect option, incorrect answer border and a label should not be displayed below the question preview')
+        multipleSelectionPage.steps.checkAnswer();
+        multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+        multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+        multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
+        multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(3);
+        multipleSelectionPage.steps.verifyIncorrectAttemptBorder();
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+    });
+
+    it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icons should be displayed besides the correct responses and unattempted correct options, incorrect icons should be displayed beside the incorrect responses, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+        multipleSelectionPage.steps.resetQuestionPreview();
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+        multipleSelectionPage.steps.switchToGradingView();
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(2);
+        multipleSelectionPage.steps.verifyIncorrectAttemptBorder();
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        cy.log('When the user has attempted the question incorrectly clicks on \'Check answer\' button, then correct icons should be displayed besides correct response and incorrect icon should be displayed beside incorrect option, incorrect answer border and a label should not be displayed below the question preview')
+        multipleSelectionPage.steps.checkAnswer();
+        multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);
+        multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+        multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
+        multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+        multipleSelectionPage.steps.verifyIncorrectAttemptBorder();
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+    });
+
+    it('When the user attempts the question correctly, then on switching to \'Grading\' view, correct icons should be displayed besides the correct responses, incorrect icons should not be displayed, correct answer border and an \'Correct answer\' label should be displayed below the question preview', () => {
+        multipleSelectionPage.steps.resetQuestionPreview();
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+        multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+        multipleSelectionPage.steps.switchToGradingView();
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
+        multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+        multipleSelectionPage.steps.verifyCorrectAttemptBorder();
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        cy.log('When the user has attempted the question with correct responses and clicks on \'Check answer\' button, then correct icon should be displayed besides correct response, correct answer border and a label should not be displayed below the question preview')
+        multipleSelectionPage.steps.checkAnswer();
+        multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);
+        multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+        multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+        multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+        multipleSelectionPage.steps.verifyCorrectAttemptBorder();
+        multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+    });
+});