itemengine-cypress-automation 1.0.340 → 1.0.341

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

@@ -0,0 +1,84 @@
+import { dragAndDropIntoCategoriesPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create Item page - Drag and Drop into Categories', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct categories');
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 0, 'Option 2': 1 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyAnswerStatusBannerNotExist();
+            dragAndDropIntoCategoriesPage.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', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.allotPoints(2);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.checkManuallyScoredScoringLabel();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 0, 'Option 2': 1 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyAnswerStatusBannerNotExist();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct categories');
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Option 1': 0, 'Option 2': 1 });
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 1, 'Option 2': 0 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyAnswerStatusBannerExist();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionExist();
+        });
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct categories');
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Option 1': 0, 'Option 2': 1 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyAnswerStatusBannerNotExist();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

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

@@ -0,0 +1,33 @@
+import { dragAndDropIntoCategoriesPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create question page - Drag and Drop into Categories', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct categories');
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            dragAndDropIntoCategoriesPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Option 1': 0, 'Option 2': 1 });
+            dragAndDropIntoCategoriesPage.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', () => {
+            dragAndDropIntoCategoriesPage.steps.clickOnAddAlternativeAnswerButton();
+            dragAndDropIntoCategoriesPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

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

@@ -154,8 +154,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Bat');
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Bat', 'Eagle', 'Parrot', 'Whale']);
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.errorMessage(), 'Error: Please set a correct answer.');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.errorMessage(), 'notExist');
         });
 
         dragAndDropIntoCategoriesPage.tests.verifyErrorMessageCSSAndA11y();
@@ -482,8 +481,7 @@ describe('Create Item Page: Drag and drop into categories: Click and drop cases
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionFromDropzoneToOptionContainerSpecifyCorrectAnswerSection('Eagle');
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
             dragAndDropIntoCategoriesPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, groupedOptions[1]);
-            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.errorMessage(), 'Error: Please set a correct answer.');
-            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.errorMessage(), 'notExist');
         });
 
         dragAndDropIntoCategoriesPage.tests.verifyErrorMessageCSSAndA11y();

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

@@ -122,10 +122,8 @@ describe('Create Item page - Drag and drop into categories: Draggable options se
             dragAndDropIntoCategoriesPage.steps.verifyDeleteOptionButtonDisabledState();
         });
 
-        it('When the user clicks on \'Add group\' button without entering text in the option input fields, error message \'Error: Option is required\' should be displayed', () => {
-            dragAndDropIntoCategoriesPage.steps.addGroup();
-            dragAndDropIntoCategoriesPage.steps.verifyOptionsInputFieldErrorMessage(0);
-            dragAndDropIntoCategoriesPage.steps.verifyOptionsInputFieldErrorMessage(1);
+        it('\'Add group\' button should be disabled', () => {
+            utilities.verifyElementDisabled(draggableOptionsSectionComponent.addGroupButton());
         });
 
         it('When the user enters text in the options input field, the error messages should disappear', () => {

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

@@ -759,4 +759,37 @@ describe('Create item page - Drag and drop into categories: Question instruction
             dragAndDropIntoCategoriesPage.steps.verifyCellLabelInPreviewTabTable(2, 'New text');
         });
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.saveAQuestionWithIncompleteAuthoring();
+            dragAndDropIntoCategoriesPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            dragAndDropIntoCategoriesPage.steps.verifyWarningIconOnRequiredFields(
+                [
+                    "Please enter all option values",
+                    "Please set points"
+                ]);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Option 1', 'Option 2']);
+            dragAndDropIntoCategoriesPage.steps.allotPoints(10);
+            dragAndDropIntoCategoriesPage.steps.verifyErrorMessageIsNotDisplayed();
+            dragAndDropIntoCategoriesPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            dragAndDropIntoCategoriesPage.steps.verifyWarningIconNotExist();
+        });
+    });
+
 });

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

@@ -1,6 +1,10 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, dragAndDropIntoCategoriesPage } from "../../../pages";
+import { dialogBoxBase, dragAndDropIntoCategoriesPage, itemPreviewPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
+import utilities from "../../../support/helpers/utilities";
+
 const options = ['Bat', 'Eagle'];
+var itemReferenceID = "";
 
 describe('Create item page - Drag and drop into categories: Header section and Saving question', () => {
     before(() => {
@@ -42,14 +46,11 @@ describe('Create item page - Drag and drop into categories: Header section and S
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                dragAndDropIntoCategoriesPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                dragAndDropIntoCategoriesPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(0);
-                dragAndDropIntoCategoriesPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-                dragAndDropIntoCategoriesPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+                dragAndDropIntoCategoriesPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -69,5 +70,35 @@ describe('Create item page - Drag and drop into categories: Header section and S
             });
             dragAndDropIntoCategoriesPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+                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']);
+                dragAndDropIntoCategoriesPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            dragAndDropIntoCategoriesPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.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/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/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(() => {
@@ -43,17 +47,11 @@ describe('Create item page - Fill in the gaps over image - drag and drop: Header
         });
 
         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 +77,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/GridFill/customizeLayoutFillImageBackgroundImage.js

@@ -111,6 +111,12 @@ describe('Create item page - Grid fill: Customize layout section - \'Fill Image\
             gridFillPage.steps.verifyFilledImageFileNameLabel('highlightImage.jpg');
         });
 
+        it('When the user adds the image more than of 10MB, then error should be displayed', () => {
+            gridFillPage.steps.uploadFilledImageFile('20mbFile.png');
+            utilities.verifyElementVisibilityState(gridFillPage.errorMessage(), 'visible');
+            utilities.verifyInnerText(gridFillPage.errorMessage(), 'Error: The file could not be uploaded. The file is 21 MB exceeding the maximum size of 10 MB.');
+        });
+
         it('Delete button should appear beside uploaded file\'s name', () => {
             utilities.verifyElementVisibilityState(gridFillPage.filledImageDeleteImageButton(), 'visible');
         });
@@ -312,6 +318,12 @@ describe('Create item page - Grid fill: Customize layout section - \'Fill Image\
         it('When user has deleted the uploaded background image, then the image should not be displayed as background in grids in edit tab', () => {
             gridFillPage.steps.verifyBackgroundImageIsNotDisplayedInEditTabGrids();
         });
+
+        it('When the user adds the image more than of 10MB, then error should be displayed', () => {
+            gridFillPage.steps.uploadFile('20mbFile.png');
+            utilities.verifyElementVisibilityState(gridFillPage.errorMessage(), 'visible');
+            utilities.verifyInnerText(gridFillPage.errorMessage(), 'Error: The file could not be uploaded. The file is 21 MB exceeding the maximum size of 10 MB.');
+        });
     });
 
     describe('\'Background image\' - Image properties section edit tab', () => {

package/cypress/e2e/ILC/Ruler/rulerEditTabFunctionality.js

@@ -86,6 +86,16 @@ describe('Ruler: Edit tab functionality', () => {
             rulerPage.steps.verifyWidthAndHeightOfImageInPreviewTab();
         });
 
+        it('When the user chooses \'Custom image\' in the \'Unit of Measurement\' dropdown and adds an image file more than 10MB, then error message should be displayed', () => {
+            cy.log('Switching to Edit Tab');
+            rulerPage.steps.switchToEditTab();
+            rulerPage.steps.expandUnitOfMeasurementDropdown();
+            rulerPage.steps.selectOptionFromUnitOfMeasurementDropdown('Custom image');
+            rulerPage.steps.uploadFile('uploads/20mbFile.png');
+            utilities.verifyElementVisibilityState(rulerPage.errorMessage(), 'visible');
+            utilities.verifyInnerText(rulerPage.errorMessage(), 'Error: The file could not be uploaded. The file is 21 MB exceeding the maximum size of 10 MB.');
+        });
+
         it('When user updates width and height in edit tab, then updated changes should be reflected in preview tab', () => {
             cy.log('Switching to Edit Tab');
             rulerPage.steps.switchToEditTab();