itemengine-cypress-automation 1.0.151-28MarchRepoUpdate-20de036.0 → 1.0.152-28th-March-fixes-6236e0e.0

package/cypress/e2e/ILC/Matching/Scoring/allOrNothingGroupedScoring.js

@@ -0,0 +1,155 @@
+import { matchingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+describe('Create item page - Matching: All or nothing with grouped options layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Auto scored - All or nothing scoring for grouped options', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+            matchingPage.steps.expandMaxCapacityPerDropzoneDropdown();
+            matchingPage.steps.selectOptionFromMaxCapacityPerDropzoneDropdown('2');
+            matchingPage.steps.setGroupedOptions();
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.allotPoints(20);
+            matchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, dropzone numeration should be displayed, correct answers section with a label \'Correct answers\' should be displayed with correct answers and respective option numeration', () => {
+            matchingPage.steps.verifyPreviewScore(0, 20);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+            matchingPage.steps.verifyDropzoneNumeration();
+            utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+        });
+
+        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 numeration should be displayed', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Eagle', dropzoneIndex: 1 }, { optionText: 'Fish', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(0, 20);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icon should be displayed besides the  dropzone, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Eagle', dropzoneIndex: 2 }]);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options and clicks on \'Check answer\' button, then incorrect icon should be displayed besides the dropzone incorrect response and correct icon should be displayed beside the correct response, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(0, 20);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete and clicks on \'Check answer\' button, then no icon should be displayed besides the incomplete and correct icon should be displayed beside the correct response, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the dropzone correctly attempted but with an extra option which is not set as correct answer, then the user should be awarded 0 points and 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 be displayed along with numeration', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(0, 20);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(0, 1);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question partially correct with all the dropzone 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 response, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(0, 1);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts question with the common option from another group then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed along with numeration', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionFromNthGroupInDropzonePreviewTab([{ responseText: 'Elephant', groupIndex: 2, dropzoneIndex: 0 }]);
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(0, 20);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with the common option from another group then the user should be awarded and clicks on \'Check answer\' button, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, the user should be awarded full points and 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', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(20, 20);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user attempts the question correctly and clicks on \'Check answer\' button, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/Matching/Scoring/manuallyAndNonScored.js

@@ -0,0 +1,143 @@
+import { matchingPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
+const optionsArray = ['Cat', 'Elephant', 'Fish', 'Bear', 'Eagle', 'Penguin'];
+
+describe('Create Item page - Matching: Manually and non scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+            matchingPage.steps.addMultipleOptionFields(3);
+            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+            matchingPage.steps.enterTextInOptionInputField(optionsArray);
+            matchingPage.steps.expandScoringTypeDropdown();
+            matchingPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('In Preview tab, question instructions, dropzone and options container should be displayed in the preview tab', () => {
+            matchingPage.steps.verifyQuestionInstructionsTextPreviewTab('Fill the categories with the right answer.');
+            utilities.verifyElementCount(matchingPage.dropzonePreviewTab(), 3);
+            utilities.verifyElementCount(matchingPage.draggableOption(), 6);
+            for (let index = 0; index < matchingPage.dropzonePreviewTab(); index++) {
+                matchingPage.steps.verifyDropzoneTextContentPreviewTab(index, '');
+            }
+            optionsArray.forEach((optionText, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(matchingPage.draggableOption(), index), optionText);
+            });
+        });
+
+        matchingPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Manually scored');
+    });
+
+    describe('Question Preview: Non Scored', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+            matchingPage.steps.addMultipleOptionFields(3);
+            matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+            matchingPage.steps.enterTextInOptionInputField(optionsArray);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.expandScoringTypeDropdown();
+            matchingPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+            matchingPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        matchingPage.tests.verifyGradingStudentViewRadioButtonAndScoringTypeInPreviewTab('Non scored');
+
+        it('When the user selects \'Grading\' view without attempting the question, correct/incorrect icons should not be displayed and the correct answer section should be displayed with correct answers', () => {
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(2);
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.switchToStudentView();
+        });
+
+        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }, { optionText: 'Eagle', dropzoneIndex: 1 }, { optionText: 'Fish', dropzoneIndex: 2 }]);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question incorrectly incorrect icons should be displayed besides all incorrect responses, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyIncorrectOptionIcon(0);
+            matchingPage.steps.verifyIncorrectOptionIcon(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Eagle', dropzoneIndex: 2 }]);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct with some correct, some incomplete, some incorrect options, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(1);
+            matchingPage.steps.verifyIncorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete, then on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question partially correct with all the dropzone correctly attempted but one dropzone incomplete then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed besides incorrect answer response, status message \'Your answer is incorrect\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectIncorrectIconNotExist(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+            matchingPage.steps.resetQuestionPreview();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }, { optionText: 'Fish', dropzoneIndex: 1 }, { optionText: 'Cat', dropzoneIndex: 2 }]);
+            matchingPage.steps.switchToGradingView();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When user clicks on Check answer button after he attempts the question correctly, then correct icon should be displayed besides the correct answer responses, status message \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            matchingPage.steps.checkAnswer();
+            matchingPage.steps.verifyCorrectOptionIcon(0);
+            matchingPage.steps.verifyCorrectOptionIcon(1);
+            matchingPage.steps.verifyCorrectOptionIcon(2);
+            matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/Matching/allOrNothingScoringForAllViews.smoke.js

@@ -9,7 +9,7 @@ var itemReferenceID = "";
 const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
 const optionsArray = ['Cat', 'Elephant', 'Fish', 'Bear', 'Eagle'];
 
-describe('Create item page - Fill in the gaps over image - drag and drop: All or nothing ', () => {
+describe('Create item page - Matching: All or nothing ', () => {
     before(() => {
         cy.loginAs('admin');
     });

package/cypress/e2e/ILC/Matching/checkAnswerFunctionalityForAllViews.smoke.js

@@ -7,7 +7,7 @@ const views = utilities.getViews(checkAnswerViews);
 const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
 const optionsArray = ['Cat', 'Elephant', 'Fish', 'Bear', 'Eagle'];
 
-describe('Create item page - Fill in the gaps with text - Check answer functionality', () => {
+describe('Create item page - Matching - Check answer functionality', () => {
     before(() => {
         cy.loginAs('admin');
     });

package/cypress/e2e/ILC/Matching/draggableOptions.js

@@ -0,0 +1,180 @@
+import { matchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const options = ['option 1', 'option 2', 'option 3'];
+
+describe('Create Item page - matching into categories: Draggable options section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Draggable options and Draggable options layout dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyDraggableOptionsLayoutDropdownSectionContents();
+    });
+
+    describe('Standard options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 3, optionLabel: 'Options' });
+
+        matchingPage.tests.verifyDragHandleTooltip();
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            matchingPage.steps.deleteOption(0);
+            matchingPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        matchingPage.tests.verifyDisabledDeleteButtonTooltip();
+
+        matchingPage.tests.verifyAddOptionFunctionality();
+
+        matchingPage.tests.verifyOptionInputFieldErrorState(0);
+
+        matchingPage.tests.verifyEnabledDeleteButtonAndTooltip();
+
+        it('When user clicks on the \'Delete\' option button then the respective options input field should get deleted and option numeration should change accordingly', () => {
+            cy.log('Pre step: Adding text in all option input fields')
+            matchingPage.steps.enterTextInOneOptionInputField(1, 'option 2');
+            matchingPage.steps.enterTextInOneOptionInputField(2, 'option 3');
+            const optionsAfterDeleting = options.filter((el) => el !== 'option 2')
+            matchingPage.steps.deleteOption(1);
+            utilities.verifyElementCount(matchingPage.optionWrapper(), 2);
+            cy.log('Verifying the input text given to input fields after deletion of 2nd option')
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                utilities.verifyTextContent(utilities.getNthElement(matchingPage.optionInputField(), optionIndex), inputFieldText);
+            });
+        });
+    });
+
+    describe('Standard options layout - Specify correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyDraggableOptionsForStandardLayoutInSpecifyCorrectAnswerSection();
+
+        it('When the user deletes an option, then the deleted option should get removed from the options container as well as from the dropzone (if any) in the \'Specify correct answer section\' section', () => {
+            const optionsAfterDeleting = options.filter((el) => el !== 'option 3');
+            cy.log('Setting a correct answer option')
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'option 3', dropzoneIndex: 0 }]);
+            matchingPage.steps.deleteOption(2);
+            matchingPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(0, '');
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                matchingPage.steps.verifyOptionContainerOptionSpecifyCorrectAnswerSection([{ index: optionIndex, optionText: inputFieldText }]);
+            });
+        });
+    });
+
+    describe('Standard options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        matchingPage.tests.verifyDraggableOptionsForStandardLayoutInPreviewTab();
+    });
+
+    describe('Grouped options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+        });
+
+        matchingPage.tests.verifyGroupedOptionsLayoutSectionContents();
+
+        matchingPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 2, optionLabel: 'Options for drag & drop' });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            matchingPage.steps.deleteOption(0);
+            matchingPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        it('When the user clicks on \'Add group\' button without entering text in the option input fields, error message \'Error: Option is required\' should be displayed', () => {
+            matchingPage.steps.addGroup();
+            matchingPage.steps.verifyOptionsInputFieldErrorMessage(3);
+            matchingPage.steps.verifyOptionsInputFieldErrorMessage(4);
+        });
+
+        it('When the user enters text in the options input field, the error messages should disappear', () => {
+            matchingPage.steps.enterTextInOneOptionInputField(0, 'option 1');
+            matchingPage.steps.enterTextInOneOptionInputField(1, 'option 2');
+            matchingPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(3);
+            matchingPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(4);
+        });
+
+        matchingPage.tests.addGroupFunctionality();
+
+        it('User should be able to add another group using \'Add group\' button and the name for this new group should be \'Group 3\'', () => {
+            cy.log('Pre step: Set options in group 2 tab, then add new group');
+            matchingPage.steps.enterTextInOneOptionInputField(0, 'option 3');
+            matchingPage.steps.enterTextInOneOptionInputField(1, 'option 4');
+            matchingPage.steps.addGroup(2);
+        });
+
+        it('User should be able to delete a group by clicking on the \'Close\' icon button alongside group tab and the name of the group tabs should get updated accordingly', () => {
+            cy.log('Pre step: Set options in group 3 tab, then switch to group 2 tab and \'Close\' icon button');
+            matchingPage.steps.enterTextInOneOptionInputField(0, 'option 5');
+            matchingPage.steps.enterTextInOneOptionInputField(1, 'option 6');
+            matchingPage.steps.switchToGroupTab(1);
+            matchingPage.steps.deleteGroup(1);
+            utilities.verifyElementCount(matchingPage.groupTab(), 2);
+            matchingPage.steps.verifyGroupTabLabel(1);
+        });
+    });
+
+    describe('Grouped options layout - Specify correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandDraggableOptionsLayoutDropdown();
+            matchingPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+        });
+
+        matchingPage.tests.verifyDraggableOptionsForGroupedLayoutInSpecifyCorrectAnswerSection();
+
+        it('When the user deletes a group, then the deleted group should get removed from the options container as well as from the response areas (if any) of the specify correct answer section', () => {
+            cy.log('Pre step: Entering text into the text fields of group 2 response container')
+            matchingPage.steps.addInputToOptionsInputField(['option 3', 'option 4']);
+            matchingPage.steps.addGroupTitle('Group title B');
+            cy.log('Setting a correct answer option')
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ 'optionText': 'option 1', 'dropzoneIndex': 0 }]);
+            cy.log('Deleting the 2nd group')
+            matchingPage.steps.switchToGroupTab(0);
+            matchingPage.steps.deleteGroup(0);
+            utilities.verifyElementCount(matchingPage.groupedOptionsContainerSpecifyCorrectAnswerSection(), 1);
+            matchingPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(0, '');
+            cy.log('verifying the contents of group 2 after deleting group 1')
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['option 3', 'option 4']);
+            utilities.verifyInnerText(matchingPage.groupedOptionsTitleSpecifyCorrectAnswerSection(), 'Group title B');
+        });
+    });
+
+    describe('Grouped options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.expandDraggableOptionsLayoutDropdown();
+            matchingPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+        });
+
+        matchingPage.tests.verifyDraggableOptionsForGroupedLayoutInPreviewTab();
+    });
+});