itemengine-cypress-automation 1.0.352 → 1.0.353-capture-image-c0b337c.0

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/backgroundImageAndCanvasProperties.js

@@ -375,7 +375,6 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyFileNameLabel('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.uploadImageProgressBar(), 'visible');
             fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
         });
 

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

@@ -44,6 +44,7 @@ describe('Create item page - Fill in the gaps over image - drag and drop: Header
         before(() => {
             fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image with drag and drop');
             cy.barsPreLoaderWait();
+            utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.optionsInputField(), 2);
         });
 
         describe('Validation error messages', () => {

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

@@ -492,7 +492,11 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
             fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(3);
-            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(options.slice(0, 5));
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(0, options[0]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(1, options[1]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(2, options[2]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(3, options[3]);
+            fillInTheGapsOverImageDragAndDropPage.steps.enterTextInOptionInputField(4, options[4]);
             cy.wait(2000);
             fillInTheGapsOverImageDragAndDropPage.steps.allotPoints(5);
         });

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/allOrNothingForAllView.smoke.js

@@ -250,7 +250,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
                     studentViewPage.steps.clickOnGoToGradingViewButton();
-                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore('Score', ' 20 points');
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore('Score​', ' 20 points');
                 };
                 if (view === 'Question preview' || view === 'Item preview') {
                     fillInTheGapsOverImageDropdownPage.steps.checkManuallyScoredScoringLabel();

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

@@ -114,6 +114,8 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown an
         it('When \'Auto scale\' toggle button is selected, then width of the collapsed dropdown and the dropdown menu should be auto scaled(increased) to accommodate the longest option in the dropdown menu in specify correct answer section', () => {
             //Failing due to https://weldnorthed.atlassian.net/browse/IEI-5566
             //fillInTheGapsOverImageDropdownPage.steps.compareDropdownMenuAndDropdownWidthForAutoScaled();
+            //Need to remove the below line once the above issue is fixed
+            fillInTheGapsOverImageDropdownPage.steps.expandDropdownInSpecifyCorrectAnswerSection(0);
             cy.log('Choosing an option from dropdown to collapse it')
             fillInTheGapsOverImageDropdownPage.steps.selectOptionFromDropdownList(optionsForDropdown[0]);
         });

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

@@ -377,7 +377,6 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             cy.barsPreLoaderWait();
             fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageDropdownPage.steps.verifyFileNameLabel('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.uploadImageProgressBar(), 'visible');
             fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
         });
 

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/Scoring/blankResponseScoring.js

@@ -52,9 +52,9 @@ describe('Create item page - Fill in the gaps with text: Partial equal weights f
             fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }]);
             fillInTheGapsOverImageTextPage.steps.switchToGradingView();
             fillInTheGapsOverImageTextPage.steps.checkManuallyScoredScoringLabel();
-            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
-            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
         });
 
         it('When the user sets an answer in the \'Specify correct answer\' section then on switching to \'Grading\' view without attempting the question, dropzone numeration 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 respective option numeration', () => {

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

@@ -180,6 +180,219 @@ describe('Create item page - Fill in the gaps over image - text: All or nothing
         });
     });
 
+    views.forEach((view) => {
+        describe(`Fill in the gaps over image with text - Manually scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+                        fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+                        fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        fillInTheGapsOverImageTextPage.steps.allotPoints(20);
+                        fillInTheGapsOverImageTextPage.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':
+                        fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageTextPage.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(() => {
+                    fillInTheGapsOverImageTextPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('Question instructions should be visible', () => {
+                fillInTheGapsOverImageTextPage.steps.verifyQuestionInstructionsTextPreviewTab('Fill in the gaps');
+                fillInTheGapsOverImageTextPage.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', () => {
+                fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                    fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+                    fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+                    fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+                    fillInTheGapsOverImageTextPage.steps.verifyAnswerStatusBannerNotExist();
+                    fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExist();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageTextPage.steps.checkManuallyScoredScoringLabel();
+                };
+            });
+        })
+    });
+
+    views.forEach((view) => {
+        describe(`Fill in the gaps with text - Non scored: ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageTextPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(30);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+                        fillInTheGapsOverImageTextPage.steps.expandScoringTypeDropdown();
+                        fillInTheGapsOverImageTextPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+                        fillInTheGapsOverImageTextPage.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':
+                        fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageTextPage.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(() => {
+                    fillInTheGapsOverImageTextPage.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') {
+                    fillInTheGapsOverImageTextPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+                    fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
+                utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', '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 answer should be displayed', () => {
+                fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }, { responseIndex: 1, responseText: 'Rose' }, { responseIndex: 2, responseText: 'Sunflower' }]);
+                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') {
+                    fillInTheGapsOverImageTextPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', '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();
+                };
+                fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Sunflower' }]);
+                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') {
+                    fillInTheGapsOverImageTextPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', 'Leaf', 'Stem']);
+            });
+
+            it('When 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();
+                };
+                fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }, { responseIndex: 2, responseText: 'Stem' }]);
+                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') {
+                    fillInTheGapsOverImageTextPage.steps.checkNonScoredScoringLabel();
+                    fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+                fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

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

@@ -177,6 +177,8 @@ describe('Create item page - Fill in the gaps over image: Scoring section', () =
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(40);
             fillInTheGapsOverImageTextPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Lorem' }]);
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Ipsum' }]);
         });
 
         fillInTheGapsOverImageTextPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();

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

@@ -1,5 +1,6 @@
 import { fillInTheGapsOverImageTextPage } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 describe('Create Item page - Fill in the gaps over image - text: ', () => {
@@ -15,6 +16,7 @@ describe('Create Item page - Fill in the gaps over image - text: ', () => {
             fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
             fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
+            utilities.hoverAwayFromElement(fillInTheGapsOverImageTextPage.insertResponseAreaButton());
         });
 
         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')
+            fillInTheGapsOverImageTextPage.steps.verifyCanvasImageNotExist();
         });
+
+        fillInTheGapsOverImageTextPage.tests.verifyErrorMessageCSSAndA11y();
     });
 });