itemengine-cypress-automation 1.0.105 → 1.0.107

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

@@ -0,0 +1,219 @@
+import { fillInTheGapsOverImageDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const optionsForDropdown3 = ['Flower', 'Leaf', 'Stem', 'Roots'];  //Common answer
+const correctAnswerArray = ['Flower', 'Leaf', 'Stem'];
+const alternateAnswerArray = ['Petal', 'Leaves', 'Stem'];
+const incorrectAnswerArray = ['Branch', 'Seed', 'Roots'];
+
+describe('Create item page - Fill in the gaps over image with dropdown: Partial equal weights with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Partial equal weights with alternative answer - When \'Correct answer\' points are more than \'Alternate answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - dropdown question type');
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(15);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+            fillInTheGapsOverImageDropdownPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, alternateAnswerArray[2]);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(9);
+            fillInTheGapsOverImageDropdownPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective dropdown numeration', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+            utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(15, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed');
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with alternative accordion responses, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(9, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with alternative accordion response and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed');
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct dropdowns, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(5, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed');
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct dropdowns, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(3, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section should not be displayed');
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be displayed besides correct accordion responses, incorrect icon should be displayed beside alternative accordion responses, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(5, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, correct icon should be displayed besides the correctly answered dropdowns, incorrect icon should be displayed beside alternative accordion responses, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with points of the correctly attempted response and on switching to \'Grading\' view, correct icon should be besides the common response, no icon should be displayed beside unattempted response, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(5, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correctly answered dropdown, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        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, no icon should be displayed beside unattempted dropdown, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 15);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect dropdowns, no icon should be displayed beside unattempted dropdowns, correct/incorrect status message should not be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Overachiever case: When the user attempts the question with more number of correct responses from the alternative accordion than the correct accordion but the score of the individual response from the correct accordion overpowers the combined score of the alternative accordion answers then on switching to the \'Grading view\', then points awarded should be of the correct accordion, correct icons should be displayed for the correct accordion response, incorrect icon should be displayed for the alternative accordion responses, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            cy.log('Pre-step: Switching to Edit tab and allotting points to alternative accordion such that the difference between the points is substantial and there are no common responses between the two accordions')
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, optionsForDropdown3[3]);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(5);
+            fillInTheGapsOverImageDropdownPage.steps.expandCorrectAnswerAccordion();
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(23);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(7.67, 23);
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with more number of correct responses from the alternative accordion than the correct accordion but the score of the individual response from the correct accordion overpowers the combined score of the alternative accordion answers and clicks on the \'Check answer\' button, correct icons should be displayed beside correct accordion responses, incorrect icons should be displayed beside alternative accordion responses, correct/incorrect answer label, correct answer container should not be displayed')
+            fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

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

@@ -0,0 +1,240 @@
+import { dialogBoxBase, fillInTheGapsOverImageDropdownPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const correctAnswerArray = ['Flower', 'Leaf'];
+const incorrectAnswerArray = ['Branch', 'Seed'];
+
+describe('Create item page - Fill in the gaps over image - dropdown: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
+                fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            });
+
+
+            fillInTheGapsOverImageDropdownPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+                fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+                fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+                fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                fillInTheGapsOverImageDropdownPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, '​');
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                        fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                        fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                        fillInTheGapsOverImageDropdownPage.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':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageDropdownPage.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(() => {
+                    fillInTheGapsOverImageDropdownPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, dropdown numeration should 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');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+                utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+                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.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            });
+
+            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();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                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', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(20, 20);
+                    fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                    fillInTheGapsOverImageDropdownPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
+                fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                fillInTheGapsOverImageDropdownPage.steps.expandMinimumScoringDropdown();
+                fillInTheGapsOverImageDropdownPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                fillInTheGapsOverImageDropdownPage.steps.allotMinimumPoints(2);
+                fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(2, 20);
+                fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(2, 20);
+                fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
+                fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+                fillInTheGapsOverImageDropdownPage.steps.expandMinimumScoringDropdown();
+                fillInTheGapsOverImageDropdownPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                fillInTheGapsOverImageDropdownPage.steps.allotMinimumPoints(2);
+                fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+                fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(0, 20);
+                fillInTheGapsOverImageDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                fillInTheGapsOverImageDropdownPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

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

@@ -0,0 +1,124 @@
+import { fillInTheGapsOverImageDropdownPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+var itemReferenceID = "";
+const checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+
+const optionsForDropdown1 = ['Flower', 'Petal', 'Stem', 'Branch'];
+const optionsForDropdown2 = ['Leaf', 'Leaves', 'Stem', 'Seed'];
+const correctAnswerArray = ['Flower', 'Leaf'];
+const incorrectAnswerArray = ['Branch', 'Seed'];
+
+describe('Create item page - Fill in the gaps over image - dropdown - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
+        const checkAnswer = (view) => {
+            switch (view) {
+                case 'Question preview':
+                case 'Item preview':
+                    fillInTheGapsOverImageDropdownPage.steps.checkAnswer();
+                    break;
+                case 'Student view':
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+
+        describe(`${view} - Check answer functionality`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                        fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                        cy.barsPreLoaderWait();
+                        fillInTheGapsOverImageDropdownPage.steps.addTextInQuestionInstructionsInputField('Fill in the gaps');
+                        fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                        fillInTheGapsOverImageDropdownPage.steps.verifyImageIsUploaded();
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(10);
+                        fillInTheGapsOverImageDropdownPage.steps.insertResponseArea(40);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+                        fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+                        fillInTheGapsOverImageDropdownPage.steps.allotPoints(20);
+                        fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+                        fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+                        fillInTheGapsOverImageDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                        fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    fillInTheGapsOverImageDropdownPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer status message and  correct answer section should not be displayed', () => {
+                checkAnswer(view);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectIconsNotExist();
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                checkAnswer(view);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should be displayed besides correct responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
+                checkAnswer(view);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+
+            it('When user attempts the question correctly, and clicks on \'Check answer\' button, then correct icons should be displayed besides correct responses, a status message with text \'Your answer is correct\' should be displayed. Correct answer section should not be displayed', () => {
+                fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+                checkAnswer(view);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectOptionIcon(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+});