itemengine-cypress-automation 1.0.381-PR-fixes-1c28a3d.0 → 1.0.381-regressionFixes10June-8dc1710.0

package/cypress/e2e/ILC/EssayResponse/editTabBasicSections.js

@@ -73,55 +73,45 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.setMaximumLimit(500);
         });
 
-        it('When the user clears the minimum word limit input field and focuses out of it, then error message \'Error: Minimum word limit is required\' should be displayed below the input field', () => {
+        it('When the user clears the minimum word limit input field and focuses out of it, then the error message should not be displayed', () => {
             essayResponsePage.steps.clearAndFocusOutOfMinimumLimitInputField();
-            utilities.verifyInnerText(essayResponsePage.errorMessage(), 'Error: Minimum word limit is required.');
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        essayResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user enters value in minimum word limit input field then the error message should disappear', () => {
+        it('When the user enters value 0 in the minimum word limit input field, it should be accepted', () => {
             essayResponsePage.steps.setMinimumLimit(0);
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user clears the maximum word limit input field and focuses out of it, then error message \'Error: Maximum word limit is required.\' should be displayed below the input field', () => {
+        it('When the user clears the maximum word limit input field and focuses out of it, then the error message should not be displayed', () => {
             essayResponsePage.steps.clearAndFocusOutOfMaximumLimitInputField();
-            utilities.verifyInnerText(essayResponsePage.errorMessage(), 'Error: Maximum word limit is required.');
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user enters value in maximum word limit input field then the error message should disappear', () => {
+        it('When the user enters a value in the maximum word limit input field, it should be accepted', () => {
             essayResponsePage.steps.setMaximumLimit(500);
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets the minimum limit input field value greater than the maximum limit input field value, then error messages should not be displayed below both input fields', () => {
             essayResponsePage.steps.setMinimumLimit(700);
-            essayResponsePage.steps.verifyMaximumLimitErrorMessage();
-            essayResponsePage.steps.verifyMinimumLimitErrorMessage();
+            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        essayResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user sets minimum limit input field value less than or equal to maximum limit input field value then error message should disappear', () => {
+        it('When the user sets the minimum limit input field value less than or equal to the maximum limit input field value, then the error messages should disappear', () => {
             essayResponsePage.steps.setMinimumLimit(500);
             utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user sets maximum limit input field value less than minimum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets the maximum limit input field value less than the minimum limit input field value, then error messages not be displayed below both input fields', () => {
             essayResponsePage.steps.setMaximumLimit(400);
-            essayResponsePage.steps.verifyMaximumLimitErrorMessage();
-            essayResponsePage.steps.verifyMinimumLimitErrorMessage();
+            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user sets maximum limit input field value greater than or equal to minimum limit input field value then error message should disappear', () => {
+        it('When the user sets the maximum limit input field value greater than or equal to the minimum limit input field value, then the error messages should disappear', () => {
             essayResponsePage.steps.setMaximumLimit(800);
             utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('\'Always show maximum limit\' and \'Always show minimum limit\' labels and checkbox should be displayed and by default \'Always show maximum limit\' should be checked', () => {
+        it('\'Always show maximum limit\' and \'Always show minimum limit\' labels and checkboxes should be displayed, and by default, \'Always show maximum limit\' should be checked', () => {
             utilities.verifyInnerText(essayResponsePage.alwaysShowMaxLimitLabel(), 'Always show maximum limit');
             utilities.verifyElementVisibilityState(essayResponsePage.alwaysShowMaxLimitLabel(), 'visible');
             utilities.verifyInnerText(essayResponsePage.alwaysShowMinLimitLabel(), 'Always show minimum limit');
@@ -129,44 +119,40 @@ describe('Create question page - Essay Response: Question Instructions, Set limi
             essayResponsePage.steps.verifyAlwaysShowMaximumLimitCheckboxIsChecked();
         });
 
-        it('When the user selects \'Character\' radio button then labels should change to \'Minimum character limit\' and \'Maximum character limit\'', () => {
+        it('When the user selects the \'Character\' radio button, the labels should change to \'Minimum character limit\' and \'Maximum character limit\'', () => {
             essayResponsePage.steps.checkCharacterRadioButton();
             utilities.verifyInnerText(essayResponsePage.minimumLimitLabel(), 'Minimum character limit');
             utilities.verifyInnerText(essayResponsePage.maximumLimitLabel(), 'Maximum character limit');
         });
 
         it('\'Minimum character limit\' and \'Maximum character limit\' input fields should be updated to 0 and 20000 by default', () => {
-            essayResponsePage.steps.verifyMinimumLimitInputField(0)
-            essayResponsePage.steps.verifyMaximumLimitInputField(20000)
+            essayResponsePage.steps.verifyMinimumLimitInputField(0);
+            essayResponsePage.steps.verifyMaximumLimitInputField(20000);
         });
 
-        it('User should be able to update values in both the input fields', () => {
+        it('User should be able to update values in both the input fields for character limits', () => {
             essayResponsePage.steps.setMinimumLimit(750);
             essayResponsePage.steps.setMaximumLimit(12000);
         });
 
-        it('When the user clears the minimum character limit input field and focuses out of it, then error message \'Error: Minimum character limit is required\' should be displayed below the input field', () => {
+        it('When the user clears the minimum character limit input field and focuses out of it, then the error message should not be displayed', () => {
             essayResponsePage.steps.clearAndFocusOutOfMinimumLimitInputField();
-            utilities.verifyInnerText(essayResponsePage.errorMessage(), 'Error: Minimum character limit is required.');
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
         essayResponsePage.tests.verifyErrorMessageCSSAndA11y();
 
-        it('When the user enters value in minimum character limit input field then the error message should disappear', () => {
+        it('When the user enters a value in the minimum character limit input field, the error message should disappear', () => {
             essayResponsePage.steps.setMinimumLimit(0);
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user clears the maximum character limit input field and focuses out of it, then error message \'Error: Maximum character limit is required.\' should be displayed below the input field', () => {
+        it('When the user clears the maximum character limit input field and focuses out of it, then the error message should not be displayed', () => {
             essayResponsePage.steps.clearAndFocusOutOfMaximumLimitInputField();
-            utilities.verifyInnerText(essayResponsePage.errorMessage(), 'Error: Maximum character limit is required.');
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user enters value in maximum character limit input field then the error message should disappear', () => {
+        it('When the user enters a value in the maximum character limit input field, the error message should disappear', () => {
             essayResponsePage.steps.setMaximumLimit(500);
-            utilities.verifyElementVisibilityState(essayResponsePage.errorMessage(), 'notExist');
         });
 
         it('CSS of \'Set word limit\' sections', { tags: 'css' }, () => {

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

@@ -222,6 +222,216 @@ describe('Create item page - Fill in the gaps - drag and drop: All or nothing ',
         });
     });
 
+    views.forEach((view) => {
+        describe(`Fill in the Gaps with drag and drop - Manually scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                        fillInTheGapsDragAndDropPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+    
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('Question instructions should be visible', () => {
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop options into correct dropzone');
+                fillInTheGapsDragAndDropPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+    
+            it('User should be able to attempt the question in student view, and correct/incorrect icons, "Your answer is correct/incorrect" label, and correct answer section should not be displayed in grading view', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Roots': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyAnswerStatusBannerNotExist();
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExist();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.checkManuallyScoredScoringLabel();
+                };
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`Fill in the Gaps with Drag and drop - Non scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+                        fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+                        fillInTheGapsDragAndDropPage.steps.addResponseArea();
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem']);
+                        fillInTheGapsDragAndDropPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                        fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                };
+            });
+    
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsDragAndDropPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsDragAndDropPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+    
+            it('When the user selects "Grading" view without attempting the question, non-scoring label should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label "Correct answers" should be displayed with correct answers and correct/incorrect icons should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                utilities.verifyInnerText(fillInTheGapsDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectIconsNotExist();
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+    
+            it('When the user attempts the question incorrectly, and on switching to "Grading" view, non-scoring label should be displayed, incorrect icon should be displayed beside incorrect response, a status message with text "Your answer is incorrect" and correct answer section with correct answers should be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Roots': 0, 'Leaves': 2, 'Stem': 1 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                    fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+
+            it('When the user attempts the question partially correct, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Roots': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            });
+    
+            it('When the user attempts the question correctly, and on switching to "Grading" view, non-scoring label should be displayed, correct icons should be displayed beside the correct response, a status message with text "Your answer is correct" should be displayed and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsDragAndDropPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsDragAndDropPage.steps.switchToGradingView();
+                };
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

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

@@ -142,6 +142,7 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
         before(() => {
             fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
             cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps drag and drop')
             fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
             fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
         });
@@ -169,6 +170,7 @@ describe('Create Item page - Fill in the gaps with drag and drop: Draggable opti
         before(() => {
             fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
             cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps drag and drop')
             fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
             fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
         });

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

@@ -151,7 +151,7 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
         });
 
         it('Warning icons should be displayed on the required input fields', () => {
-            fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+            fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
         });
 
         it('When required input fields are filled then warning icons should disappear', () => {

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

@@ -47,11 +47,11 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+                fillInTheGapsDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -80,7 +80,7 @@ describe('Create item page - Fill in the gaps drag and drop: Header section and
             });
 
             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']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
                 fillInTheGapsDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             fillInTheGapsDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();

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

@@ -95,17 +95,17 @@ describe('Preview tab contents for all views - Incomplete Authoring', () => {
                 });
 
                 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.clickAndDropOptionInDropzonePreviewTab({ 'This is a bold option': 0, 'Solve the following': 2, 'Petals': 1 });
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Solve the following');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(2, 'Solve the following');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                 });
             } 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(1, '2\nPetals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '1\nThis is a bold option');
                     utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
                 });

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

@@ -110,23 +110,23 @@ describe('Preview tab contents for all views', () => {
                 });
 
                 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.clickAndDropOptionInDropzonePreviewTab({ 'This is a bold option': 0, 'Solve the following': 2, 'Petals': 1 });
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(1, 'Solve the following');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    // fillInTheGapsDragAndDropPage.steps.verifyDropzoneContainsTextPreviewTab(2, 'Solve the following');
+                    // fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                 });
             } 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(1, '2\nPetals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, '1\nThis is a bold option');
-                    // fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    // fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                     fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(0);
-                    // fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(1);
-                    fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
-                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+                    // fillInTheGapsDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                     utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
                 });
 

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

@@ -7,6 +7,8 @@ const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
 const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
 const correctAnswerArray = ['Flower', 'Leaf'];
 const correctAnswerArray1 = ['Leaves', 'Petal'];
+const equalitySign = ['=', '≠', '>', '<'];
+const equalitySign1 = ['≠', '≥', '≤', '='];
 
 describe('Edit item - fill in the gaps with dropdown', () => {
     before(() => {
@@ -89,4 +91,42 @@ describe('Edit item - fill in the gaps with dropdown', () => {
             fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
         });
     });
+
+    //https://weldnorthed.atlassian.net/browse/IEI-6059
+    describe('Fill in the gaps with dropdown question - equality sign functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps with dropdown')
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, equalitySign);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, equalitySign1);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, equalitySign[2]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, equalitySign1[1]);
+            fillInTheGapsDropdownPage.steps.allotPoints(10);
+            fillInTheGapsDropdownPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('When user switches to the preview tab, then the equality signs should be displayed as is in the dropdown and correct answer section', () => {
+            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([equalitySign[2], equalitySign1[1]]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: equalitySign[2] }, { dropdownIndex: 1, dropdownOption: equalitySign1[1] }]);
+        });
+
+        it('User should be able to edit the question and check the options in the options input field', () => {
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.editItem();
+            fillInTheGapsDropdownPage.steps.switchToEditTab();
+            fillInTheGapsDropdownPage.steps.verifyOptionFieldContent(equalitySign);
+            fillInTheGapsDropdownPage.steps.navigateToDropdownOptionsTab(1);
+            fillInTheGapsDropdownPage.steps.verifyOptionFieldContent(equalitySign1);
+        });
+
+        it('The options in the dropdown should be displayed as the options in the input field', () => {
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsSpecifyCorrectAnswerSection(0, equalitySign);
+            fillInTheGapsDropdownPage.steps.verifyDropdownOptionsSpecifyCorrectAnswerSection(1, equalitySign1);
+        });
+    });
 });

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

@@ -154,7 +154,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         });
 
         it('Warning icons should be displayed on the required input fields', () => {
-            fillInTheGapsDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+            fillInTheGapsDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
         });
 
         it('When required input fields are filled then warning icons should disappear', () => {

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

@@ -46,11 +46,11 @@ describe('Create item page - Fill in the gaps with dropdown: Header section and
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsDropdownPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please set points']);
+                fillInTheGapsDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values.', 'Please set points.']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -81,7 +81,7 @@ describe('Create item page - Fill in the gaps with dropdown: Header section and
             });
 
             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']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values.', 'Please set points.']);
                 fillInTheGapsDropdownPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             fillInTheGapsDropdownPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();