itemengine-cypress-automation 1.0.389-graphAndCharts-04d27f6.0 → 1.0.390-IEI-6314-testScriptForTextEntryMathValidations-dcad527.0

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

@@ -251,12 +251,15 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                     case 'Question preview':
                         dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
                         cy.barsPreLoaderWait();
+                        dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in correct categories.');
                         dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
                         dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
                         utilities.verifyInnerText(dragAndDropIntoCategoriesPage.scoringTypeDropdown(), 'Manually scored');
                         cy.log('Adding wait to ensure Manually scored is selected');
                         cy.wait(2000);
+                        dragAndDropIntoCategoriesPage.steps.allotPoints(20);
                         dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Parrot', 'Whale']);
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
                         break;
                     case 'Grading view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
@@ -282,6 +285,11 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 });
             };
 
+            it('Question instructions should be visible', () => {
+                dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop options in correct categories.');
+                dragAndDropIntoCategoriesPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+
             it('When the user selects \'Grading\' view, correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -290,6 +298,23 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                     dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
                 };
             });
+
+            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', () => {
+                 dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Parrot': 0, 'Whale': 1 });
+                 if (view === 'Grading view') {
+                     studentViewPage.steps.submitResponse();
+                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                     studentViewPage.steps.clickOnGoToGradingViewButton();
+                     gradingViewPage.steps.verifyGradingViewScore('', 20);
+                     dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectIconsNotExist();
+                     dragAndDropIntoCategoriesPage.steps.verifyAnswerStatusBannerNotExist();
+                     dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExist();
+                 };
+                 if (view === 'Question preview' || view === 'Item preview') {
+                     dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                     dragAndDropIntoCategoriesPage.steps.checkManuallyScoredScoringLabel();
+                 };
+             });
         });
     });
 
@@ -398,8 +423,8 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
     };
 
     views.forEach((view) => {
-        //https://weldnorthed.atlassian.net/browse/IEI-5151
-        describe(`${view}: Drag and drop into categories - Auto Scored with 0 points`, { tags: 'smoke' }, () => {
+        //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5151
+        describe.skip(`${view}: Drag and drop into categories - Auto Scored with 0 points`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
@@ -447,18 +472,20 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
     })
 
     views.forEach((view) => {
-        //https://weldnorthed.atlassian.net/browse/IEI-5151
-        describe(`${view}: Drag and drop into categories - Non Scored`, { tags: 'smoke' }, () => {
+        //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5151
+        describe.skip(`${view}: Drag and drop into categories - Non Scored`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {
                     case 'Question preview':
                         dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
                         cy.barsPreLoaderWait();
-                        dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle']);
-                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
                         dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
                         dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(7);
+                        dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale', 'Platypus', 'Ostrich', 'Flying squirrel', 'Peacock', 'Kite']);
+                        dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1, 'Parrot': 2, 'Platypus': 3, 'Ostrich': 4, 'Whale': 5, 'Flying squirrel': 6, 'Peacock': 7, 'Kite': 8 });
+                        dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
                         break;
                     case 'Grading view':
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
@@ -484,15 +511,97 @@ describe('Create item page - Drag and drop into categories: All or nothing ', ()
                 });
             };
 
+            it('When the user selects "Grading" view without attempting the question, non-scoring label 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 correct/incorrect icons should not be displayed', () => {
+                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') {
+                    dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                    dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                    dragAndDropIntoCategoriesPage.steps.checkNonScoredScoringLabel();
+                    dragAndDropIntoCategoriesPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                utilities.verifyInnerText(dragAndDropIntoCategoriesPage.correctAnswersLabel(), 'Correct answers');
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectIconsNotExist();
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle'], ['Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], ['Flying squirrel'], ['Peacock'], ['Kite']], ['1', '2', '3', '4', '5', '6', '7', '8', '9']);
+            });
+
             it('When the user attempts the question incorrectly for a non scored Question, then the incorrect Answer label and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
-                    dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 7 });
+                    dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 8, 'Eagle': 7, 'Parrot': 3, 'Platypus': 2, 'Ostrich': 8, 'Whale': 6, 'Ostrich': 0, 'Flying squirrel': 5, 'Peacock': 4, 'Kite': 1 });
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton();
                     dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(1);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(4);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(5);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(7);
+                    dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(8);
+                    dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle'], ['Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], ['Flying squirrel'], ['Peacock'], ['Kite']], ['1', '2', '3', '4', '5', '6', '7', '8', '9']);
                 };
             });
+
+            it('hen 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', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 2, 'Platypus': 4 });
+                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') {
+                    dragAndDropIntoCategoriesPage.steps.checkNonScoredScoringLabel();
+                    dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                };
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+                dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle'], ['Parrot'], ['Platypus'], ['Ostrich'], ['Whale'], ['Flying squirrel'], ['Peacock'], ['Kite']], ['1', '2', '3', '4', '5', '6', '7', '8', '9']);
+            });
+ 
+            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', () => {
+                if (view === 'Question preview' || view === 'Item preview') {
+                    dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+                };
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 2, 'Platypus': 3, 'Ostrich': 4, 'Whale': 5, 'Flying squirrel': 6, 'Peacock': 7, 'Kite': 8 });
+                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') {
+                    dragAndDropIntoCategoriesPage.steps.checkNonScoredScoringLabel();
+                    dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                };
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(6);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(7);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(8);
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
         });
 
     })

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

@@ -92,7 +92,7 @@ describe('Create item page - Drag and drop into categories: Question instruction
         });
 
         it('When the user gives an input value lower than 1 i.e. 0 in the rows input stepper, then the columns value should be reset to 1', () => {
-            dragAndDropIntoCategoriesPage.steps.addInputToRowInputStepper(0);
+            dragAndDropIntoCategoriesPage.steps.enterInputToRowInputStepper(0);
             dragAndDropIntoCategoriesPage.steps.verifyRowsInputStepperCountInputFieldValue(1);
         });
 
@@ -771,8 +771,8 @@ describe('Create item page - Drag and drop into categories: Question instruction
         it('Warning icons should be displayed on the required input fields', () => {
             dragAndDropIntoCategoriesPage.steps.verifyWarningIconOnRequiredFields(
                 [
-                    "Please enter all option values",
-                    "Please set points"
+                    "Please enter all option values.",
+                    "Please set points."
                 ]);
         });
 

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/editTabScoring.js

@@ -92,6 +92,7 @@ describe('Create item page - Drag and drop into categories: Scoring section', ()
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop into categories');
         });
 
 

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

@@ -48,11 +48,11 @@ describe('Create item page - Drag and drop into categories: Header section and S
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                dragAndDropIntoCategoriesPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+                dragAndDropIntoCategoriesPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -81,7 +81,7 @@ describe('Create item page - Drag and drop into categories: Header section and S
             });
 
             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 option values', 'Please set points']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
                 dragAndDropIntoCategoriesPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             dragAndDropIntoCategoriesPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/pagination.js

@@ -36,7 +36,7 @@ describe('Create Item page - Drag and drop into categories: Pagination cases - E
 
         it('When user clicks on the right arrow navigation button, then the table should be scrolled by one column towards its right and the left and right arrow navigation button should now be enabled', () => {
             cy.log('Pre-step: Setting number of columns to 15');
-            dragAndDropIntoCategoriesPage.steps.addInputToColumnInputStepper(15);
+            dragAndDropIntoCategoriesPage.steps.addInputToColumnInputStepper(16);
             dragAndDropIntoCategoriesPage.steps.clickOnRightArrowNavigationButtonSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.clickOnRightArrowNavigationButtonSpecifyCorrectAnswerSection();
             dragAndDropIntoCategoriesPage.steps.verifyColumnIsVisibleInTableSpecifyCorrectAnswer(7);

package/cypress/e2e/ILC/DragAndDropIntoCategoriesNew/studentViewSettingsForGroupedLayout.js

@@ -110,6 +110,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
         before(() => {
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Navigating to drag and drop into categories');
             utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
@@ -163,6 +164,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
             utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Navigating to drag and drop into categories');
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);
@@ -217,6 +219,7 @@ describe('Create Item page - drag and drop into categories: Student view setting
             dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
             cy.barsPreLoaderWait();
             utilities.verifyElementCount(dragAndDropIntoCategoriesPage.optionsInputField(), 2);
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Navigating to drag and drop into categories');
             dragAndDropIntoCategoriesPage.steps.expandDraggableOptionsLayoutDropdown();
             dragAndDropIntoCategoriesPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
             dragAndDropIntoCategoriesPage.steps.addGroupTitle(groupTitles[0]);

package/cypress/e2e/ILC/DrawingResponse/drawingResponseEditTabBasicSection.js

@@ -219,10 +219,18 @@ describe('Create item page - Drawing response: Question instructions, Customize
         it('When user selects a toolbar option, then its corresponding secondary toolbar options and their customization options and their sections should be displayed', () => {
             cy.log('Pre-step: De-select all toolbar options');
             toolbarOptions.forEach((toolbarOption) => {
-                drawingResponsePage.steps.deselectToolbarOptionsAndControlsFormattingOptionsTiles(toolbarOption.displayName);
+                let displayName = toolbarOption.displayName;
+                if (displayName === 'Insert image') {
+                    displayName = 'Upload image';
+                }
+                drawingResponsePage.steps.deselectToolbarOptionsAndControlsFormattingOptionsTiles(displayName);
             });
             toolbarOptions.forEach((toolbarOption) => {
-                drawingResponsePage.steps.selectEditTabToolbarOptions([`${toolbarOption.displayName}`]);
+                let displayName = toolbarOption.displayName;
+                if (displayName === 'Insert image') {
+                    displayName = 'Upload image';
+                }
+                drawingResponsePage.steps.selectEditTabToolbarOptions([`${displayName}`]);
                 if (toolbarOption.additionalOptions !== undefined) {
                     toolbarOption.additionalOptions.forEach((additionalOption) => {
                         utilities.verifyElementVisibilityState(drawingResponsePage.additionalOptionsTiles(additionalOption), 'visible');
@@ -271,7 +279,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                     utilities.verifyElementVisibilityState(drawingResponsePage.customizeMathCharactersLabel(), 'notExist');
                 }
 
-                drawingResponsePage.steps.deselectToolbarOptionsAndControlsFormattingOptionsTiles(`${toolbarOption.displayName}`);
+                drawingResponsePage.steps.deselectToolbarOptionsAndControlsFormattingOptionsTiles(`${displayName}`);
             });
         });
 

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/allOrNothingForAllViews.smoke.js

@@ -222,6 +222,216 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
         });
     });
 
+    views.forEach((view) => {
+        describe(`Fill in the Gaps with drag and drop - Manually scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                        fillInTheGapsDragAndDropPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsDragAndDropPage.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':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDragAndDropPage.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(() => {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('Question instructions should be visible', () => {
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop options into correct dropzone');
+                fillInTheGapsDragAndDropPage.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', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+                };
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`Fill in the Gaps with Drag and drop - Non scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsDragAndDropPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                        fillInTheGapsDragAndDropPage.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':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDragAndDropPage.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(() => {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('When the user selects "Grading" view without attempting the question, non-scoring label 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 correct/incorrect icons should not be displayed', () => {
+                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') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconsNotExist();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+    
+            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 answers should be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Roots': 0, 'Leaves': 2, 'Stem': 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') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            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 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 should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Roots': 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') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+    
+            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 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();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Stem': 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') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/draggableOptions.js

@@ -142,6 +142,7 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
         before(() => {
             fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
             cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps drag and drop')
             fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
             fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
         });
@@ -169,6 +170,7 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
         before(() => {
             fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
             cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps drag and drop')
             fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
             fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
         });

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

@@ -151,7 +151,7 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
         });
 
         it('Warning icons should be displayed on the required input fields', () => {
-            fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+            fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
         });
 
         it('When required input fields are filled then warning icons should disappear', () => {

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

@@ -47,11 +47,11 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+                fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -80,7 +80,7 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
             });
 
             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 option values', 'Please set points']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
                 fillInTheGapsDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             fillInTheGapsDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/previewContentsForAllViewInIncompleteAuthoring.smoke.js

@@ -95,17 +95,17 @@ describe('Preview tab contents for all views - Incomplete Authoring', () => {
                 });
 
                 it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
-                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'This is a bold option': 0, 'Solve the following': 1, 'Petals': 2 });
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'This is a bold option': 0, 'Solve the following': 2, 'Petals': 1 });
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Solve the following');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(2, 'Solve the following');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                 });
             } else if (view === 'Grading view') {
                 it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '3\nPetals');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '2\nPetals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '1\nThis is a bold option');
                     utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
                 });