itemengine-cypress-automation 1.0.128 → 1.0.131-updateILCrepo6March-02c78d1.0

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/allOrNothingAlternativePointsGreaterThanCorrectPoints.js

@@ -0,0 +1,204 @@
+import { fillInTheGapsDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+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 with dropdown: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseAreaInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsDropdownPage.steps.allotPoints(10);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+            fillInTheGapsDropdownPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, alternateAnswerArray[2]);
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsDropdownPage.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', () => {
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than overall points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(10, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.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, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(20, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correctly answered dropdowns, no icon should be displayed for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the responses correct as per the correct accordion but one response incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response from the correct accordion and no icon should be displayed for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            fillInTheGapsDropdownPage.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 incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion and no icon should be displayed for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.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 0 points and on switching to \'Grading\' view, correct icon should be displayed besides alternative accordion responses, incorrect icon should be displayed besides correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            fillInTheGapsDropdownPage.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 alternative accordion responses, incorrect icon should be displayed besides correct accordion responses a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.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 0 points and on switching to \'Grading\' view, correct icon should be besides the common response, no icon should be displayed for 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', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            fillInTheGapsDropdownPage.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 dropdowns, no icon should be displayed for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.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 for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the alternative accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(alternateAnswerArray);
+            fillInTheGapsDropdownPage.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 for unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/Scoring/allOrNothingCorrectPointsEqualToAlternativePoints.js

@@ -0,0 +1,204 @@
+import { fillInTheGapsDropdownPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+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 with dropdown: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing with alternative answer - When \'Correct answer\' points are equal to \'Alternative answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDropdownPage.steps.addResponseAreaInQuestionField();
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown1);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(1, optionsForDropdown2);
+            fillInTheGapsDropdownPage.steps.addInputToDropdownOptionFields(2, optionsForDropdown3);
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, correctAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, correctAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, correctAnswerArray[2]);
+            fillInTheGapsDropdownPage.steps.addAlternativeAnswerAccordion(1);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, alternateAnswerArray[0]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(1, alternateAnswerArray[1]);
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(2, alternateAnswerArray[2]);
+            fillInTheGapsDropdownPage.steps.allotPoints(20);
+            fillInTheGapsDropdownPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            fillInTheGapsDropdownPage.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', () => {
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyDropdownNumerationPreviewTab();
+            fillInTheGapsDropdownPage.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, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(20, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, 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, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }, { dropdownIndex: 2, dropdownOption: alternateAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(20, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.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 correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.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 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response from the alternative accordion, no icon should be displayed beside unattempted response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: alternateAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.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 correct icon should be displayed besides the response from the alternative accordion, incorrect icon should be displayed besides the empty response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct dropdowns from correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, correct icon should be displayed besides correct accordion responses, incorrect icon should be displayed beside alternative accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: alternateAnswerArray[1] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct dropdowns from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correctly answered dropdowns, incorrect icon should be displayed beside option from the alternative accordion a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.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 0 points and on switching to \'Grading\' view, correct icon should be besides the common response, no icon should be displayed beside unattempted response, \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 2, dropdownOption: correctAnswerArray[2] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with equal number of correct dropdowns from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correctly answered dropdowns, no icon should be displayed beside unattempted dropdown, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.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, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropdown numeration should be displayed', () => {
+            fillInTheGapsDropdownPage.steps.resetQuestionPreview();
+            fillInTheGapsDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }]);
+            fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+            fillInTheGapsDropdownPage.steps.switchToGradingView();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
+            fillInTheGapsDropdownPage.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, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed');
+            fillInTheGapsDropdownPage.steps.checkAnswer();
+            fillInTheGapsDropdownPage.steps.verifyIncorrectOptionIcon(0);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            fillInTheGapsDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            fillInTheGapsDropdownPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});