itemengine-cypress-automation 1.0.355 → 1.0.356-capture-image-8b4830c.0

package/cypress/e2e/ILC/DrawingResponse/drawingResponseBackground.js

@@ -273,7 +273,6 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
 
         it('When the user adds an image file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded', () => {
             drawingResponsePage.steps.uploadFile('uploads/image.png');
-            utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'visible');
             utilities.verifyInnerText(drawingResponsePage.uploadedFileNameLabel(), 'image.png');
             utilities.verifyElementVisibilityState(drawingResponsePage.uploadedFileNameLabel(), 'visible');
             utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'notExist');
@@ -285,7 +284,6 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
 
             //upload the same file again
             drawingResponsePage.steps.uploadFile('uploads/image.png');
-            utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'visible');
             utilities.verifyInnerText(drawingResponsePage.uploadedFileNameLabel(), 'image.png');
             utilities.verifyElementVisibilityState(drawingResponsePage.uploadedFileNameLabel(), 'visible');
             utilities.verifyElementVisibilityState(drawingResponsePage.fileUploadProgressBar(), 'notExist');
@@ -307,17 +305,13 @@ describe('Create item page - Drawing response: Background: Blank canvas, Image,
             utilities.verifyElementVisibilityState(drawingResponsePage.uploadedFileNameLabel(), 'visible');
         });
 
-        it('When the user uploads a file that is not supported, following error message should be displayed: \'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.\'', () => {
+        it('When the user uploads a file that is not supported, following error message should not be displayed', () => {
             drawingResponsePage.steps.uploadFile('uploads/sample.mp4')
-            utilities.verifyInnerText(drawingResponsePage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.');
-            utilities.verifyElementVisibilityState(drawingResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(drawingResponsePage.errorMessage(), 'notExist');
         });
 
-        drawingResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
         it('When the user uploads supported format of image file, error message should disappear', () => {
             drawingResponsePage.steps.uploadFile('uploads/sample2.jpg');
-            utilities.verifyElementVisibilityState(drawingResponsePage.errorMessage(), 'notExist');
         });
 
         //Failing due to https://redmine.zeuslearning.com/issues/555227

package/cypress/e2e/ILC/DrawingResponse/drawingResponseCustomizeAdditionalOptions.js

@@ -585,6 +585,7 @@ describe('Create item page - Drawing response: Customize special characters, Cus
         it('When the user has modified contents in the \'Fill color\' section in the edit tab, the updates should be displayed in the \'Fill color\' popup in the preview tab', () => {
             drawingResponsePage.steps.switchToPreviewTab();
             drawingResponsePage.steps.selectPreviewTabToolbarOption(`${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[11].displayName}`);
+            drawingResponsePage.steps.selectPreviewTabToolbarOption(`${drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[11].displayName}`);
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption('Fill color');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(255, 0, 0)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');

package/cypress/e2e/ILC/DrawingResponse/drawingResponseEditTabBasicSection.js

@@ -233,7 +233,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                         utilities.verifyInnerText(drawingResponsePage.defaultStrokeFontColorLabel(), 'Default stroke/font colors');
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultStrokeColorsWrapper(), 'visible');
                         drawingResponsePage.steps.verifyCSSOfDefaultFontStrokeFillColorBlockInEditTab(0, 'rgb(0, 112, 128)');
-                    } else if(!toolbarOption.additionalOptions.includes(' StrokeFontColor')) {
+                    } else if (!toolbarOption.additionalOptions.includes(' StrokeFontColor')) {
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultStrokeColorsWrapper(), 'notExist');
                     }
                     else if (toolbarOption.additionalOptions.includes(' FillColor')) {
@@ -241,7 +241,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                         utilities.verifyInnerText(drawingResponsePage.defaultFillColorsLabel(), 'Default fill colors');
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultFillColorsWrapper(), 'visible');
                         drawingResponsePage.steps.verifyCSSOfDefaultFontStrokeFillColorBlockInEditTab(1, 'rgb(0, 224, 255)');
-                    } else if(!toolbarOption.additionalOptions.includes(' FillColor')) {
+                    } else if (!toolbarOption.additionalOptions.includes(' FillColor')) {
                         utilities.verifyElementVisibilityState(drawingResponsePage.defaultNewFillColorsWrapper(), 'notExist');
                     }
                     else if (toolbarOption.additionalOptions.includes(' SpecialChar')) {
@@ -249,7 +249,7 @@ describe('Create item page - Drawing response: Question instructions, Customize
                         utilities.verifyElementDisabledClass(drawingResponsePage.customizeSpecialCharactersLabel());
                         utilities.verifyElementVisibilityState(drawingResponsePage.customizeSpecialCharactersCheckbox(), 'exist');
                         utilities.verifyElementDisabled(drawingResponsePage.customizeSpecialCharactersCheckbox());
-                    } else if(!toolbarOption.additionalOptions.includes(' SpecialChar')) {
+                    } else if (!toolbarOption.additionalOptions.includes(' SpecialChar')) {
                         utilities.verifyElementVisibilityState(drawingResponsePage.customizeSpecialCharactersLabel(), 'notExist');
                         utilities.verifyElementVisibilityState(drawingResponsePage.customizeSpecialCharactersCheckbox(), 'notExist');
                     }

package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js

@@ -266,9 +266,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         });
 
         it('When user clicks on \'Capture Image\' then display Capture Image container should be visible', () => {
-            drawingResponsePage.steps.selectPreviewTabToolbarOption(
-                drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[4].displayName
-            );
+            drawingResponsePage.steps.selectPreviewTabToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[4].displayName);
             drawingResponsePage.steps.verifyCaptureImageContainerIsVisible();
         });
 

package/cypress/e2e/ILC/EssayResponse/createCustomCategory.smoke.js

@@ -135,7 +135,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
 
         allCategories.slice(2).forEach((categoryName) => {
             it(`On clicking the ${equationEditorCategoriesAndSymbols[categoryName].displayName} category accordion the category should be expanded`, () => {
-                if (categoryName != 'Intermediate') {
+                if (categoryName != 'intermediate') {
                     createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`)
                 }
             });

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

@@ -240,7 +240,6 @@ describe('Create question page - Essay Response: Edit category', () => {
             editCategoryFlyout.steps.openEditCategoryFlyout();
             utilities.verifyElementDisabled(editCategoryFlyout.buttonReset());
             editCategoryFlyout.steps.verifyCategoryCharacterNotSelected(`${equationEditorCategoriesAndSymbols.general.symbols.dollar.ariaLabel}`)
-            editCategoryFlyout.steps.verifyCategoryCharacterNotSelected(`${equationEditorCategoriesAndSymbols.general.symbols.dollar.ariaLabel}`)
         });
     });
 

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/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);
+        });
+    });
 });