itemengine-cypress-automation 1.0.355 → 1.0.356-capture-image-8b4830c.0

package/cypress/e2e/ILC/Matching/editTabBasicSection.js

@@ -0,0 +1,41 @@
+import { matchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create item page - Matching', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.saveAQuestionWithIncompleteAuthoring();
+            matchingPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            matchingPage.steps.verifyWarningIconOnRequiredFields([
+                'Please enter all prompt values',
+                'Please enter all option values',
+                'Please set points',
+            ]);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            matchingPage.steps.enterTextInPromptInputField(['Prompt 1', 'Prompt 2', 'Prompt 3']);
+            matchingPage.steps.enterTextInOptionInputField(['Option 1', 'Option 2', 'Option 3']);
+            matchingPage.steps.allotPoints(10);
+            matchingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            matchingPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            matchingPage.steps.verifyWarningIconNotExist();
+        });
+    });
+});

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

@@ -1,9 +1,12 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, matchingPage } from "../../../pages";
+import { dialogBoxBase, matchingPage, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
 import utilities from "../../../support/helpers/utilities";
 const options = ['Flower', 'Leaves', 'Flowers'];
 const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
 
+var itemReferenceID = "";
+
 describe('Create item page - Matching : Header section and Saving question', () => {
     before(() => {
         cy.loginAs('admin');
@@ -44,19 +47,11 @@ describe('Create item page - Matching : Header section and Saving question', ()
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all prompt values', 'Please enter all option values', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 matchingPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                matchingPage.steps.verifyPromptInputFieldErrorMessage(0);
-                matchingPage.steps.verifyPromptInputFieldErrorMessage(1);
-                matchingPage.steps.verifyPromptInputFieldErrorMessage(2);
-                matchingPage.steps.verifyOptionsInputFieldErrorMessage(3);
-                matchingPage.steps.verifyOptionsInputFieldErrorMessage(4);
-                matchingPage.steps.verifyOptionsInputFieldErrorMessage(5);
-                matchingPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                matchingPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-                matchingPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+                matchingPage.steps.verifyWarningIconOnRequiredFields(['Please enter all prompt values', 'Please enter all option values', 'Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -78,5 +73,35 @@ describe('Create item page - Matching : Header section and Saving question', ()
             });
             matchingPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                matchingPage.steps.navigateToCreateQuestion('matching');
+                cy.barsPreLoaderWait();
+            });
+
+            it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all prompt values', 'Please enter all option values', 'Please set points']);
+                matchingPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            matchingPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.saveAQuestionWithIncompleteAuthoring();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            browseItemsPage.steps.navigateToBrowseItemsPage();
+        });
+
+        it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+            browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+        });
     });
 });

package/cypress/e2e/ILC/Matching/questionInstructionsAndPromptSection.js

@@ -116,22 +116,9 @@ describe('Create Item page - Matching : Question Instructions and prompt section
             matchingPage.steps.verifyPromptContents(2);
         });
 
-        it('When user focus in and out of any of the \'Prompt\' input field without typing anything, then an error message \'Error: Prompt is required\' error message should be displayed', () => {
+        it('When user focus in and out of any of the \'Prompt\' input field without typing anything, then an error message \'Error: Prompt is required\' error message should disappear', () => {
             matchingPage.steps.focusInAndFocusOutOfPromptInputField(1);
-            utilities.verifyInnerText(matchingPage.errorMessage(), 'Error: Prompt is required');
-            utilities.verifyElementVisibilityState(matchingPage.errorMessage(), 'visible');
-        });
-
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(matchingPage.errorMessage(), {
-                'color': css.color.errorText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(matchingPage.errorMessage());
+            matchingPage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user enters text in question prompt input field then error message should disappear', () => {

package/cypress/e2e/ILC/MatchingDropdown/allOrNothingScoringForAllViews.smoke.js

@@ -207,6 +207,214 @@ describe('Create item page - Matching: All or nothing ', () => {
         });
     });
 
+    views.forEach((view) => {
+        describe(`${view}: Matching dropdown - Manually scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.navigateToCreateQuestion('matching');
+                        cy.barsPreLoaderWait();
+                        matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
+                        matchingPage.steps.addTextInQuestionInstructionsInputField('Match the following using dropdowns.');
+                        matchingPage.steps.expandScoringTypeDropdown();
+                        matchingPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        matchingPage.steps.allotPoints(20);
+                        matchingPage.steps.addMultipleOptionFields(2);
+                        matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+                        matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                        matchingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+    
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        matchingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+    
+            if (view === 'Question preview') {
+                after(() => {
+                    matchingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('Question instructions should be visible', () => {
+                matchingPage.steps.verifyQuestionInstructionsTextPreviewTab('Match the following using dropdowns.');
+                matchingPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+    
+            it('User should be able to attempt the question in student view, and correct/incorrect icons, "Your answer is correct/incorrect" label, and correct answer section should not be displayed in grading view', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                    matchingPage.steps.verifyCorrectIncorrectIconNotExistDropdown(0);
+                    matchingPage.steps.verifyCorrectIncorrectIconNotExistDropdown(1);
+                    matchingPage.steps.verifyAnswerStatusBannerNotExist();
+                    matchingPage.steps.verifyCorrectAnswerSectionNotExist();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.checkManuallyScoredScoringLabel();
+                };
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Matching dropdown - Non scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.navigateToCreateQuestion('matching');
+                        cy.barsPreLoaderWait();
+                        matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
+                        matchingPage.steps.addTextInQuestionInstructionsInputField('Match the following using dropdowns.');
+                        matchingPage.steps.addMultipleOptionFields(2);
+                        matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+                        matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                        matchingPage.steps.expandScoringTypeDropdown();
+                        matchingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                        matchingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+    
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        matchingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+    
+            if (view === 'Question preview') {
+                after(() => {
+                    matchingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('When the user selects "Grading" view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label "Correct answers" should be displayed with correct answers and respective option numeration', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.checkNonScoredScoringLabel();
+                    matchingPage.steps.switchToGradingView();
+                    matchingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                matchingPage.steps.verifyDropdownNumeration(0);
+                matchingPage.steps.verifyDropdownNumeration(1);
+                matchingPage.steps.verifyDropdownNumeration(2);
+                matchingPage.steps.verifyCorrectIncorrectIconsNotExist();
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+    
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to "Grading" view, incorrect icons should be displayed besides all incorrect responses, a status message with text "Your answer is incorrect" and correct answer section with all correct answers along with numeration should be displayed', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.checkNonScoredScoringLabel();
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+
+            it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to "Grading" view, correct icon should be displayed beside the correct answer responses, incorrect icon should be displayed beside incorrect answer responses, a status message with text "Your answer is incorrect" and correct answer section with all correct answers should be displayed', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[3] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.checkNonScoredScoringLabel();
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+    
+            it('When the user attempts the question correctly, and on switching to "Grading" view, non-scoring label should be displayed, correct icons should be displayed beside the correct responses, a status message with text "Your answer is correct" should be displayed and correct answer section should not be displayed', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.checkNonScoredScoringLabel();
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/MultipleSelection/allOrNothingBasicForAllViews.smoke.js

@@ -201,6 +201,233 @@ describe('Create Item page - Multiple selection: All or nothing ', () => {
         });
     });
 
+    views.forEach((view) => {
+        describe(`Multiple selection - Manually scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+                        cy.barsPreLoaderWait();
+                        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.expandScoringTypeDropdown();
+                        multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        multipleSelectionPage.steps.allotPoints(20);
+                        multipleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        multipleSelectionPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    multipleSelectionPage.steps.clickOnSaveQuestionButtonWithForceTrue();
+                    cy.wait(5000);
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('Question instructions should be visible', () => {
+                multipleSelectionPage.steps.verifyQuestionInstructionsTextPreviewTab('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.verifyVisibityOfQuestionInstructionsText();
+            });
+
+            it('User should be able to attempt the question in student view and correct/incorrect icons, Your answer is correct/incorrect label, correct answer section should not be displayed in grading view', () => {
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                    multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+                    multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+                    multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+                    multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+                    multipleSelectionPage.steps.verifyAnswerBannerNotExist();
+                    multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    multipleSelectionPage.steps.checkManuallyScoredScoringLabel();
+                };
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`Multiple selection - Non scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+                        cy.barsPreLoaderWait();
+                        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.expandScoringTypeDropdown();
+                        multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        multipleSelectionPage.steps.addInputToOptionsInputField(options);
+                        multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+                        multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+                        multipleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        multipleSelectionPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        multipleSelectionPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    multipleSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    multipleSelectionPage.steps.checkNonScoredScoringLabel();
+                    multipleSelectionPage.steps.switchToGradingView();
+                    multipleSelectionPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                //Remove the if-else condition and line 346 once https://weldnorthed.atlassian.net/browse/IEI-5704 is fixed.
+                if(view === 'Question preview'){
+                    utilities.verifyInnerText(multipleSelectionPage.correctAnswersLabel(), 'Correct answers');
+                }
+                else{
+                    utilities.verifyInnerText(multipleSelectionPage.correctAnswersLabel(), 'Correct answer');
+                }
+                multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+            });
+ 
+            it('When the user attempts the question incorrectly,and on switching to \'Grading\' view non scoring label should be displayed, incorrect icon should be displayed beside incorrect response, a status message with text \'Your answer is incorrect\' and correct answer section with correct answer should be displayed', () => {
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    multipleSelectionPage.steps.checkNonScoredScoringLabel();
+                    multipleSelectionPage.steps.switchToGradingView();
+                };
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(0);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(1);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(2);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(3);
+                multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                multipleSelectionPage.steps.verifyCorrectAnswerSectionExist();
+            });
+
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-6004
+            it.skip('When the user attempts the question partially correct, then the user should be awarded 0 points 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, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
+                gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    multipleSelectionPage.steps.checkNonScoredScoringLabel();
+                    multipleSelectionPage.steps.switchToGradingView();
+                };
+                multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
+                multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(2);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconGradingView(3);
+                multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                multipleSelectionPage.steps.verifyCorrectAnswerSectionExist();
+            });
+
+            it('When user attempts the question correctly, and on switching to \'Grading\' view non scoring label should be displayed, correct icons should be displayed beside the correct response, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    multipleSelectionPage.steps.checkNonScoredScoringLabel();
+                    multipleSelectionPage.steps.switchToGradingView();
+                };
+                multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(0);
+                multipleSelectionPage.steps.verifyCorrectOptionIconGradingView(1);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(2);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleGradingView(3);
+                multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

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

@@ -1,5 +1,6 @@
 import { multipleSelectionPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
+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', () => {
     before(() => {
@@ -64,6 +65,7 @@ describe('Create Item page - Multiple selection', () => {
         before(() => {
             multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
             cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
         });
 
         it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {

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

@@ -224,6 +224,7 @@ describe('Create item page - Multiple selection: Scoring section', () => {
         before(() => {
             multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
             cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
         });
 
         it('User should be able to select \'Manually scored\' scoring type from scoring type dropdown', () => {