itemengine-cypress-automation 1.0.77 → 1.0.79

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/manuallyAndNonScored.js

@@ -0,0 +1,151 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+let options = ['Petals', 'Leaves', 'Roots', 'Stem'];
+
+describe('Create Item page - Fill in the gaps over image - drag and drop: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(options);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, question instructions, uploaded image, dropzone and options container should be displayed in the preview tab', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploadedInPreviewTab();
+            utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab(), 3);
+            for (let index = 0; index < fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab(); index++) {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneTextPreviewTab(index, '');
+            }
+            options.forEach((optionText, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab(), index), optionText);
+            });
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(options);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.expandScoringTypeDropdown();
+            fillInTheGapsOverImageDragAndDropPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsOverImageDragAndDropPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and the correct answer section should be displayed with correct answers', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly 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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 0, 'Petals': 1, 'Roots': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question incorrectly incorrect icons should be displayed besides all incorrect responses, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then 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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Roots': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct with some correct, some incomplete, some incorrect options, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then 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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Leaves'], ['Stem']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, 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', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Leaves': 1, 'Stem': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed besides the correct answer responses, status message \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/FillInTheGapsOverImageDragAndDropScoring/partialDifferentWeightsAlternativePointsGreaterThanCorrectPoints.js

@@ -0,0 +1,250 @@
+import { fillInTheGapsOverImageDragAndDropPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Fill in the gaps over image with drag and drop: Partial different weights', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    //Failing due to https://redmine.zeuslearning.com/issues/557273
+    describe('Question preview: Auto scored - Partial different weights - When  \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsOverImageDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps over image - drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDragAndDropPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyImageIsUploaded();
+            fillInTheGapsOverImageDragAndDropPage.steps.addMultipleOptionFields(4);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(10);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(40);
+            fillInTheGapsOverImageDragAndDropPage.steps.insertResponseArea(80);
+            fillInTheGapsOverImageDragAndDropPage.steps.addInputToOptionsInputField(['Petals', 'Leaves', 'Roots', 'Stem', 'Flower', 'Seed']);
+            fillInTheGapsOverImageDragAndDropPage.steps.selectAutoScoredScoringSubtype('Partial different weights');
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Flower': 1, 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 7, 1: 1, 2: 5 });
+            fillInTheGapsOverImageDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Petals': 0, 'Stem': 1, 'Seed': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 6, 1: 4, 2: 5 });
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective dropzone numeration', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyDropzoneNumeration();
+            utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'Correct answers');
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+        });
+
+        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, green check-marks should be displayed beside all the correct responses, status message and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Flower': 1, 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(13, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then green check-mark should be displayed besides the correct answer responses, status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.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, green check-marks should be displayed beside all the correct responses, status message and correct answer section should not be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Stem': 1, 'Seed': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(15, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then green check-mark should be displayed besides the correct answer responses, status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded with points of the correctly attempted responses according to the correct accordion and on switching to \'Grading\' view, green check-mark should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response, status message should not be displayed and correct answer section with all correct answers from the alternate accordion along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1, 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(6, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.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 green check-mark should be displayed besides the correct answer responses, status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded with points of the correctly attempted responses from the alternative accordion and on switching to \'Grading\' view, green check-mark should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response, status message should not be displayed and correct answer section with all correct answers from the alternate accordion along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Stem': 1, 'Seed': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(9, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.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 green check-mark should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the responses correct as per the alternative accordion but one response incomplete, then the user should be awarded with points of the correctly attempted responses and on switching to \'Grading\' view, green check-mark should be displayed besides the response from the correct accordion, red cross-mark should be displayed besides the responses from the alternative accordion and no icon should be displayed beside unattempted response, status message should not be displayed and correct answer section with all correct answers from the alternate accordion along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Stem': 1 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(10, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with all the response correct as per the alternative accordion but one response incomplete and clicks on \'Check answer\' button, then green check-mark should be displayed besides the response from the correct accordion, red cross-mark should be displayed besides the responses from the alternative accordion and no icon should be displayed beside unattempted response, status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.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 with points of the correctly attempted responses and on switching to \'Grading\' view, green check-mark icon should be displayed besides response field with alternative answer responses, red cross-mark icon should be displayed beside responses from the correct accordion responses as score achieved from the alternative responses is more than correct responses, status message should not be displayed and correct answer section with all correct answers from the alternate accordion along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Flower': 1, 'Seed': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(11, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.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 green check-mark should be displayed besides the alternative answer responses, red cross-mark should be displayed beside responses of the correct accordion status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.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 with points of the correctly attempted responses and on switching to \'Grading\' view, green check-mark icon should be displayed besides response field with correct answer responses, red cross-mark icon should be displayed beside responses from the alternative tab as points achieved from the correct accordion is more, status message should not be displayed and correct answer section with all correct answers from the alternate accordion along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Stem': 1, 'Leaves': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(12, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.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 green check-mark should be displayed besides the correct answer responses, red cross-mark should be displayed beside empty responses status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.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 with points of the correctly attempted responses from the tab that has more points alloted for the response and on switching to \'Grading\' view, green check-mark icon should be besides the common response, no icons should be displayed beside unattempted responses, status message should not be displayed and correct answer section with all correct answers from the alternate accordion along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(7, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.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 green check-mark should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded with 0 points and on switching to \'Grading\' view, red cross-marks should be displayed besides all incorrect responses, no icon should be displayed beside unattempted response, status message should not be displayed and correct answer section with all alternative answers along with dropzone numeration should be displayed', () => {
+            fillInTheGapsOverImageDragAndDropPage.steps.resetQuestionPreview();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Roots': 0 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(0, 15);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Petals'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then red cross-marks should be displayed besides all incorrect responses,  no icon should be displayed beside unattempted response status message and correct answer section should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.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 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, green check-mark icons should be displayed for the correct accordion response, red cross-mark icon should be displayed for the alternative accordion responses, correct/incorrect answer label and its border should not be displayed and correct answer container should be displayed with correct accordion answers for the responses marked incorrect', () => {
+            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')
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.deleteAlternativeAnswerAccordion(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.expandAlternativeAnswerAccordion(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Roots': 0, 'Stem': 1, 'Seed': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 11.4, 1: 1.2, 2: 10.4 });
+            fillInTheGapsOverImageDragAndDropPage.steps.expandCorrectAnswerAccordion();
+            fillInTheGapsOverImageDragAndDropPage.steps.allotPartialDifferentWeightsPoints({ 0: 1.2, 1: 2.2, 2: 1.6 });
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Petals': 0, 'Flower': 1, 'Seed': 2 });
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyPreviewScore(10.4, 23);
+            fillInTheGapsOverImageDragAndDropPage.steps.switchToGradingView();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Roots'], ['Stem'], ['Seed']]);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons should be displayed beside the correct responses from the correct accordion, red cross-mark icons should be displayed beside the incorrectly answered responses, correct/incorrect answer label and its border, correct answer container should not be displayed')
+            fillInTheGapsOverImageDragAndDropPage.steps.checkAnswer();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            fillInTheGapsOverImageDragAndDropPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});