itemengine-cypress-automation 1.0.337-IEI-5508-automated-tests-9e03453.0 → 1.0.338

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

@@ -0,0 +1,84 @@
+import { fillInTheGapsDragAndDropPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const options = ['Flower', 'Leaves'];
+
+describe('Create item page - Fill in the gaps drag and drop', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored with points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('In preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1, 'Leaves': 0 });
+            fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsDragAndDropPage.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', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.allotPoints(2);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1, 'Leaves': 0 });
+            fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+    });
+
+    describe('Question preview: Auto scored without points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options);
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0, 'Leaves': 1});
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('In preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1, 'Leaves': 0 });
+            fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsDragAndDropPage.steps.verifyAnswerStatusBannerExist();
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionExist();
+        });
+    });
+
+    describe('Question preview: Non scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects grading view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options);
+            fillInTheGapsDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1, 'Leaves': 0 });
+            fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

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

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

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

@@ -152,8 +152,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection(['Petals', 'Flower', 'Stem', 'Seed']);
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.errorMessage(), 'Error: Please set a correct answer.');
-            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsDragAndDropPage.tests.verifyErrorMessageCSSAndA11y();
@@ -474,8 +473,7 @@ describe('Create Item Page: Fill in the gaps with drag and drop: Click and drop
             fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Flower');
             fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, groupedOptions[0]);
             fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, groupedOptions[1]);
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.errorMessage(), 'Error: Please set a correct answer.');
-            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsDragAndDropPage.tests.verifyErrorMessageCSSAndA11y();

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

@@ -27,7 +27,6 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
             cy.barsPreLoaderWait();
         });
 
-        //Failing due to https://redmine.zeuslearning.com/issues/566793
         fillInTheGapsDragAndDropPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
 
         fillInTheGapsDragAndDropPage.tests.verifyDragHandleTooltip();
@@ -100,17 +99,14 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
 
         fillInTheGapsDragAndDropPage.tests.verifyGroupedOptionsLayoutSectionContents();
 
-        //Failing due to https://redmine.zeuslearning.com/issues/566793
         fillInTheGapsDragAndDropPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
 
         it('When only two options are present, the delete buttons should be in disabled state', () => {
             fillInTheGapsDragAndDropPage.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', () => {
-            fillInTheGapsDragAndDropPage.steps.addGroup();
-            fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(0);
-            fillInTheGapsDragAndDropPage.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', () => {
@@ -151,8 +147,6 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
         });
 
         fillInTheGapsDragAndDropPage.tests.verifyDraggableOptionsForGroupedLayoutInSpecifyCorrectAnswerSection();
-
-        //Need to update once https://redmine.zeuslearning.com/issues/557984 is resolved
         it('When the user deletes a group, then the deleted group should get removed from the options container as well as from the response areas (if any) of the specify correct answer section', () => {
             cy.log('Pre step: Entering text into the text fields of group 2 response container')
             fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['option 3', 'option 4']);

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

@@ -57,7 +57,7 @@ describe('Edit item - fill in the gaps with drag and drop', () => {
             fillInTheGapsDragAndDropPage.steps.verifyPointInQuestionPreview(30);
         });
 
-        it('User should be able to change scoring type to manually and save the question', () => {
+        it('User should be able to change scoring type to manually scored and save the question', () => {
             fillInTheGapsDragAndDropPage.steps.editItem();
             fillInTheGapsDragAndDropPage.steps.expandScoringTypeDropdown();
             fillInTheGapsDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');

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

@@ -2,6 +2,7 @@ import { fillInTheGapsDragAndDropPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const options = ['Flower', 'Leaves'];
 
 describe('Create item page - Fill in the gaps with text: Question instructions, question input field', () => {
     before(() => {
@@ -97,12 +98,12 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             };
         });
 
-        it('When the user removes all response areas from the question input field, an error message \'Error: Minimum one response token is required.\' should be displayed', () => {
+        it('When the user removes all response areas from the question input field, no error message should be displayed', () => {
             cy.log('Switching to edit tab')
             fillInTheGapsDragAndDropPage.steps.switchToEditTab();
             fillInTheGapsDragAndDropPage.steps.deleteAResponseArea(0);
             fillInTheGapsDragAndDropPage.steps.deleteAResponseArea(0);
-            utilities.verifyInnerText(fillInTheGapsDragAndDropPage.errorMessage(), 'Error: Minimum one response token is required.')
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsDragAndDropPage.tests.verifyErrorMessageCSSAndA11y();
@@ -139,4 +140,33 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n tempus tellus dapibus.Lorem ipsum');
         });
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
+            fillInTheGapsDragAndDropPage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required input fields', () => {
+            fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+        });
+
+        it('When required input fields are filled then warning icons should disappear', () => {
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(options);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+            fillInTheGapsDragAndDropPage.steps.verifyErrorMessageIsNotDisplayed();
+            fillInTheGapsDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            fillInTheGapsDragAndDropPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.warningIcon(), 'notExist');
+        });
+    });
 });

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

@@ -1,5 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { dialogBoxBase, fillInTheGapsDragAndDropPage } from "../../../pages";
+import { dialogBoxBase, itemPreviewPage, fillInTheGapsDragAndDropPage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components";
+import utilities from "../../../support/helpers/utilities";
+
+var itemReferenceID = "";
 const options = ['Flower', 'Leaves'];
 
 describe('Create item page - Fill in the gaps drag and drop: Header section and Saving question', () => {
@@ -42,13 +46,11 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
         });
 
         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', () => {
-                fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(0);
-                fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(1);
-                fillInTheGapsDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-                fillInTheGapsDragAndDropPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -68,5 +70,36 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
             });
             fillInTheGapsDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
         });
+
+        describe('Saving a question with incomplete authoring', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps 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']);
+                fillInTheGapsDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
+            });
+            fillInTheGapsDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
     });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.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/FillInTheGapsDragAndDropNew/previewContentsForAllViewInIncompleteAuthoring.smoke.js

@@ -0,0 +1,119 @@
+import { fillInTheGapsDragAndDropPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view'];
+const views = utilities.getViews(previewContentViews);
+let itemReferenceID = "";
+
+describe('Preview tab contents for all views - Incomplete Authoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop the options in appropriate dropzone');
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(1);
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.enterTextInOptionInputField(2, 'Solve the following');
+                        fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(2);
+                        fillInTheGapsDragAndDropPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        fillInTheGapsDragAndDropPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(0);
+                        fillInTheGapsDragAndDropPage.steps.selectImageOptionFromCKEditorToolbar();
+                        fillInTheGapsDragAndDropPage.steps.addImageToInputField();
+                        fillInTheGapsDragAndDropPage.steps.addTextInputToOptionsInputFieldWithImage(0);
+                        fillInTheGapsDragAndDropPage.steps.focusInOptionsInputField(1);
+                        fillInTheGapsDragAndDropPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        fillInTheGapsDragAndDropPage.steps.addBoldTextInputToOptionsInputField(1);
+                        fillInTheGapsDragAndDropPage.steps.allotPoints(10);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.wait(1000);
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        cy.wait(2000);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it(`Fill in the gaps drag and drop - ${view} - Question instructions should be visible`, () => {
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'Drag and drop the options in appropriate dropzone');
+                utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.questionInstructionsText(), 'visible');
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('The sample \'Lorem Ipsum\' text along with three dropzone should be displayed in the question field and they should be empty.', () => {
+                    utilities.verifyInnerText(fillInTheGapsDragAndDropPage.questionContainerPreviewTab(), 'Lorem ipsum dolor sit amet, \n onsectetur adipiscing elit. Ut pellentesque tincidunt ornare. Integer porttitor est quis urna porttitor,eget \n tempus tellus dapibus.');
+                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+                });
+
+                it(`When the user has added image, equation, bold text to the options input fields, then they should be displayed in the options container in ${view}`, () => {
+                    fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithImageInPreviewTab(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithBoldTextInPreviewTab(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionWithEquationTextInPreviewTab(2);
+                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, '');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '');
+                });
+
+                it('User should be able to drag and drop image, bold text and equation options in the dropzone', () => {
+                    fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'This is a bold option': 0, 'Solve the following': 1, 'Petals': 2 });
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Solve the following');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                });
+            } else if (view === 'Grading view') {
+                it(`The submitted options should be in the respective dropzone and the options container should not be displayed`, () => {
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, '3\nPetals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '1\nThis is a bold option');
+                    utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
+                });
+
+                it('The content in the dropzone should not be editable', () => {
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneIsNotEditableInGradingView();
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/checkScoringLabelBannerAndCorrectAnswer.js

@@ -0,0 +1,91 @@
+import { fillInTheGapsDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const correctAnswerArray = ['Flower', 'Leaf'];
+
+
+describe('Create Item page - Fill in the gaps with dropdown', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Auto Scored With Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when an answer is not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then no banner and correct answer should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsDropdownPage.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', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.allotPoints(2);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.checkManuallyScoredScoringLabel();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+        })
+
+    });
+
+    describe('Question Preview: Auto Scored Without Points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, when points are not set then manually scored scoring label should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.checkManuallyScoredScoringLabel();
+        });
+
+        it('In Preview tab, when user switches to grading view then banner and correct answer should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyAnswerStatusBannerExist();
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionExist();
+        })
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the user selects \'Grading\' view without setting the answer, correct answers section and answer status banner should not be displayed', () => {
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyAnswerStatusBannerNotExist();
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});

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

@@ -0,0 +1,37 @@
+import { fillInTheGapsDropdownPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
+
+describe('Create question page - Fill in the gaps with dropdown ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Check Alternative Answer Button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps with dropdown');
+        });
+
+        it('When correct answer is not set then alternative answer should be disabled', () => {
+            fillInTheGapsDropdownPage.steps.checkAlternativeButtonDisabled();
+        });
+
+        it('When correct answer is set then alternative answer should be enabled', () => {
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, optionsForDropdown[1]);
+            fillInTheGapsDropdownPage.steps.allotPoints(10);
+            fillInTheGapsDropdownPage.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', () => {
+            fillInTheGapsDropdownPage.steps.clickOnAddAlternativeAnswerButton();
+            fillInTheGapsDropdownPage.steps.expandCorrectAnswerAccordion();
+        });
+    });
+});

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

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

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

@@ -38,7 +38,7 @@ describe('Edit item - fill in the gaps with dropdown', () => {
         it('User should be able to edit correct answer and save the question', () => {
             fillInTheGapsDropdownPage.steps.editItem();
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray1[1]);
-            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray1[0]);;
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray1[0]);
             fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
         });
 
@@ -49,7 +49,7 @@ describe('Edit item - fill in the gaps with dropdown', () => {
             fillInTheGapsDropdownPage.steps.verifyPointInQuestionPreview(30);
         });
 
-        it('User should be able to change scoring type to manually and save the question', () => {
+        it('User should be able to change scoring type to manually scored and save the question', () => {
             fillInTheGapsDropdownPage.steps.editItem();
             fillInTheGapsDropdownPage.steps.expandScoringTypeDropdown();
             fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
@@ -86,7 +86,7 @@ describe('Edit item - fill in the gaps with dropdown', () => {
             fillInTheGapsDropdownPage.steps.selectOptionFromScoringTypeDropdown('Auto scored');
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
             fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
-            fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
+            fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
         });
     });
 });