itemengine-cypress-automation 1.0.389-graphAndCharts-04d27f6.0 → 1.0.390-IEI-6314-testScriptForTextEntryMathValidations-dcad527.0

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

@@ -44,8 +44,8 @@ describe('Preview tab contents for all views', () => {
                         fillInTheGapsDragAndDropPage.steps.selectBoldOptionFromCKEditorToolbar();
                         fillInTheGapsDragAndDropPage.steps.addBoldTextInputToOptionsInputField(1);
                         fillInTheGapsDragAndDropPage.steps.allotPoints(10);
-                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 2 });
-                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Solve the following': 1 });
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 1 });
+                        fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Solve the following': 2 });
                         fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'This is a bold option': 0 });
                         fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
                         break;
@@ -110,22 +110,22 @@ 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.verifyCorrectOptionIcon(1);
+                    // fillInTheGapsDragAndDropPage.steps.verifyCorrectOptionIcon(2);
                     fillInTheGapsDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                     utilities.verifyElementVisibilityState(fillInTheGapsDragAndDropPage.optionContainerOptionsPreviewTab(), 'notExist');
                 });
@@ -135,12 +135,11 @@ describe('Preview tab contents for all views', () => {
                 });
             } else {
                 it('The dropzone should be displayed filled with answers', () => {
-                    utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(2, 'Petals');
-                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(2);
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(1, 'Petals');
+                    fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithImageInPreviewTab(1);
                     fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextPreviewTab(0, 'This is a bold option');
                     //Note: Equation needs to be checked manually in correct answer view
-                    // fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(1);
+                    // fillInTheGapsDragAndDropPage.steps.verifyDropzoneWithEquationTextInPreviewTab(2);
                     // utilities.verifyElementCount(fillInTheGapsDragAndDropPage.dropzonePreviewTab(), 3);
                 });
             }

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();

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

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

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

@@ -18,9 +18,9 @@ describe('Create item page - Fill In the Gaps Over Image Drag and Drop', () => {
         it('Warning icons should be displayed on the required input fields', () => {
             fillInTheGapsOverImageDragAndDropPage.steps.verifyWarningIconOnRequiredFields(
                 [
-                    "Please enter all option values",
+                    "Please enter all option values.",
                     "Please upload an image",
-                    "Please set points"
+                    "Please set points."
                 ]);
         });
 

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

@@ -48,11 +48,11 @@ describe('Create item page - Fill in the gaps over image - drag and drop: Header
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please enter all option values', 'Please upload an image', 'Please set points']);
+            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();
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyWarningIconOnRequiredFields(['Please enter all option values', 'Please upload an image', 'Please set points'])
+                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', () => {
@@ -87,7 +87,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: Header
             });
 
             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.']);
                 fillInTheGapsOverImageDragAndDropPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             fillInTheGapsOverImageDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/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 - ', () => {
     before(() => {
@@ -69,4 +71,47 @@ describe('Edit item - ', () => {
             fillInTheGapsOverImageDropdownPage.steps.saveAQuestionAndVerifySnackbar();
         });
     });
+
+    //https://weldnorthed.atlassian.net/browse/IEI-6059
+    describe('Fill in the gaps with dropdown question - equality sign functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps over image with dropdown');
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, equalitySign);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, equalitySign1);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, equalitySign[2]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, equalitySign1[1]);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(10);
+            fillInTheGapsOverImageDropdownPage.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', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([equalitySign[2], equalitySign1[1]]);
+            fillInTheGapsOverImageDropdownPage.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', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.editItem();
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.verifyOptionFieldContent(equalitySign);
+            fillInTheGapsOverImageDropdownPage.steps.navigateToDropdownOptionsTab(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyOptionFieldContent(equalitySign1);
+        });
+
+        it('The options in the dropdown should be displayed as the options in the input field', () => {
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownOptionsSpecifyCorrectAnswerSection(0, equalitySign);
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownOptionsSpecifyCorrectAnswerSection(1, equalitySign1);
+        });
+    });
 });

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

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

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

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

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/HeaderSection.js

@@ -49,11 +49,11 @@ describe('Create item page - Fill in the gaps over image - text: Header section
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image', 'Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image.', 'Please set points.']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageTextPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image', 'Please set points']);
+                fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image.', 'Please set points.']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -85,9 +85,9 @@ describe('Create item page - Fill in the gaps over image - text: Header section
             });
 
             it('Should 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 upload an image', 'Please set points']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload an image.', 'Please set points.']);
                 fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please insert a text container', 'Please set points']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please insert a text container.', 'Please set points.']);
                 fillInTheGapsOverImageTextPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             fillInTheGapsOverImageTextPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();

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

@@ -73,7 +73,7 @@ describe('Edit item - fill in the gaps with text', () => {
         });
 
         it('Warning icons should be displayed on the required input fields', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image','Please set points']);
+            fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please upload an image.','Please set points.']);
         });
 
         it('When required input fields are filled then warning icons should disappear', () => {

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/responseAnswersAndAcceptedStudentInput.js

@@ -17,6 +17,10 @@ describe('Create Item page - Fill in the gaps over image - text: ', () => {
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
             utilities.hoverAwayFromElement(fillInTheGapsOverImageTextPage.insertResponseAreaButton());
+            utilities.triggerMouseout(fillInTheGapsOverImageTextPage.insertResponseAreaButton());
+            utilities.hoverAwayFromElement(fillInTheGapsOverImageTextPage.selectResponseAreaButton());
+            utilities.triggerMouseout(fillInTheGapsOverImageTextPage.insertResponseAreaButton());
+            fillInTheGapsOverImageTextPage.steps.clickOnCanvasToolbar();
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyAnswerInputFieldEditTab();

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/supportedFileTypes.js

@@ -41,7 +41,9 @@ describe('Create item page - Fill in the gaps over image with text: Supported fi
         it('When the user tries to uploads an image with unsupported file type, then an error message should not be displayed', () => {
             fillInTheGapsOverImageTextPage.steps.uploadFileWithoutVerification('uploads/sample.heif');
             utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.errorMessage(), 'notExist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.canvasUploadedImage(), 'notExist')
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.canvasUploadedImage(), 'notExist');
         });
+
+        fillInTheGapsOverImageTextPage.tests.verifyErrorMessageCSSAndA11y();
     });
 });

package/cypress/e2e/ILC/FillInTheGapsTextNew/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', () => {
-            fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+            fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points.']);
         });
 
         it('When required input fields are filled then warning icons should disappear', () => {

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

@@ -48,11 +48,11 @@ describe('Create item page - Fill in the gaps with text: Header section and savi
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points.']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsTextPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+                fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['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 text: Header section and savi
             });
 
             it('Should 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 set points']);
+                dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points.']);
                 fillInTheGapsTextPage.steps.saveAQuestionWithIncompleteAuthoring();
             });
             fillInTheGapsTextPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();