itemengine-cypress-automation 1.0.283-applitools-caab082.0 → 1.0.283

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

@@ -0,0 +1,242 @@
+import { dialogBoxBase, fillInTheGapsOverImageDropdownPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answer
+const correctAnswerArray = ['Flower', '', 'Stem'];
+const alternateAnswerArray = ['Petal', 'Leaves', 'Stem'];
+const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+
+describe('Create item page - Fill in the gaps ovr image with dropdown: All or nothing and Partial equal weights for blank responses', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe(`Auto scored - All or nothing scoring for blank response`, () => {
+        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.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(24);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'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', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+             fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+         });
+
+        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', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and enters responses in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[2] }, { dropdownIndex: 1, dropdownOption: optionsForDropdown2[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+
+    describe(`Auto scored - partial equal weights scoring for blank response`, () => {
+        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.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(30);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDropdownPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(24);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'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', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(16, 24);
+             fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+         });
+
+        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', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(8, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and enters responses in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(16, 24);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[2] }, { dropdownIndex: 1, dropdownOption: optionsForDropdown2[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyVisibilityOfCorrectAnswerLabel();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+ });

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

@@ -16,14 +16,6 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview modes: Student view and Grading view', () => {
             abortEarlySetup();
@@ -111,7 +103,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 });
             };
 
-            it(`${view}: FIG over image Dropdown - When the user selects \'Grading\' view without attempting the question, dropdown 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`, () => {
+            it('When the user selects \'Grading\' view without attempting the question, dropdown 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', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -129,7 +121,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
 
-            it(`${view}: FIG over image Dropdown - When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed`, () => {
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
                 fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
@@ -145,10 +137,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
-                cy.eyesCheckWindow(`${view} - Attempting the question incorrectly`);
             });
 
-            it(`${view}: FIG over image Dropdown - 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 with numeration should be displayed`, () => {
+            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 with numeration should be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -169,7 +160,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             });
 
-            it(`${view}: FIG over image Dropdown - When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed`, () => {
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.clearResponses();
                 };
@@ -189,7 +180,6 @@ describe('Create item page - Fill in the gaps over image - dropdown: All or noth
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
                 fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
-                cy.eyesCheckWindow(`${view} - Attempting the question correctly`);
             });
         });
     });

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

@@ -14,14 +14,6 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
         cy.loginAs('admin');
     });
 
-    beforeEach(() => {
-        cy.startApplitools();
-    });
-
-    afterEach(() => {
-        cy.eyesClose();
-    });
-
     views.forEach((view) => {
         describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
@@ -75,10 +67,9 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                 }
             });
 
-            it(`${view} - Fill in the gaps over image dropdown Question instructions should be visible`, () => {
+            it('Question instructions should be visible', () => {
                 utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'Fill in the gaps');
                 utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.questionInstructionsText(), 'visible');
-                cy.eyesCheckWindow(`${view} - Fill in the gaps over image dropdown - defualt state`);
             });
 
             it('The image uploaded in the \'Background image\' section should be displayed', () => {
@@ -91,7 +82,7 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                     fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: '​' }, { dropdownIndex: 1, dropdownText: '​' }]);
                 });
 
-                it(`User should be able to select an option from the dropdown`, () => {
+                it('User should be select an option from the dropdown', () => {
                     fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
                 });
             } else if (view === 'Grading view') {
@@ -105,7 +96,7 @@ describe('Create item page - Fill in the gaps over image - dropdown - Preview co
                     fillInTheGapsOverImageDropdownPage.steps.verifyDropdownIsDisabled(1);
                 });
             } else {
-                it(`The dropdowns should be displayed filled with correct answers`, () => {
+                it('The dropdowns should be displayed filled with correct answers', () => {
                     utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.dropdownPreviewTab(), 2);
                     fillInTheGapsOverImageDropdownPage.steps.verifyTextInDropdownsInPreviewTab([{ dropdownIndex: 0, dropdownText: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownText: correctAnswerArray[1] }]);
                 });

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

@@ -0,0 +1,245 @@
+import { dialogBoxBase, fillInTheGapsOverImageTextPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+var itemReferenceID = "";
+
+describe('Create item page - Fill in the gaps with text: Partial equal weights for blank responses', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe(`Auto scored - All or nothing scoring`, () => {
+        abortEarlySetup();
+        before(() => {
+            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.allotPoints(24);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'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', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '1' }]);
+            fillInTheGapsOverImageTextPage.steps.clearAnswerInputFieldPreviewTab(0);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and enters incorrect response in any response in the preview tab then correct icons should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect responses, points for the correct answers should be allocated and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            //Failing due to https://redmine.zeuslearning.com/issues/588679
+            // fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            // fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            // fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            // fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+        });
+
+        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', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '1' }]);
+            fillInTheGapsOverImageTextPage.steps.clearAnswerInputFieldPreviewTab(0);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and enters responses in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }, { responseIndex: 1, responseText: 'Rose' }, { responseIndex: 2, responseText: 'Sunflower' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+
+    describe(`Auto scored - Partial equal weights`, () => {
+        abortEarlySetup();
+        before(() => {
+            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.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageTextPage.steps.allotPoints(24);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and switches to the \'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', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the responses, full points should be allocated and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '1' }]);
+            fillInTheGapsOverImageTextPage.steps.clearAnswerInputFieldPreviewTab(0);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has not set any answer in the \'Specify correct answer\' section and enters incorrect response in any response in the preview tab then correct icons should be displayed beside the empty responses, incorrect icons should be displayed beside incorrect responses, points for the correct answers should be allocated and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(16, 24);
+            //Failing due to https://redmine.zeuslearning.com/issues/588679
+            // fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            // fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            // fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['', '', '']);
+        });
+
+        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', () => {
+            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaNumeration();
+            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and interacts with the question in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: '1' }]);
+            fillInTheGapsOverImageTextPage.steps.clearAnswerInputFieldPreviewTab(0);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(8, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When the user has set an answer in the \'Specify correct answer\' section and enters responses in the preview tab then correct icons should be displayed beside all the correct responses and incorrect icon beside the incorrect responses, points should be allocated for the correct answers and correct answer section should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }]);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(16, 24);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Marigold' }, { responseIndex: 1, responseText: 'Rose' }, { responseIndex: 2, responseText: 'Sunflower' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(0, 24);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['Flower', '', 'Stem']);
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsPreviewTab([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 2, responseText: 'Stem' }]);
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewScore(24, 24);
+            fillInTheGapsOverImageTextPage.steps.switchToGradingView();
+            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageTextPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});