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

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

@@ -35,7 +35,6 @@ describe('Create Item page - Fill in the gaps with dropdown: Specify correct ans
         fillInTheGapsDropdownPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation();
 
         it('When user has added points and selected an option in dropdown in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
-            dialogBoxBase.steps.closeWarningPopup();
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, optionsForDropdown[1]);
             fillInTheGapsDropdownPage.steps.allotPoints(10);

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

@@ -23,29 +23,28 @@ describe('Create item page - Fill in the gaps over image with drag and drop: All
             fillInTheGapsOverImageDragAndDropPage.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 with a label \'Correct answers\' should not be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            utilities.verifyElementVisibilityStateWithOption(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsOverImageDragAndDropPage.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', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
             fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(24, 24);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            utilities.verifyElementVisibilityStateWithOption(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'notExist');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
         });
 
         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', () => {
@@ -135,27 +134,26 @@ describe('Create item page - Fill in the gaps over image with drag and drop: All
             fillInTheGapsOverImageDragAndDropPage.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 with a label \'Correct answers\' should not be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            utilities.verifyElementVisibilityStateWithOption(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'notExist');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
-            fillInTheGapsOverImageDragAndDropPage.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', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionWithIndexInDropzonePreviewTab({ 0: 0 });
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionOutsideDropzoneWithIndexPreviewTab(0);
             fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(24, 24);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
         });
 

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/Scoring/checkScoringLabelBannerAndCorrectAnswerSection.js

@@ -0,0 +1,96 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const dropzoneCoordinates = [{ x: 50, y: 50 }, { x: 100, y: 100 }];
+
+describe('Create Item page - Fill In the Gaps Over Image Drag and Drop', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 0, 'Option 2': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+        it('When user allocates points to the question then the scoring label should be displayed as manually scored and banner and correct answer status should not exist', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 0, 'Option 2': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Option 1': 0, 'Option 2': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 1, 'Option 2': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyAnswerStatusBannerExist();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 0, 'Option 2': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

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

@@ -0,0 +1,37 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create question page - Fill In the Gaps Over Image Drag and Drop', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            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');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(20);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Option 1': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAlternativeButtonEnabled();
+        });
+
+        it('User should be able to add \'Alternative\' answer using the \'Add alternative\' button, when user has not set any answer in the \'Alternative\' accordion and clicks on the \'Correct\' accordion then \'Correct\' accordion should be expanded', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickOnAddAlternativeAnswerButton();
+            fillInTheGapsOverImageDragAndDropPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

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

@@ -153,12 +153,11 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container an \'Error: Please set a correct answer\' error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and \'Error: Please set a correct answer\' error message should be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Petals', 'Flower', 'Stem', 'Seed']);
-            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'Error: Please set a correct answer.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsOverImageDragAndDropPage.tests.verifyErrorMessageCSSAndA11y();
@@ -483,13 +482,12 @@ describe('Create Item Page: Fill in the gaps over image - drag and drop: Click a
             fillInTheGapsOverImageDragAndDropPage.steps.verifyInactiveStateOfAllDropzoneInSpecifyCorrectAnswerSection();
         });
 
-        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container an error message should be displayed', () => {
+        it('When the user selects a filled option and clicks in the options container, the selected option should get back in the options container and no error message should be displayed', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropGroupedOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropGroupedOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
             fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, groupedOptions[1]);
-            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'Error: Please set a correct answer.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsOverImageDragAndDropPage.tests.verifyErrorMessageCSSAndA11y();

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

@@ -0,0 +1,47 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create item page - Fill In the Gaps Over Image Drag and Drop', () => {
+
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
+            fillInTheGapsOverImageDragAndDropPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyWarningIconOnRequiredFields(
+                [
+                    "Please enter all option values",
+                    "Please upload an image",
+                    "Please set points"
+                ]);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyErrorMessageIsNotDisplayed();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyWarningIconNotExist();
+        });
+    });
+});

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

@@ -1,7 +1,11 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, fillInTheGapsOverImageDragAndDropPage } from "../../../pages";
+import { dialogBoxBase, fillInTheGapsOverImageDragAndDropPage, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
 import utilities from "../../../support/helpers/utilities";
+
 const options = ['Flower', 'Leaves'];
+var itemReferenceID = "";
+
 
 describe('Create item page - Fill in the gaps over image - drag and drop: Header section and Saving question', () => {
     before(() => {
@@ -40,20 +44,15 @@ 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', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
-
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please upload an image', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 0), 'Error: Image is required.');
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.errorMessage(), 1), 'Error: Please insert a dropzone.');
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(0);
-                fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-                fillInTheGapsOverImageDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please upload an image', 'Please set points'])
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -79,5 +78,35 @@ describe('Create item page - Fill in the gaps over image - drag and drop: Header
             });
             fillInTheGapsOverImageDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+                cy.barsPreLoaderWait();
+            });
+
+            it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
+                fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            fillInTheGapsOverImageDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            browseItemsPage.steps.navigateToBrowseItemsPage();
+        });
+
+        it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+            browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+        });
     });
 });

package/cypress/e2e/ILC/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);
         });