itemengine-cypress-automation 1.0.327-IEI-5098-RCA-for-FIG-text-and-short-text-7bbafe1.0 → 1.0.328-UpdateRepo28thFeb-dedf086.0

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

@@ -2,63 +2,69 @@ import { matchingPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 
-describe('Option placement in dropzone - Edit tab contents and functionality', () => {
-    abortEarlySetup();
+describe('Matching : Style and layout customization - Option placement',()=>{
     before(() => {
-        matchingPage.steps.navigateToCreateQuestion('matching');
-        cy.barsPreLoaderWait();
-        matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
-        matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
-        matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
-        matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower']);
+        cy.loginAs('admin');
     });
 
-    it('Option placement in dropzone label should be displayed', () => {
-        utilities.verifyInnerText(matchingPage.optionAlignmentInPanelLabel(), 'Option placement in dropzone if maximum capacity per dropzone is more than 1');
-        utilities.verifyElementVisibilityState(matchingPage.optionAlignmentInPanelLabel(), 'visible');
+    describe('Option placement in dropzone - Edit tab contents and functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+            matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower']);
+        });
+    
+        it('Option placement in dropzone label should be displayed', () => {
+            utilities.verifyInnerText(matchingPage.optionAlignmentInPanelLabel(), 'Option placement in dropzone if maximum capacity per dropzone is more than 1');
+            utilities.verifyElementVisibilityState(matchingPage.optionAlignmentInPanelLabel(), 'visible');
+        });
+    
+        it('Inline and Block labels and radio buttons should be displayed and by default, inline should be selected', () => {
+            utilities.verifyInnerText(matchingPage.inlineLabel(), 'Inline');
+            utilities.verifyElementVisibilityState(matchingPage.inlineRadioButton(), 'exist');
+            utilities.verifyInnerText(matchingPage.blockLabel(), 'Block');
+            utilities.verifyElementVisibilityState(matchingPage.blockRadioButton(), 'exist');
+            matchingPage.steps.verifyInlineRadioButtonChecked();
+        });
+    
+        it('When user drops options in the dropzone when \'Inline\' radio button is checked, the options should be displayed inline to each other', () => {
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyInlineOptionPlacementSpecifyCorrectAnswer();
+        });
+    
+        it('When the user selects \'Block\' radio button, then the options should be displayed under each other', () => {
+            matchingPage.steps.checkBlockRadioButton();
+            matchingPage.steps.verifyBlockOptionPlacementSpecifyCorrectAnswer();
+        });
     });
-
-    it('Inline and Block labels and radio buttons should be displayed and by default, inline should be selected', () => {
-        utilities.verifyInnerText(matchingPage.inlineLabel(), 'Inline');
-        utilities.verifyElementVisibilityState(matchingPage.inlineRadioButton(), 'exist');
-        utilities.verifyInnerText(matchingPage.blockLabel(), 'Block');
-        utilities.verifyElementVisibilityState(matchingPage.blockRadioButton(), 'exist');
-        matchingPage.steps.verifyInlineRadioButtonChecked();
-    });
-
-    it('When user drops options in the dropzone when \'Inline\' radio button is checked, the options should be displayed inline to each other', () => {
-        matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 0 }]);
-        matchingPage.steps.verifyInlineOptionPlacementSpecifyCorrectAnswer();
-    });
-
-    it('When the user selects \'Block\' radio button, then the options should be displayed under each other', () => {
-        matchingPage.steps.checkBlockRadioButton();
-        matchingPage.steps.verifyBlockOptionPlacementSpecifyCorrectAnswer();
-    });
-});
-
-describe('Option placement in dropzone - Preview tab functionality', () => {
-    abortEarlySetup();
-    before(() => {
-        matchingPage.steps.navigateToCreateQuestion('matching');
-        cy.barsPreLoaderWait();
-        matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
-        matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
-        matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
-        matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower']);
-        matchingPage.steps.switchToPreviewTab();
-    });
-
-    it('When user drops options in the dropzone when \'Inline\' radio button is checked, the options should be displayed inline to each other', () => {
-        matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 0 }]);
-        matchingPage.steps.verifyInlineOptionPlacementPreviewTab();
-    });
-
-    it('When the user selects \'Block\' radio button, then the options should be displayed under each other', () => {
-        matchingPage.steps.switchToEditTab();
-        matchingPage.steps.checkBlockRadioButton();
-        matchingPage.steps.switchToPreviewTab();
-        matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 0 }]);
-        matchingPage.steps.verifyBlockOptionPlacementPreviewTab();
+    
+    describe('Option placement in dropzone - Preview tab functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandStyleAndLayoutCustomizationAccordion();
+            matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            matchingPage.steps.enterTextInOptionInputField(['Leaves', 'Flower']);
+            matchingPage.steps.switchToPreviewTab();
+        });
+    
+        it('When user drops options in the dropzone when \'Inline\' radio button is checked, the options should be displayed inline to each other', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyInlineOptionPlacementPreviewTab();
+        });
+    
+        it('When the user selects \'Block\' radio button, then the options should be displayed under each other', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.checkBlockRadioButton();
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Leaves', dropzoneIndex: 0 }, { optionText: 'Flower', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyBlockOptionPlacementPreviewTab();
+        });
     });
 });

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

@@ -138,7 +138,7 @@ describe('Create item page - Matching: All or nothing ', () => {
                 matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
             });
 
-            it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, 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', () => {
+            it('When the user attempts the question partially correct with some correct, some incomplete and some incorrect options, 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();
                 };

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

@@ -0,0 +1,34 @@
+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 question page - Multiple selection', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            multipleSelectionPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            multipleSelectionPage.steps.allotPoints(20);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.checkAlternativeButtonEnabled();
+        });
+
+        it('User should be able to add \'Alternative\' answer using the \'Add alternative\' button, when user has not set any answer in the \'Alternative\' accordion and clicks on the \'Correct\' accordion then \'Correct\' accordion should be expanded', () => {
+            multipleSelectionPage.steps.clickOnAddAlternativeAnswerButton();
+            multipleSelectionPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

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

@@ -0,0 +1,79 @@
+import { multipleSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Multiple selection', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            multipleSelectionPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct Answer should be displayed', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.switchToGradingView();
+            multipleSelectionPage.steps.verifyAnswerBannerNotExist();
+            multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+        it('When user allocates points to the question then the scoring label should be displayed as Manually scored and banner and correct answer status should not exist', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.allotPoints(2);
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.checkManuallyScoredScoringLabel();
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.switchToGradingView();
+            multipleSelectionPage.steps.verifyAnswerBannerNotExist();
+            multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            multipleSelectionPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct Answer should be displayed', () => {
+            multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+            multipleSelectionPage.steps.switchToGradingView();
+            multipleSelectionPage.steps.verifyAnswerBannerExist();
+            multipleSelectionPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            multipleSelectionPage.steps.expandScoringTypeDropdown();
+            multipleSelectionPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.switchToGradingView();
+            multipleSelectionPage.steps.verifyAnswerBannerNotExist();
+            multipleSelectionPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

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

@@ -44,7 +44,7 @@ describe('Edit item - multiple Selection', () => {
 
         it('User should be able to edit correct answer and save the question', () => {
             multipleSelectionPage.steps.editItem();
-            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(2);
             multipleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
         });
 

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

@@ -156,4 +156,35 @@ describe('Create item page - Multiple selection: Question instructions, Options
             multipleSelectionPage.steps.verifyOptionWrapperContentsPreviewTab(3);
         });
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.saveAQuestionWithIncompleteAuthoring();
+            multipleSelectionPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            multipleSelectionPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+        });
+
+        it('Warning icons 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.checkOptionInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
+            multipleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            multipleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.warningIcon(), 'notExist');
+        });
+    });
 });

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

@@ -1,7 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, multipleSelectionPage } from "../../../pages";
+import { dialogBoxBase, itemPreviewPage, multipleSelectionPage } from "../../../pages";
+import { browseItemsPage, commonComponents } from "../../../pages/components";
+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'];
-
+var itemReferenceID = ""
 describe('Create item page - Multiple selection: Header section and Saving question', () => {
     before(() => {
         cy.loginAs('admin');
@@ -42,14 +44,11 @@ describe('Create item page - Multiple selection: Header section and Saving quest
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 multipleSelectionPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                multipleSelectionPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                multipleSelectionPage.steps.verifyOptionsInputFieldErrorMessage(0);
-                multipleSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-                multipleSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+                multipleSelectionPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -69,5 +68,35 @@ describe('Create item page - Multiple selection: Header section and Saving quest
             });
             multipleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+                cy.barsPreLoaderWait();
+            });
+
+            it('should 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 option values', 'Please set points']);
+                multipleSelectionPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            multipleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.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/MultipleSelection/previewContentsForInCompleteAuthoring.js

@@ -0,0 +1,98 @@
+import { multipleSelectionPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+let itemReferenceID = "";
+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: Preview contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents when authoring is incomplete - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+                        cy.barsPreLoaderWait();
+                        multipleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        multipleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    multipleSelectionPage.steps.saveAQuestionWithIncompleteAuthoring();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            if(view === 'Item view') {
+                it('Warning icon should be visible', () => {
+                    utilities.verifyElementVisibilityState(multipleSelectionPage.warningIcon(), 'visible');
+                });
+            }
+            
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it(`All the options should be in unchecked state`, () => {
+                    for (let index = 0; index < 4; index++) {
+                        multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(index);
+                    };
+                });
+
+                it(`User should able to select options in the ${view}`, () => {
+                    multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                    multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(0);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(1);
+                });
+
+                it(`User should able to uncheck options in the ${view}`, () => {
+                    multipleSelectionPage.steps.uncheckOptionsCheckboxInPreviewTab(0);
+                    multipleSelectionPage.steps.uncheckOptionsCheckboxInPreviewTab(1);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(0);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(1);
+                    multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                    multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+                });
+            } else if (view === 'Grading view') {
+                it(`The submitted options should be in checked state and they should not be editable`, () => {
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(0);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabCheckedState(1);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(2);
+                    multipleSelectionPage.steps.verifyOptionsCheckboxInPreviewTabUncheckedState(3);
+                    options.forEach((_, index) => {
+                        multipleSelectionPage.steps.verifyOptionCheckBoxIsDisabled(index);
+                    });
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/MultipleSelectionGridNew/Scoring/blankResponseScoring.js

@@ -18,9 +18,8 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.switchToPreviewTab();
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed', () => {
             multipleSelectionGridPage.steps.switchToGradingView();
-            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
@@ -30,15 +29,13 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside all the cells, full points should be allocated and correct answer section should not be displayed', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside all the cells and correct answer section should not be displayed', () => {
             multipleSelectionGridPage.steps.resetQuestionPreview();
             multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
             multipleSelectionGridPage.steps.unselectOptionsInPreviewTab({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.switchToGradingView();
-            multipleSelectionGridPage.steps.verifyPreviewScore(24, 24);
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
@@ -47,16 +44,13 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, zero points should be allocated and correct answer section should be displayed', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell', () => {
             multipleSelectionGridPage.steps.resetQuestionPreview();
             multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
             multipleSelectionGridPage.steps.switchToGradingView();
-            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
@@ -64,8 +58,6 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
-            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
         });
 
         it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
@@ -206,9 +198,8 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.switchToPreviewTab();
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed', () => {
             multipleSelectionGridPage.steps.switchToGradingView();
-            multipleSelectionGridPage.steps.verifyPreviewScore(0, 24);
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
@@ -218,7 +209,6 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
         });
 
         it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then no icons should be displayed beside all the cells, full points should be allocated and correct answer section should not be displayed', () => {
@@ -226,7 +216,6 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
             multipleSelectionGridPage.steps.unselectOptionsInPreviewTab({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.switchToGradingView();
-            multipleSelectionGridPage.steps.verifyPreviewScore(24, 24);
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
@@ -239,12 +228,10 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.verifyCorrectAnswerSectionNotExists();
         });
 
-        it('When the user has not set any answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, points should be allocated for the blank rows, correct/incorrect status message should not be displayed and correct answer section should be displayed', () => {
+        it('When the user has not set any answer in the \'Specify correct answer\' section and selects incorrect cell in  the preview tab then no icon should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect cell, points should be allocated for the blank rows, correct/incorrect status message should not be displayed', () => {
             multipleSelectionGridPage.steps.resetQuestionPreview();
             multipleSelectionGridPage.steps.selectOptionsForAllQuestionStemsInPreviewTab([{ row: 1, column: 0 }]);
             multipleSelectionGridPage.steps.switchToGradingView();
-            multipleSelectionGridPage.steps.verifyPreviewScore(18, 24);
-            multipleSelectionGridPage.steps.verifyIncorrectOptionBackgroundAndIcon({ row: 1, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 2, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 0 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 0 });
@@ -253,7 +240,6 @@ describe('Create item page - Multiple selection grid : Partial equal weights for
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 3, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectIconNotExists({ row: 4, column: 1 });
             multipleSelectionGridPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            multipleSelectionGridPage.steps.verifyBlankAnswerResponseCorrectAnswerSection([{ row: 1, column: 0 }, { row: 1, column: 1 }, { row: 2, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 3, column: 1 }, { row: 4, column: 0 }, { row: 4, column: 1 }]);
         });
 
         it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {