itemengine-cypress-automation 1.0.341-e2eFixes18March-66a79d0.0 → 1.0.341-graphAndCharts-0a4e8d7.0

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

@@ -19,28 +19,27 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.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, dropzone 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', () => {
+        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, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, correct answers section should not be displayed', () => {
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([[''], [''], ['']]);
         });
 
-        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 correct icons should be displayed beside all the responses, 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 correct icons should not be displayed beside any responses, no points should be allocated, and correct answer section should not be displayed', () => {
             fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(24, 24);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
         });
 
@@ -68,7 +67,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 24);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5635
+            //fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
@@ -80,7 +80,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 24);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5635
+            //fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
@@ -105,7 +106,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5635
+            //fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
@@ -124,27 +126,26 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.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, dropzone 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', () => {
+        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, dropzone numeration should be displayed, correct/incorrect status message should not be displayed, and correct answers section should not be displayed', () => {
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsDragAndDropPage.steps.verifyDropzoneNumeration();
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([[''], [''], ['']]);
         });
 
-        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 correct icons should be displayed beside all the responses, 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 correct icons should not be displayed beside any responses, no points should be allocated, and correct answer section should not be displayed', () => {
             fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(24, 24);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
         });
 
@@ -172,7 +173,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(8, 24);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5635
+            //fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
         });
@@ -183,7 +185,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(16, 24);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5635
+            //fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flower'], [''], ['Stem']]);
         });
@@ -206,7 +209,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Partial equal
             fillInTheGapsDragAndDropPage.steps.switchToGradingView();
             fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5635
+            //fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
             fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
         });

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/dropzoneStyleAndLayoutCustomization.js

@@ -81,7 +81,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Style and layo
         });
     });
 
-    describe('Fill color - Preview tab', () => {
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5633
+    describe.skip('Fill color - Preview tab', () => {
         const modifiedColor = 'rgb(121, 60, 60)'
         abortEarlySetup();
         before(() => {
@@ -160,7 +161,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Style and layo
         });
     });
 
-    describe('Border color - Preview tab', () => {
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5633
+    describe.skip('Border color - Preview tab', () => {
         const modifiedColor = 'rgb(121, 60, 60)'
         abortEarlySetup();
         before(() => {
@@ -310,7 +312,8 @@ describe('Create item page - Fill in the gaps with drag and drop: Style and layo
         })
     });
 
-    describe('Border style - Preview tab', () => {
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5633
+    describe.skip('Border style - Preview tab', () => {
         abortEarlySetup();
         before(() => {
             fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');

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

@@ -43,6 +43,7 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
         before(() => {
             fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
             cy.barsPreLoaderWait();
+            utilities.verifyElementCount(fillInTheGapsDragAndDropPage.optionsInputField(), 2);
         });
 
         describe('Validation error messages', () => {

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/allOrNothingForAllView.smoke.js

@@ -174,6 +174,207 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
         });
     });
 
+    views.forEach((view) => {
+        describe(`${view}: Manually scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        fillInTheGapsDropdownPage.steps.allotPoints(20);
+                        fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsDropdownPage.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':
+                        fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDropdownPage.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(() => {
+                    fillInTheGapsDropdownPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(fillInTheGapsDropdownPage.questionInstructionsText(), 'Fill in the gaps');
+                utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.questionInstructionsText(), 'visible');
+            });
+
+            it('User should be able to attempt the question and icons, Your answer is correct/incorrect label should not be displayed', () => {
+                fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDropdownPage.steps.checkManuallyScoredScoringLabel();
+                };
+                fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                fillInTheGapsDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Non scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                        fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                        fillInTheGapsDropdownPage.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':
+                        fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDropdownPage.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(() => {
+                    fillInTheGapsDropdownPage.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();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDropdownPage.steps.switchToGradingView();
+                    fillInTheGapsDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+                utilities.verifyInnerText(fillInTheGapsDropdownPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            });
+
+            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', () => {
+                fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            });
+
+            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 with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/dropdownAndDropdownMenuSection.js

@@ -36,7 +36,10 @@ describe('Create item page - Fill in the gaps with dropdown: Dropdown and Dropdo
         });
 
         it('When \'Auto scale\' toggle button is selected, then width of the collapsed dropdown and the dropdown menu should be auto scaled(increased) to accommodate the longest option in the dropdown menu in specify correct answer section', () => {
-            fillInTheGapsDropdownPage.steps.compareDropdownMenuAndDropdownWidthForAutoScaled();
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5566
+            //fillInTheGapsDropdownPage.steps.compareDropdownMenuAndDropdownWidthForAutoScaled();
+            //Need to remove this line after fixing the above issue
+            fillInTheGapsDropdownPage.steps.expandDropdownInSpecifyCorrectAnswerSection(0);
             cy.log('Choosing an option from dropdown to collapse it')
             fillInTheGapsDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
         });

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/dropdownOptionsSection.js

@@ -59,9 +59,9 @@ describe('Create item page - Fill in the gaps with dropdown: Dropdown options se
 
         fillInTheGapsDropdownPage.tests.verifyAddOptionFunctionalityForDropdownOptions();
 
-        it('When user focus in and out of any of the \'Options\' input field without typing anything, error message should be thrown', () => {
+        it('When user focus in and out of any of the \'Options\' input field without typing anything, error message should not be thrown', () => {
             fillInTheGapsDropdownPage.steps.focusInAndFocusOutOfDropdownOptionInputField(0);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {