itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/DragAndDropIntoCategories/Scoring/perCorrectOptionAlternativePointsGreaterThanCorrectPoints.js

@@ -0,0 +1,279 @@
+import { dragAndDropIntoCategoriesPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Drag and drop into categories: Per correct option with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Per correct option with alternative answer - When \'Alternative answer\' points are more than \'Correct answer\' points', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
+            dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(7);
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale', 'Platypus', 'Ostrich', 'Flying squirrel', 'Peacock', 'Octopus']);
+            dragAndDropIntoCategoriesPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.selectAutoScoredScoringSubtype('Per correct option');
+            dragAndDropIntoCategoriesPage.steps.allotPoints(3);
+            dragAndDropIntoCategoriesPage.steps.addAlternativeAnswerAccordion(1);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Ostrich': 3, 'Platypus': 4, 'Octopus': 5 });
+            dragAndDropIntoCategoriesPage.steps.allotPoints(5);
+            dragAndDropIntoCategoriesPage.steps.verifyPointsLabelAndPointsOnAnswerAccordion(1, '30');
+            dragAndDropIntoCategoriesPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, dropzone numeration and correct answer section with correct answers from the alternative accordion and respective dropzone numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyDropzoneCellNumeration(['1', '2', '3', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 30);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+        });
+
+        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 full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(18, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.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 answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.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 responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Ostrich': 3, 'Platypus': 4, 'Octopus': 5 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(30, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.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 answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.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 as per the total of correct options as per the correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Parrot': 1 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(6, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.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 answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.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 as per the total of correct options and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(5, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.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 answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the dropzones correct as per the correct accordion but one dropzone incomplete, then the user should be awarded points as per the total of correct options as per the correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(15, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with all the cells correct as per the alternative accordion but one cell incomplete and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with more number of options exclusively from the correct accordion but with one option common across both accordions, then the user should be awarded points as per the total of correct options as per the correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Ostrich': 3, 'Platypus': 2 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(9, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with more number of options exclusively from the correct accordion but with one option common across both accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the cells correctly attempted as per the correct accordion but with an extra incorrect option, then the user should be awarded points as per the total of correct options as per the correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides the incorrect answer responses, correct/incorrect answer status message and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Ostrich': 3, 'Platypus': 2, 'Whale': 4, 'Octopus': 5 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(18, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with all the cells correctly attempted as per the alternative accordion but with an extra incorrect option and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides the incorrect answer responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(6);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same dropzone, then the user should be awarded points as per the total of correct options as per the correct accordion and on switching to \'Grading\' view, correct icon should be displayed besides the correct accordion response, incorrect icon should be displayed besides the alternative accordion response, correct/incorrect answer status message should not be displayed and correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Bat': 0, 'Parrot': 1, 'Platypus': 2 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(9, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct such that more number of correct options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same dropzone and clicks on \'Check answer\' button, correct icon should be displayed besides the correct accordion response, incorrect icon should be displayed besides the alternative accordion response, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, correct/incorrect answer status message should not be displayed and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 30);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.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 responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct such that more number of options are exclusively from the correct accordion but with one option common across both the accordions and points achieved from the correct accordion mapping is equal to the points achieved from alternative accordion mapping then the points awarded should be according to the alternative accordion mapping and on switching to \'Grading\' view, then correct icon should be displayed besides the common correct answer responses, incorrect icon should be displayed besides correct accordion responses, correct/incorrect answer status message should not be displayed and the correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+            cy.log('Pre-step: Switching to Edit tab and allotting points to correct and alternative accordion such on attempting the question partially correct, points achieved from the alternative accordion mapping is equal to the correct accordion mapping')
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.allotPoints(18);
+            dragAndDropIntoCategoriesPage.steps.expandCorrectAnswerAccordion();
+            dragAndDropIntoCategoriesPage.steps.allotPoints(5);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Ostrich': 3, 'Platypus': 2 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(18, 108);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct such that more number of options are exclusively from the correct accordion but with one option common across both the accordions and clicks on \'Check answer\' button, then the correct icon should be displayed besides the common correct answer responses, incorrect icon should be displayed besides correct accordion responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct such that more number of options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same dropzone and points achieved from the correct accordion mapping is equal to the points achieved from alternative accordion mapping then the points awarded should be according to the alternative accordion mapping and on switching to \'Grading\' view, correct icon should be displayed besides alternative accordion responses, incorrect icon should be displayed besides correct accordion responses and the correct answer section with all correct answers from the alternative accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Bat': 0, 'Platypus': 2 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(18, 108);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Flying squirrel'], ['Eagle', 'Peacock'], ['Ostrich'], ['Platypus'], ['Octopus']], ['1', '2', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct such that more number of options are exclusively from the correct accordion but with one option exclusively from the alternative accordion in the same dropzone 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, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/DragAndDropIntoCategories/Scoring/perCorrectOptionBasic.js

@@ -0,0 +1,180 @@
+import { dragAndDropIntoCategoriesPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create item page - Drag and drop into categories: Per correct option scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - Per correct option scoring', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
+            dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(6);
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale', 'Platypus', 'Ostrich', 'Flying squirrel', 'Peacock']);
+            dragAndDropIntoCategoriesPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Flying squirrel': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.selectAutoScoredScoringSubtype('Per correct option');
+            dragAndDropIntoCategoriesPage.steps.allotPoints(5);
+            dragAndDropIntoCategoriesPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, cell numeration, correct answers section with correct answers and respective cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyDropzoneCellNumeration(['1', '2', '3', '4', '5', '6']);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat', 'Flying squirrel'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+        });
+
+        it('When the user attempts the question incorrectly, 0 points should be awarded and on switching to \'Grading\' view, incorrect icon should be displayed besides the incorrect answer responses, correct/incorrect answer status message should not be displayed and correct answer section should be displayed with correct answers and respective dropzone numeration', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 5 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat', 'Flying squirrel'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.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 responses, correct/incorrect answer status message and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options and some cells empty, the points awarded should be of the total points obtained by each correct option and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer responses, correct/incorrect answer status message should not be displayed and correct answer section should be displayed with correct answers and respective dropzone numeration', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Flying squirrel': 1, 'Ostrich': 3 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(15, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat', 'Flying squirrel'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with some cells correct, some cells partially correct but incomplete, some cells partially correct with incorrect options and some cells empty and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the cells correctly attempted but one cell incomplete, then the points awarded should be of the total points obtained by each correct option and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section should be displayed with correct answers and respective dropzone numeration', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(30, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat', 'Flying squirrel'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with all the cells correctly attempted but one cell incomplete and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer, the points awarded should be of the total points obtained by each correct option and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer responses, correct/incorrect answer status message and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Flying squirrel': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4, 'Peacock': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(35, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(6);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(7);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question partially correct with all the cells correctly attempted but with an extra option which is not set as correct answer and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(6);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(7);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question correctly in the order same as set in the specify correct answer section, then the user should be awarded full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Flying squirrel': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4});
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(35, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question correctly in the order same as set in the specify correct answer section and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question correctly in a random order, then the user should be awarded full points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Bat': 0, 'Parrot': 1, 'Eagle': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4});
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(35, 35);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question correctly in a random order and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, correct/incorrect answer status message should not be displayed and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});