itemengine-cypress-automation 1.0.31 → 1.0.36

package/cypress/e2e/ILC/ListMatching/listMatchingStandardOptionsPartialDifferentScoringWithAlternateAnswer.js

@@ -0,0 +1,36 @@
+import { listMatchingPage, listMatchingScoring } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - List Matching - standard options layout - Partial different weights scoring with alternate answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial different weights standard options layout with alternate answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to List Matching question type, adding correct answer responses and alternate answer responses for autoscored - partial different scoring, adding points and switch to preview tab');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.setQuestionStemsAndOptionsForScoringWithAlternateTab();
+            listMatchingPage.steps.setCorrectAnswersForCorrectTab();
+            listMatchingPage.steps.selectPartialDifferentWeightsCheckbox();
+            listMatchingPage.steps.addPartialDifferentWeightsPoints([5, 7, 4, 8]);
+            listMatchingPage.steps.clickOnAddAlternateAnswerButton();
+            listMatchingPage.steps.setCorrectAnswersForAlternateTab();
+            listMatchingPage.steps.addPartialDifferentWeightsPoints([3, 9, 2, 6]);
+            listMatchingPage.steps.uncheckRoundDownScoreCheckbox();
+            listMatchingPage.steps.expandAdditonalSettings();
+            listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        listMatchingScoring.tests.verifyAutoScoredPartialDifferentWeightsScoringWithAlternateAnswer('standard');
+
+        listMatchingScoring.tests.verifyMinimumScoreAwardedIfAttemptedForIncorrectAnswer('24');
+
+        listMatchingScoring.tests.verifyPenaltyPointsAwardedForIncorrectAnswer('5', '24');
+
+        listMatchingScoring.tests.verifyPointsAwardedForIncorrectAnswerWhenMinimumScoreAwardedAndPenaltyPointsAreDefined('5', '24');
+    });
+});

package/cypress/e2e/ILC/ListMatching/listMatchingStandardOptionsPartialEqualScoring.js

@@ -0,0 +1,48 @@
+import { listMatchingPage, listMatchingScoring } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - List Matching - standard options layout - Partial equal weights scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights standard options layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to question, add input to stems and options, set correct answers and allocate points, switch to partial equal weights scoring, allow students to check answer, switch to preview tab');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.setQuestionStemsAndOptionsForScoringWithoutAlternateTab();
+            listMatchingPage.steps.selectPartialEqualWeightsCheckbox()
+            listMatchingPage.steps.allotPoints(20);
+            listMatchingPage.steps.setCorrectAnswersForScoringWithoutAlternateTab();
+            listMatchingPage.steps.expandAdditonalSettings();
+            listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        listMatchingScoring.tests.verifyAutoScoredPartialEqualWeightsScoring();
+
+        listMatchingScoring.tests.verifyMinimumScoreAwardedIfAttemptedForIncorrectAnswer('20');
+
+        listMatchingScoring.tests.verifyPenaltyPointsAwardedForIncorrectAnswer('8', '20');
+
+        listMatchingScoring.tests.verifyPointsAwardedForIncorrectAnswerWhenMinimumScoreAwardedAndPenaltyPointsAreDefined('8', '20');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights standard options layout - Round down score', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to question, add input to stems and options, set correct answers and allocate points, switch to partial equal weights scoring, allow students to check answer, switch to preview tab');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.setQuestionStemsAndOptionsForScoringWithoutAlternateTab();
+            listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
+            listMatchingPage.steps.allotPoints(8.5);
+            listMatchingPage.steps.setCorrectAnswersForScoringWithoutAlternateTab();
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        listMatchingScoring.tests.verifyAutoScoredPartialEqualWeightsRoundDownScore();
+    });
+});

package/cypress/e2e/ILC/ListMatching/listMatchingStandardOptionsPartialEqualScoringWithAlternateAnswer.js

@@ -0,0 +1,35 @@
+import { listMatchingPage, listMatchingScoring } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - List Matching - standard options layout - Partial equal weights scoring with alternate answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights standard options layout with alternate answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to List Matching question type, adding correct answer responses and alternate answer responses for autoscored - partial equal scoring, adding points and switch to preview tab');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.setQuestionStemsAndOptionsForScoringWithAlternateTab();
+            listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
+            listMatchingPage.steps.allotPoints(20);
+            listMatchingPage.steps.setCorrectAnswersForCorrectTab();
+            listMatchingPage.steps.clickOnAddAlternateAnswerButton();
+            listMatchingPage.steps.allotPoints(12);
+            listMatchingPage.steps.setCorrectAnswersForAlternateTab();
+            listMatchingPage.steps.expandAdditonalSettings();
+            listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        listMatchingScoring.tests.verifyAutoScoredPartialEqualWeightsScoringWithAlternateAnswer('standard');
+
+        listMatchingScoring.tests.verifyMinimumScoreAwardedIfAttemptedForIncorrectAnswer('20');
+
+        listMatchingScoring.tests.verifyPenaltyPointsAwardedForIncorrectAnswer('3', '20');
+
+        listMatchingScoring.tests.verifyPointsAwardedForIncorrectAnswerWhenMinimumScoreAwardedAndPenaltyPointsAreDefined('3', '20');
+    });
+});

package/cypress/e2e/ILC/ListMatching/listMatchingStandardOptionsSection.js

@@ -0,0 +1,233 @@
+import { listMatchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+let optionsForThreeResponses = ['Response 1', 'Response 2', 'Response 3'];
+let optionsForFourResponses = ['Response 1', 'Response 2', 'Response 3', 'Response 4'];
+
+describe('Create Item page - List matching: Options sections, Response options', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Response options and Response options layout dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+        });
+
+        listMatchingPage.tests.verifyResponseOptionsLayoutDropdownSection();
+    });
+
+    describe('Options - \'Standard\' response options - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Options for drag & drop\' label should be displayed', () => {
+            listMatchingPage.optionsForDragAndDropLabel()
+                .verifyInnerText('Options for drag & drop');
+        });
+
+        it('By default, 3 \'Options\' input fields with numeric counts should be displayed with placeholder text and drag handle and delete option icon buttons should be displayed besides each input field', () => {
+            listMatchingPage.steps.verifyOptionsForDragAndDropContentsInSetCorrectAnswerSection();
+            listMatchingPage.steps.verifyCountOfOptionsForDragAndDropInputFields(3);
+        });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            cy.log('Pre-step: Delete one options input field')
+            listMatchingPage.steps.deleteResponseOptionInputField(0);
+            listMatchingPage.steps.verifyDisabledStateOfOptionDeleteButton();
+        });
+
+        it('CSS of disabled delete option buttons', { tags: 'css' }, () => {
+            listMatchingPage.responseOptionsSectionWrapper()
+                .within(() => {
+                    listMatchingPage.deleteOptionButton()
+                        .should('have.css', 'opacity', '0.5')
+                        .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
+                });
+        });
+
+        listMatchingPage.tests.verifyDragToReorderTooltipInOptionsSection();
+
+        listMatchingPage.tests.verifyToolTipForDisabledDeleteOptionButton();
+
+        it('\'Add Option\' button should be present', () => {
+            listMatchingPage.addOptionButton()
+                .verifyInnerText('Add option')
+                .and('be.visible');
+        });
+
+        it('CSS of Options section', { tags: 'css' }, () => {
+            listMatchingPage.responseOptionsSectionWrapper()
+                .within(() => {
+                    listMatchingPage.optionsForDragAndDropLabel()
+                        .verifyCSS(css.color.sectionHeading, css.fontSize.normal, css.fontWeight.semibold);
+                    listMatchingPage.optionWrapper()
+                        .eq(0)
+                        .within(() => {
+                            listMatchingPage.dragHandleButton()
+                                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.normal, css.fontWeight.regular);
+                            listMatchingPage.deleteOptionButton()
+                                .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon);
+                        });
+                    listMatchingPage.optionsInputField()
+                        .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
+                    listMatchingPage.addOptionButton()
+                        .verifyCSS(css.color.secondaryBtnActive, css.fontSize.normal, css.fontWeight.medium);
+
+                });
+        });
+
+        it('Accessibility of Options section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listMatchingPage.optionWrapper().parents('.cloze-drag-and-drop-response-option-wrapper'));
+        });
+
+        it('When user adds an option using \'Add Option\' button then the added option input field should be displayed and option numeration should increment', () => {
+            listMatchingPage.steps.addOption();
+            listMatchingPage.steps.verifyOptionsForDragAndDropSectionOptionFieldContents();
+        });
+
+        it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should be thrown', () => {
+            listMatchingPage.steps.focusInAndFocusOutOfOptionInputField(2);
+            listMatchingPage.errorMessage()
+                .verifyInnerText('Error: Option is required.');
+        });
+
+        listMatchingPage.tests.verifyCSSAnda11yOfErrorMessage();
+
+        it('When user enters text in options input field then the error message \'Error: Option is required.\' should disappear', () => {
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(['Response 1', 'Response 2', 'Response 3']);
+            commonComponents.errorMessage()
+                .should('not.exist');
+        });
+
+        it('When the number of options are greater than 2 then the \'Delete\' icon buttons should get enabled', () => {
+            listMatchingPage.deleteOptionButton()
+                .should('be.enabled');
+        });
+
+        it('CSS of enabled \'Delete\' option button', { tags: 'css' }, () => {
+            listMatchingPage.deleteOptionButton()
+                .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon)
+                .should('have.css', 'opacity', '1');
+        })
+
+        it('Accessibility of enabled \'Delete\' option button', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listMatchingPage.deleteOptionButton());
+        });
+
+        listMatchingPage.tests.verifyToolTipForEnabledDeleteOptionButton();
+
+        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('Clicking the \'Delete\' icon button for the 2nd option input field')
+            listMatchingPage.steps.deleteResponseOptionInputField(1);
+            cy.log('Checking that the 3rd option input field should be deleted and option numeration and input field contents should update accordingly')
+            listMatchingPage.steps.verifyOptionInputFieldContentsInOptionsSection(['Response 1', 'Response 3']);
+        });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            listMatchingPage.steps.verifyDisabledStateOfOptionDeleteButton();
+        });
+    });
+
+    describe('\'Standard\' response options layout - Set correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+        });
+
+        it(`When the user has not entered text in the options input field then three empty draggable options along with drag handles should be displayed in the response options container of the \'Set correct answer\' section`, () => {
+            listMatchingPage.steps.verifyCountOfDraggableOptionsInSetCorrectAnswerSection('List matching', 3);
+            for (let index = 0; index < 3; index++) {
+                listMatchingPage.steps.verifyDefaultStateOfDraggableOptionsInSetCorrectAnswerSection('List matching', index);
+            };
+            listMatchingPage.steps.verifyDragIconVisibleInOptionsInSetCorrectAnswerSection();
+        });
+
+        it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in the response options container of the \'Set correct answer\' section', () => {
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+            listMatchingPage.steps.verifyDraggableResponsesSetCorrectAnswer('List matching', optionsForThreeResponses);
+        });
+
+        it('When the user adds an option using \'Add Option\' button then the added option should be displayed along with drag handle in the response options container of the \'Set Correct Answer\' section', () => {
+            listMatchingPage.steps.addOption();
+            cy.log('Checking the added input field should be displayed along with its drag handle and be blank')
+            listMatchingPage.steps.verifyCountOfDraggableOptionsInSetCorrectAnswerSection('List matching', 4);
+            listMatchingPage.steps.verifyDefaultStateOfDraggableOptionsInSetCorrectAnswerSection('List matching', 3);
+            cy.log('Checking that input text to the newly added option is displayed in the response options container of the \'Set Correct Answer\' section')
+            listMatchingPage.steps.addInputToOptionForDragAndDropInputField(optionsForFourResponses[3], 3);
+            listMatchingPage.steps.verifyDraggableResponsesSetCorrectAnswer('List matching', optionsForFourResponses);
+        });
+
+        it('When the user deletes an option, then the deleted option should get removed from the response options container as well as from the response areas (if any) in the \'Set Correct Answer\' section', () => {
+            const optionsAfterDeleting = optionsForFourResponses.filter((el) => el !== 'Response 3');
+            cy.log('Setting a correct answer option')
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Response 3', 0);
+            listMatchingPage.steps.deleteResponseOptionInputField(2);
+            listMatchingPage.steps.verifyErroredStateOfEmptyResponseFieldInSetCorrectAnswerSection(0);
+            cy.log('Checking the deleted option should not exist within the draggable answer responses under \'Set Correct Answer\' section');
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsAfterDeleting);
+        });
+    });
+
+    describe('\'Standard\' Response options layout - Preview tab contents', () => { 
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not entered text in the options input field then three empty draggable options along with drag handles should be displayed in the response options container of the \'Preview tab\'', () => {
+            listMatchingPage.steps.verifyCountOfDraggableOptionsInPreviewTab('List matching', 3);
+            for (let index = 0; index < 2; index++) {
+                listMatchingPage.steps.verifyDefaultStateOfDraggableOptionsInPreviewTab('List matching', index);
+            }
+        });
+
+        it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in the response options container of the \'Preview tab\'', () => {
+            cy.log('Pre-step : Switching to \'Edit\' tab')
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
+            cy.log('Switching to preview tab to check Preview tab draggable options')
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyDraggableResponsesPreviewTab('List matching', optionsForThreeResponses);
+        });
+
+        it('When the user adds an option using \'Add Option\' button then the added option should be displayed in the response options container of the \'Preview tab\'', () => {
+            cy.log('Pre-step : Switching to \'Edit\' tab')
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.addOption();
+            cy.log('Checking the added input field should be displayed in the Preview tab along with its drag handle and be blank')
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyCountOfDraggableOptionsInPreviewTab('List matching', 4);
+            listMatchingPage.steps.verifyDefaultStateOfDraggableOptionsInPreviewTab('List matching', 3);
+            cy.log('Checking that input text to the newly added option is displayed in the option in Preview tab section')
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.addInputToOptionForDragAndDropInputField(optionsForFourResponses[3], 3);
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyDraggableResponsesPreviewTab('List matching', optionsForFourResponses);
+        });
+
+        it('When the user deletes an option then the deleted option should get removed from the response options container of the \'Preview tab\'', () => {
+            const optionsAfterDeleting = optionsForFourResponses.filter((el) => el !== 'Response 4')
+            cy.log('Pre-step : Switching to \'Edit\' tab')
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.deleteOption(3);
+            cy.log('Checking the deleted option should not exist in the Preview tab')
+            listMatchingPage.steps.switchToPreviewTab();
+            listMatchingPage.steps.verifyCountOfDraggableOptionsInPreviewTab('List matching', 3);
+            listMatchingPage.steps.verifyDraggableResponsesPreviewTab('List matching', optionsAfterDeleting);
+        });
+    });
+});

package/cypress/e2e/ILC/ListMatching/listMatchingStandardOptionsSetCorrectAnswerCheckboxesEditTab.js

@@ -0,0 +1,113 @@
+import { listMatchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+let stems = ['Stem 1', 'Stem 2', 'Stem 3'];
+let optionsForResponses = ['Correct answer for stem 1', 'Correct answer for stem 2', 'Correct answer for stem 3'];
+
+describe('Create Item page - List Matching: Randomize options, Reuse options, Hide drag handle functionalities for \'Standard\' response option layout in edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToAllStemFields(stems);
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+            listMatchingPage.steps.allotPoints('10');
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the draggable options in the response container should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForResponses);
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the stem fields in the set correct answer section should be displayed in the order in which the user has set them in the Stems section', () => {
+            listMatchingPage.steps.verifyStemFieldsInSetCorrectAnswerSection(stems)
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the draggable options in the response container should be in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            listMatchingPage.steps.checkRandomizeOptionsCheckbox();
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForResponses);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the stem fields in the set correct answer section should be in the order in which the user has set them in the Stems section', () => {
+            listMatchingPage.steps.verifyStemFieldsInSetCorrectAnswerSection(stems)
+        });
+
+        listMatchingPage.tests.verifyCSSAndA11yOfCheckedStateOfRandomizeOptionsCheckbox();
+    });
+
+    describe('Reuse options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses);
+        });
+
+        it('When the \'Reuse options\' functionality is disabled, then on setting correct answer in the response area, the draggable options should get removed from the response container', () => {
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection([optionsForResponses[1], optionsForResponses[2]]);
+        });
+
+        it('When the user enables the \'Reuse options\' functionality, then on setting correct answer in the response area, the draggable options should persist in the response container', () => {
+            cy.log('Pre step: Removing the set correct answer option from the response area')
+            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInSetCorrectAnswerSection(0);
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForResponses);
+            cy.log('Checking the reuse option checkbox and setting the correct answer option')
+            listMatchingPage.steps.checkReuseOptionsCheckbox();
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForResponses);
+        });
+
+        listMatchingPage.tests.verifyCSSAndA11yOfCheckedStateOfReuseOptionsCheckbox();
+
+        it('The user should be able to use the same draggable option for multiple response areas', () => {
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 1);
+            listMatchingPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(1, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForResponses);
+        });
+
+        it('When the user removes the option from the response area and moves it into the options container, only one option should be displayed in the respective group', () => {
+            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInSetCorrectAnswerSection(0);
+            listMatchingPage.steps.clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInSetCorrectAnswerSection(1);
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForResponses);
+        });
+
+        it('When the user disables the \'Reuse options\' functionality, the duplicate answer set as correct answer should get removed from the response area and the draggable option should also not exist in the response container of the \'Set correct answer\' section', () => {
+            cy.log('Pre-step: Setting the same draggable option for multiple response areas');
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
+            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 1);
+            listMatchingPage.steps.uncheckReuseOptionsCheckbox();
+            listMatchingPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Correct answer for stem 1');
+            listMatchingPage.steps.verifyEmptyResponseAreaInSetCorrectAnswerSection(1);
+            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection([optionsForResponses[1], optionsForResponses[2]]);
+        });
+    });
+
+    describe('Hide drag handle - Functionality: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List Matching question type');
+            listMatchingPage.steps.navigateToCreateQuestion('list matching');
+            cy.barsPreLoaderWait();
+        });
+
+        it('When the \'Hide drag handle\' functionality is disabled, then the draggable options displayed in response container of the \'Set correct answer\' section should have a drag handle', () => {
+            listMatchingPage.steps.verifyDragIconVisibleInOptionsInSetCorrectAnswerSection('list matching')
+        });
+
+        it('When the user enables the \'Hide drag handle\' functionality, then the draggable options displayed in response container of the \'Set correct answer\' section should not have a drag handle', () => {
+            listMatchingPage.steps.switchToEditTab();
+            listMatchingPage.steps.checkHideDragHandleCheckbox();
+            listMatchingPage.steps.verifyDragIconNotVisibleInOptionsInSetCorrectAnswerSection('list matching');
+        });
+
+        listMatchingPage.tests.verifyCSSAndA11yOfCheckedStateOfHideDragHandleCheckbox();
+    });
+});