itemengine-cypress-automation 1.0.105 → 1.0.106

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

@@ -0,0 +1,218 @@
+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 - When \'Alternative\' points are more than \'Correct\' 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(9);
+            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(15);
+            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 should be displayed with correct answers from the alternative accordion and respective dropdown numeration', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded points of the correct 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 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(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 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 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 responses from the alternative accordion, then the user should be awarded with full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, correct/incorrect status message 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(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 alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, correct/incorrect status message 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 responses 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 alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[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(alternateAnswerArray);
+            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 responses and on switching to \'Grading\' view, correct icon should be displayed besides the dropdowns with alternative accordion 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 alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[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(alternateAnswerArray);
+            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 responses and on switching to \'Grading\' view, correct icon should be displayed besides alternate accordion responses, incorrect icon should be displayed beside correct accordion responses, correct/incorrect status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[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(alternateAnswerArray);
+            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, then correct icon should be displayed besides alternate accordion responses, incorrect icon should be displayed beside correct 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 responses and on switching to \'Grading\' view, correct icon should be besides the common response, no icon should be displayed beside unattempted dropdown, \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative 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(alternateAnswerArray);
+            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 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.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 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 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(alternateAnswerArray);
+            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 dropdown, 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 selected from the alternative accordion overpowers the combined score of the correct 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 dropdown with alternative accordion response, incorrect icon should be displayed for the dropdown with correct accordion responses, correct/incorrect answer label and its border should not be displayed and correct answer container should be displayed with alternative accordion answers', () => {
+            cy.log('Pre-step: Switching to Edit tab and allotting points to alternative accordion such that the difference between the points is substantial and the points per response are in decimal')
+            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(23);
+            fillInTheGapsOverImageDropdownPage.steps.expandCorrectAnswerAccordion();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, optionsForDropdown3[3]);
+            fillInTheGapsOverImageDropdownPage.steps.allotPoints(5);
+            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[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(alternateAnswerArray);
+            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 and clicks on the \'Check answer\' button, correct icons should be displayed for the dropdown with alternative accordion response, incorrect icon should be displayed for the dropdown with correct accordion responses, correct/incorrect answer label and its border, 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/Scoring/partialEqualWeightsWithCorrectPointsEqualToAlternativePoints.js

@@ -0,0 +1,191 @@
+import { fillInTheGapsOverImageDropdownPage } from "../../../../pages";
+import { commonComponents } from "../../../../pages/components";
+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 with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Partial equal weights with alternative answer - When \'Correct answer\' points are equal to \'Alternative 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(15);
+            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 should be displayed with correct answers from the correct accordion and respective dropdown numeration', () => {
+            fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+            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 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 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 responses from the alternative accordion, then the user should be awarded with full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, correct/incorrect status message 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(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 alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdowns, correct/incorrect status message 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 correct accordion 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 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(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 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 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 dropdown with correct accordion response, incorrect icon should be displayed beside dropdown with the alternative accordion 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: 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.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, then correct icon should be displayed besides dropdown with correct accordion response, incorrect icon should be displayed beside dropdown with the alternative accordion response, correct/incorrect status message 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.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 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: 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 the common response between correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct dropdown, no icon should be displayed beside unattempted dropdown, correct/incorrect status message 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 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 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 dropdown, correct/incorrect status message 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();
+        });
+    });
+});