itemengine-cypress-automation 1.0.342-regressionFixes18thMarch-b97f3ea.0 → 1.0.342

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

@@ -209,6 +209,222 @@ describe('Create item page - Fill in the gaps over image - drag and drop: All or
         });
     });
 
+    views.forEach((view) => {
+        describe(`Fill in the Gaps over Image Drag and drop - Manually scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone over the image');
+                        fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+                        fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(20);
+                        fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsOverImageDragAndDropPage.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':
+                        fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageDragAndDropPage.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(() => {
+                    fillInTheGapsOverImageDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('Question instructions should be visible', () => {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop options into correct dropzone over the image');
+                fillInTheGapsOverImageDragAndDropPage.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', () => {
+                fillInTheGapsOverImageDragAndDropPage.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);
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+                };
+            });
+        });
+    });
+    
+    views.forEach((view) => {
+        describe(`Fill in the Gaps Over Image Drag and drop - Non scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzones over the image');
+                        fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+                        fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                        fillInTheGapsOverImageDragAndDropPage.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':
+                        fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageDragAndDropPage.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(() => {
+                    fillInTheGapsOverImageDragAndDropPage.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') {
+                    fillInTheGapsOverImageDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconsNotExist();
+                utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsOverImageDragAndDropPage.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', () => {
+                fillInTheGapsOverImageDragAndDropPage.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') {
+                    fillInTheGapsOverImageDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDragAndDropPage.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();
+                };
+                fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 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') {
+                    fillInTheGapsOverImageDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDragAndDropPage.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();
+                };
+                fillInTheGapsOverImageDragAndDropPage.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') {
+                    fillInTheGapsOverImageDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/backgroundImageAndCanvasProperties.js

@@ -375,7 +375,6 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyFileNameLabel('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.uploadImageProgressBar(), 'visible');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
         });
 

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

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

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/studentViewSettings.js

@@ -492,7 +492,11 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
             fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(3);
-            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(options.slice(0, 5));
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(0, options[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, options[1]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(2, options[2]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(3, options[3]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(4, options[4]);
             cy.wait(2000);
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(5);
         });

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/styleAndLayoutCustomization.js

@@ -434,7 +434,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
     });
 
-    describe('Option placement in dropzone - Preview tab functionality', () => {
+    //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5636
+    describe.skip('Option placement in dropzone - Preview tab functionality', () => {
         abortEarlySetup();
         before(() => {
             fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');

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

@@ -29,33 +29,28 @@ describe('Create item page - Fill in the gaps ovr image with dropdown: All or no
             fillInTheGapsOverImageDropdownPage.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 no answer is set in the \'Specify correct answer\' section and the user switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, no correct/incorrect status message should be shown, and the correct answers section with the label \'Correct answers\' should display correct answers with respective option numeration', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
-            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsOverImageDropdownPage.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 no answer is set in the \'Specify correct answer\' section and the user interacts with the question in the preview tab, correct icons should be displayed beside all responses, full points should be allocated, and the correct answer section should not be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
-                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
-                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
-             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
-             fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
-             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
-            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
-            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
-            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
-         });
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+        });
 
         it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'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', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
@@ -145,32 +140,28 @@ describe('Create item page - Fill in the gaps ovr image with dropdown: All or no
             fillInTheGapsOverImageDropdownPage.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 no answer is set in the \'Specify correct answer\' section and the user switches to the \'Grading\' view without attempting the question, dropzone numeration should be displayed, no correct/incorrect status message should not be shown', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
-            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsOverImageDropdownPage.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 no answer is set in the \'Specify correct answer\' section and the user interacts with the question in the preview tab, correct/incorrect icons should not be displayed beside all responses, manually scored label should be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
             fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
-             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(16, 24);
-             fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
-             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
-            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
-            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
-         });
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+        });
 
         it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'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', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
@@ -239,4 +230,4 @@ describe('Create item page - Fill in the gaps ovr image with dropdown: All or no
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
         });
     });
- });
+});

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

@@ -184,6 +184,217 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
         });
     });
 
+    views.forEach((view) => {
+        describe(`${view}: Manually scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDropdownPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsOverImageDropdownPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsOverImageDropdownPage.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':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploadedInPreviewTab();
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsOverImageDropdownPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'Fill in the gaps');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'visible');
+            });
+
+            it('User should be able to attempt the question and icons, Your answer is correct/incorrect label should not be displayed', () => {
+                fillInTheGapsOverImageDropdownPage.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();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore('Score​', ' 20 points');
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Non scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDropdownPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsOverImageDropdownPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                        fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                        fillInTheGapsOverImageDropdownPage.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':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploadedInPreviewTab();
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsOverImageDropdownPage.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') {
+                    fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+                utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                fillInTheGapsOverImageDropdownPage.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', () => {
+                fillInTheGapsOverImageDropdownPage.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') {
+                    fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDropdownPage.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();
+                };
+                fillInTheGapsOverImageDropdownPage.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') {
+                    fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDropdownPage.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();
+                };
+                fillInTheGapsOverImageDropdownPage.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') {
+                    fillInTheGapsOverImageDropdownPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

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

@@ -112,7 +112,10 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown an
         });
 
         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', () => {
-            fillInTheGapsOverImageDropdownPage.steps.compareDropdownMenuAndDropdownWidthForAutoScaled();
+            //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5566
+            //fillInTheGapsOverImageDropdownPage.steps.compareDropdownMenuAndDropdownWidthForAutoScaled();
+            //Need to remove the below line once the above issue is fixed
+            fillInTheGapsOverImageDropdownPage.steps.expandDropdownInSpecifyCorrectAnswerSection(0);
             cy.log('Choosing an option from dropdown to collapse it')
             fillInTheGapsOverImageDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
         });

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

@@ -377,7 +377,6 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDropdownPage.steps.verifyFileNameLabel('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.uploadImageProgressBar(), 'visible');
             fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
         });
 

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

@@ -45,11 +45,11 @@ describe('Create item page - Fill in the gaps over image - dropdown: Header sect
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please insert a dropdown', 'Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageDropdownPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please insert a dropdown', 'Please set points'])
+                fillInTheGapsOverImageDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please set points'])
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {