itemengine-cypress-automation 1.0.77 → 1.0.79

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

@@ -0,0 +1,316 @@
+import { dragAndDropIntoCategoriesPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create item page - Drag and drop into categories: 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 more than \'Alternative answer\' points', () => {
+        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, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
+            dragAndDropIntoCategoriesPage.steps.addAlternativeAnswerAccordion(1);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Ostrich': 3, 'Platypus': 4 });
+            dragAndDropIntoCategoriesPage.steps.allotPoints(10);
+            dragAndDropIntoCategoriesPage.steps.verifyPointsLabelAndPointsOnAnswerAccordion(1, '10');
+            dragAndDropIntoCategoriesPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, cell numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers from the correct accordion and respective cell numeration', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyDropzoneCellNumeration(['1', '2', '3', '4', '5', '6']);
+            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.correctAnswersLabel(), 'Correct answers');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+        });
+
+        it('CSS of correct answer section and dropzone cell numeration', { tags: 'css' }, () => {
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswersLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.dropzoneCellNumeration(), {
+                'background-color': css.color.liTextSelectedBg,
+                'border': `1px solid ${css.color.optionsSelectedText}`
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerDropzoneCellTickIcon(), {
+                'background-color': css.color.correctAnswer
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerDropzoneCellTickIcon().find('svg g'), {
+                'fill': css.color.defaultBackground
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerOption(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.correctOptionBorder}`
+            });
+        });
+
+        it('Accessibility of correct answer section and dropzone cell numeration', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dragAndDropIntoCategoriesPage.previewTabQuestionWrapper());
+        });
+
+        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 responses, a status message with text \'Your answer is correct\' 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(20, 20);
+            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.verifyCorrectIncorrectAnswerLabel('correct');
+            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, a status message with text \'Your answer is correct\' 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.verifyCorrectIncorrectAnswerLabel('correct');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('CSS of Correct answer state', { tags: 'css' }, () => {
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.previewScoreText(), {
+                'color': css.color.whiteText,
+                'background-color': css.color.correctAnswer
+            });
+            dragAndDropIntoCategoriesPage.correctIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.correctAnswer);
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.correctAnswerLabelBg,
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            cy.log('Verifying css of an correct option')
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctOptionWrapper().find('[role="button"]'), {
+                'background-color': css.color.defaultBackground,
+                'border': `1px solid ${css.color.correctAnswer}`
+            });
+        });
+
+        it('Accessibility of correct answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dragAndDropIntoCategoriesPage.previewTabQuestionWrapper());
+        });
+
+        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 responses, a status message with text \'Your answer is correct\' 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 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(10, 20);
+            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.verifyCorrectIncorrectAnswerLabel('correct');
+            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, a status message with text \'Your answer is correct\' 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.verifyCorrectIncorrectAnswerLabel('correct');
+            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 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Parrot': 1 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            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, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            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, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the cells correct as per the alternative accordion but one cell 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, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Platypus': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            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 response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' 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.verifyIncorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with more number of options exclusively from the alternative accordion but with one option common across both accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Ostrich': 3, 'Platypus': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question with partially correct with more number of options exclusively from the alternative accordion but with one option common across both accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' 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.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the cells correctly attempted as per the alternative accordion but with an extra incorrect option, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Eagle': 1, 'Peacock': 1, 'Ostrich': 3, 'Platypus': 4, 'Whale': 5 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            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 response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' 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.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct such that more number of correct options are exclusively from the alternative accordion but with one option exclusively from the correct accordion in the same cell, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the response common across both accordions, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers from the correct accordion along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flying squirrel': 0, 'Bat': 0, 'Peacock': 1, 'Platypus': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(0, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            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 alternative accordion but with one option exclusively from the correct accordion in the same cell and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion, a status message with text \'Your answer is incorrect\' 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.verifyIncorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            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, a status message with text \'Your answer is incorrect\' 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, 20);
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['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, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('CSS of incorrect answer state', { tags: 'css' }, () => {
+            dragAndDropIntoCategoriesPage.incorrectIcon()
+                .verifyPseudoClassBeforeProperty('color', css.color.incorrectAnswer);
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectAnswerBlock(), {
+                'background-color': css.color.incorrectAnswerLabelBg,
+                'border': `1px solid ${css.color.incorrectAnswer}`
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectStatusMessageText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            cy.log('Verifying css of an incorrect option')
+            utilities.verifyCSS(dragAndDropIntoCategoriesPage.incorrectOptionWrapper().find('[role="button"]'), {
+                'background-color': css.color.defaultBackground,
+                'border': `1px solid ${css.color.incorrectAnswer}`
+            });
+        });
+
+        it('Accessibility of incorrect answer state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(dragAndDropIntoCategoriesPage.previewTabQuestionWrapper());
+        });
+    });
+});

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

@@ -0,0 +1,57 @@
+import { dragAndDropIntoCategoriesPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Drag and drop into categories: All or nothing with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question preview: Auto scored - All or nothing: Penalty scoring with \'Round negative score to zero\' unchecked', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in correct categories');
+            dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
+            dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(5);
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale', 'Platypus', 'Ostrich', 'Flying squirrel']);
+            dragAndDropIntoCategoriesPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
+        });
+
+        //Penalty points for the entire question
+        it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
+            dragAndDropIntoCategoriesPage.steps.expandPenaltyScoringDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            dragAndDropIntoCategoriesPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
+            dragAndDropIntoCategoriesPage.steps.allotPenaltyPoints(2);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question correctly along with an incorrect option, then penalty points should get deducted from the awarded points', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user attempts the question correctly along with multiple incorrect options, then penalty points should get deducted from the awarded points only once, the deducted penalty points should not increase as per number of attempted incorrect options', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4, 'Flying squirrel': 4 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(-2, 20);
+        });
+
+        it('When the user has defined penalty points and also sets minimum scoring to \'Award minimum score only if attempted\' and allots minimum points, then on attempting the question incorrectly, minimum points should be awarded', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.expandMinimumScoringDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+            dragAndDropIntoCategoriesPage.steps.allotMinimumPoints(3);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
+            dragAndDropIntoCategoriesPage.steps.verifyPreviewScore(3, 20);
+        });
+    });
+});

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

@@ -0,0 +1,156 @@
+import { dragAndDropIntoCategoriesPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+describe('Create Item Page: drag and drop into categories: Preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - dropdown question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop each option into the correct categories');
+            dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
+            dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(2);
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale']);
+            dragAndDropIntoCategoriesPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+
+        it('In Preview tab, Question Instructions and options should be displayed along with the table rows and columns', () => {
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsTextPreviewTab('Drag and drop each option into the correct categories');
+            dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(0, 'None');
+            utilities.verifyInnerText(utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), 0), '');
+            dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(1, 'Heading');
+            dragAndDropIntoCategoriesPage.steps.verifyTextContentOfTableCellPreviewTab(1, 'Mammal');
+            dragAndDropIntoCategoriesPage.steps.verifyTextContentOfTableCellPreviewTab(2, 'Not mammal');
+            dragAndDropIntoCategoriesPage.steps.verifyTextContentOfTableCellPreviewTab(3, 'Can fly');
+            dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(4, 'Dropzone');
+            dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(6, 'Subheading');
+            dragAndDropIntoCategoriesPage.steps.verifyTextContentOfTableCellPreviewTab(6, 'Can walk');
+            utilities.verifyInnerText(utilities.getNthElement(dragAndDropIntoCategoriesPage.cellContainerPreviewTab(), 6), 'Can walk');
+            dragAndDropIntoCategoriesPage.steps.verifyTableCellPropertyPreviewTab(9, 'Text');
+            dragAndDropIntoCategoriesPage.steps.verifyTextContentOfTableCellPreviewTab(9, 'Can swim');
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionPreviewTab(0, 'Bat');
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionPreviewTab(1, 'Eagle');
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionPreviewTab(2, 'Parrot');
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionPreviewTab(3, 'Whale');
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.optionsContainerPreviewTab(), 'visible');
+        });
+
+        it('When user attempts the question in preview tab then no icons should be displayed beside the options, status message and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 4, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.incorrectOptionWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.correctOptionWrapper(), 'notExist');
+            utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.correctIncorrectStatusMessageText(), 'notExist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+
+    describe('Question Preview: Non scored', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options in correct categories');
+            dragAndDropIntoCategoriesPage.steps.setRowsAndColumnsForQuestion();
+            dragAndDropIntoCategoriesPage.steps.addMultipleOptionFields(5);
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(['Bat', 'Eagle', 'Parrot', 'Whale', 'Platypus', 'Ostrich', 'Flying squirrel']);
+            dragAndDropIntoCategoriesPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('4');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.allotPoints(20);
+            dragAndDropIntoCategoriesPage.steps.expandScoringTypeDropdown();
+            dragAndDropIntoCategoriesPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, cell numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyDropzoneCellNumeration(['1', '2', '3', '4', '5', '6']);
+            utilities.verifyInnerText(dragAndDropIntoCategoriesPage.correctAnswersLabel(), 'Correct answers');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly, then on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Platypus': 0 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        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, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 4, 'Whale': 4 });
+            dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When the user attempts the question partially correct with all the cells correctly attempted but one cell incomplete, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with dropzone cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 })
+            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.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Bat'], ['Eagle', 'Parrot'], ['Platypus'], ['Ostrich'], ['Whale']], ['1', '2', '3', '4', '5']);
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        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, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4, 'Flying squirrel': 4 });
+            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.verifyCorrectIncorrectAnswerLabel('incorrect');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+
+        it('When user attempts the question correctly, then on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0, 'Eagle': 1, 'Parrot': 1, 'Platypus': 2, 'Ostrich': 3, 'Whale': 4 });
+            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.verifyCorrectIncorrectAnswerLabel('correct');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+        });
+    });
+});