itemengine-cypress-automation 1.0.28 → 1.0.29

package/cypress/e2e/ILC/FillInTheGapsDragAndDrop/fillInTheGapsDragAndDropGroupedOptionsPartialEqualWeightsScoring.js

@@ -0,0 +1,154 @@
+import { fillInTheGapsDragAndDropPage, fillInTheGapsScoring } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Fill in the Gaps: Drag and Drop - Grouped options layout - Partial equal weights scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights - grouped options layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type, fill the necessary details and points and switch to preview tab');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, 'Group title A');
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 1', 'Incorrect answer 1']);
+            fillInTheGapsDragAndDropPage.addGroupButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
+            fillInTheGapsDragAndDropPage.groupResponseContainer()
+                .eq(1)
+                .within(() => {
+                    fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 2', 'Incorrect answer 2']);
+                });
+            fillInTheGapsDragAndDropPage.steps.allotPoints('10');
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 2', 1);
+            fillInTheGapsDragAndDropPage.partialEqualWeightsCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+            fillInTheGapsDragAndDropPage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.rounddownScoreCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsScoring.tests.verifyAutoScoredPartialEqualWeightsScoring('fill in the gaps - drag and drop');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights grouped options layout with alternate answer and \'Match from all responses property - \"false\"\'', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type, adding correct answer responses and alternate answer responses for autoscored - partial equal weights scoring, adding points and switch to preview tab');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, 'Group title A');
+            fillInTheGapsDragAndDropPage.addOptionButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 1', 'Alternate answer for response 1', 'Incorrect answer 1']);
+            fillInTheGapsDragAndDropPage.addGroupButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
+            fillInTheGapsDragAndDropPage.groupResponseContainer()
+                .eq(1)
+                .within(() => {
+                    fillInTheGapsDragAndDropPage.addOptionButton()
+                        .click();
+                    fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 2', 'Alternate answer for response 2', 'Incorrect answer 2']);
+                });
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 2', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints('10');
+            fillInTheGapsDragAndDropPage.alternateAnswerButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Alternate answer for response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Alternate answer for response 2', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints('6');
+            fillInTheGapsDragAndDropPage.partialEqualWeightsCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+            fillInTheGapsDragAndDropPage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.rounddownScoreCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsScoring.tests.verifyAutoScoredPartialEqualWeightsWithAlternateAnswerAndMatchFromAllResponsesFalse('fill in the gaps - drag and drop')
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights grouped options layout with alternate answer with \'Match from all responses property - \"true\"\'', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type, adding correct answer responses and alternate answer responses for autoscored - partial equal weights scoring, adding points, check match for all responses checkbox and switch to preview tab');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, 'Group title A');
+            fillInTheGapsDragAndDropPage.addOptionButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 1', 'Alternate answer for response 1', 'Incorrect answer 1']);
+            fillInTheGapsDragAndDropPage.addGroupButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
+            fillInTheGapsDragAndDropPage.groupResponseContainer()
+                .eq(1)
+                .within(() => {
+                    fillInTheGapsDragAndDropPage.addOptionButton()
+                        .click();
+                    fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 2', 'Alternate answer for response 2', 'Incorrect answer 2']);
+                });
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 2', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints('10');
+            fillInTheGapsDragAndDropPage.alternateAnswerButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Alternate answer for response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Alternate answer for response 2', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints('6');
+            fillInTheGapsDragAndDropPage.partialEqualWeightsCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.matchFromAllResponsesCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.expandAdditonalSettings();
+            fillInTheGapsDragAndDropPage.allowStudentsToCheckAnswerCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.rounddownScoreCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsScoring.tests.verifyAutoScoredPartialEqualWeightsWithAlternateAnswerAndMatchFromAllResponsesTrue('fill in the gaps - drag and drop')
+    });
+
+    describe('Partial Equal Weights: Round down score - grouped options layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type, adding question instructions and options, set correct answers, select partial - equal weights scoring and add points (in decimals) for correct answer options');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, 'Group title A');
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 1', 'Incorrect answer 1']);
+            fillInTheGapsDragAndDropPage.addGroupButton()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
+            fillInTheGapsDragAndDropPage.groupResponseContainer()
+                .eq(1)
+                .within(() => {
+                    fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 2', 'Incorrect answer 2']);
+                });
+            fillInTheGapsDragAndDropPage.partialEqualWeightsCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Correct answer for response 2', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints('8.5');
+        });
+
+        fillInTheGapsScoring.tests.verifyAutoScoredPartialEqualWeightsRoundDownScore('fill in the gaps - drag and drop');
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDrop/fillInTheGapsDragAndDropGroupedSetCorrectAnswerCheckboxes.js

@@ -0,0 +1,282 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+let optionsForResponses = [
+    ['Response 1', 'Response 2', 'Response 3', 'Response 4'],
+    ['Response 5', 'Response 6', 'Response 7', 'Response 8'],
+    ['Response 9', 'Response 10', 'Response 11', 'Response 12'],
+    ['Response 13', 'Response 14', 'Response 15', 'Response 16']
+];
+let groupTitles = ['Group title A', 'Group title B', 'Group title C', 'Group title D']
+
+describe('Create Item page - Fill in the gaps - drag and drop: Randomize options, Reuse options, Hide drag handle functionalities for \'Grouped\' response option layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            cy.log('Adding two more option input fields')
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses[0]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(1, groupTitles[1], optionsForResponses[1]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(2, groupTitles[2], optionsForResponses[2]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(3, groupTitles[3], optionsForResponses[3]);
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the group container as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            groupTitles.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupTitleInSetCorrectAnswerSection(groupIndex, groupTitle);
+            });
+            optionsForResponses.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(index, options);
+            });
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group should be in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            fillInTheGapsDragAndDropPage.steps.checkRandomizeOptionsCheckbox();
+            groupTitles.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupTitleInSetCorrectAnswerSection(groupIndex, groupTitle);
+            });
+            optionsForResponses.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(index, options);
+            });
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        let groupTitleArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            cy.log('Adding two more option input fields')
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.addOption();
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses[0]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(1, groupTitles[1], optionsForResponses[1]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(2, groupTitles[2], optionsForResponses[2]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(3, groupTitles[3], optionsForResponses[3]);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the group container as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            groupTitles.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupTitleInPreviewTab(groupIndex, groupTitle);
+            });
+            optionsForResponses.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(index, options);
+            });
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group should be displayed in a random order', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.checkRandomizeOptionsCheckbox();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], optionsForResponses[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], optionsForResponses[1]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], optionsForResponses[2]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], optionsForResponses[3]);
+            optionsArray = fillInTheGapsDragAndDropPage.steps.getOptionsArray('fill in the gaps - drag and drop');
+            groupTitleArray = fillInTheGapsDragAndDropPage.steps.getGroupTitleArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of group containers as well as the options inside the group should not change', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            groupTitleArray.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupTitleInPreviewTab(groupIndex, groupTitle);
+            });
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableResponsesPreviewTab('fill in the gaps - drag and drop', optionsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of group containers as well as the options inside the group should change', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.allotPoints(5);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], optionsForResponses[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], optionsForResponses[1]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], optionsForResponses[2]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], optionsForResponses[3]);
+            fillInTheGapsDragAndDropPage.steps.verifyRerandomizedOptionsOrder(optionsArray, 'fill in the gaps - drag and drop');
+            fillInTheGapsDragAndDropPage.steps.verifyRerandomizedGroupOrder(groupTitleArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the order of group containers as well as the options inside the group should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.uncheckRandomizeOptionsCheckbox();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            groupTitles.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupTitleInPreviewTab(groupIndex, groupTitle);
+            });
+            optionsForResponses.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(index, options);
+            });
+        });
+    });
+
+    describe('Reuse options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Response 1', 'Response 2']);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(1, groupTitles[1], ['Response 3', 'Response 4']);
+        });
+
+        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 respective group of the response container', () => {
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Response 2']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(1, ['Response 3', 'Response 4']);
+        });
+
+        it('When the user enables the \'Reuse options\' functionality, then on setting correct answer in the response area, the draggable options should persist in respective group of the response container', () => {
+            cy.log('Pre step: Removing the set correct answer option from the response area')
+            fillInTheGapsDragAndDropPage.steps.clickAndDropDraggableOptionInResponseContainerOfSetCorrectAnswerSection('Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Response 1', 'Response 2']);
+            cy.log('Checking the reuse option checkbox and setting the correct answer option')
+            fillInTheGapsDragAndDropPage.steps.checkReuseOptionsCheckbox();
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Response 1', 'Response 2']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(1, ['Response 3', 'Response 4']);
+        });
+
+        it('The user should be able to use the same draggable option for multiple response areas', () => {
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 1);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(1, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Response 1', 'Response 2']);
+        });
+
+        it('When the user removes the draggable option and moves it into the response container, only one option should be displayed in the respective group', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropDraggableOptionInResponseContainerOfSetCorrectAnswerSection('Response 1');
+            fillInTheGapsDragAndDropPage.steps.clickAndDropDraggableOptionInResponseContainerOfSetCorrectAnswerSection('Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Response 1', 'Response 2']);
+        });
+
+        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 identical options as correct responses')
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 1);
+            fillInTheGapsDragAndDropPage.steps.uncheckReuseOptionsCheckbox();
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInSetCorrectAnswerSection(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyInactiveStateOfResponseAreaInSetCorrectAnswerSection(1);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Response 2']);
+        });
+
+        //https://redmine.zeuslearning.com/issues/537351
+    });
+
+    describe('Reuse options - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Response 1', 'Response 2']);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInResponseOptionsSection(1, groupTitles[1], ['Response 3', 'Response 4']);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Reuse options\' functionality is disabled, then on attempting the question, the draggable options should get removed from the response container', () => {
+            fillInTheGapsDragAndDropPage.steps.previewTabClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInPreviewTab(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Response 2']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(1, ['Response 3', 'Response 4']);
+        });
+
+        it('When the \'Reuse options\' functionality is enabled, then on attempting the question, the draggable options should persist in the response container', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.checkReuseOptionsCheckbox();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.previewTabClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInPreviewTab(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Response 1', 'Response 2']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(1, ['Response 3', 'Response 4']);
+        });
+
+        it('The user should be able to use the same draggable option for multiple response areas', () => {
+            fillInTheGapsDragAndDropPage.steps.previewTabClickAndDropDraggableOptionInResponseArea('Response 1', 1);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInPreviewTab(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInPreviewTab(1, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Response 1', 'Response 2']);
+        });
+
+        it('When the user removes the draggable option and moves it into the response container, only one option should be displayed in the respective group', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Response 1');
+            fillInTheGapsDragAndDropPage.steps.clickAndDropDraggableOptionInResponseContainerOfPreviewTab('Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Response 1', 'Response 2']);
+        });
+
+        it('When the user disables the \'Reuse options\' functionality, then on attempting the question, the draggable options should get removed from the response container', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.uncheckReuseOptionsCheckbox();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.previewTabClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.verifyFilledResponseAreaInPreviewTab(0, 'Response 1');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Response 2']);
+        });
+    });
+
+    describe('Reuse options - Scoring', () => {
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(optionsForResponses[0].slice(0, 2));
+            fillInTheGapsDragAndDropPage.reuseOptionsCheckbox()
+                .click();
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 0);
+            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 1', 1);
+            fillInTheGapsDragAndDropPage.steps.allotPoints(5);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyReuseOptionScoring();
+    });
+
+    describe('Hide drag handle - Functionality: Edit tab', () => {
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyHideDragHandleFunctionalityInSetCorrectAnswerSection();
+    });
+
+    describe('Hide drag handle - Functionality: Preview tab', () => {
+        before(() => {
+            cy.log('Navigate to Fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyHideDragHandleFunctionalityInPreviewTab();
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDrop/fillInTheGapsDragAndDropHeaderSection.js

@@ -0,0 +1,84 @@
+import { dialogBoxBase, fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create item page - Fill in the gaps - drag and drop: Header section and saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Fill in the gaps with drag and drop');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyCancelButton('fill in the gaps with drag and drop');
+    });
+
+    describe('Save question button', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsErrorMessage();
+                for (let index = 0; index < 2; index++) {
+                    fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessage(index)
+                }
+                fillInTheGapsDragAndDropPage.steps.verifyPointsFieldErrorMessage();
+                fillInTheGapsDragAndDropPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                fillInTheGapsDragAndDropPage.steps.addQuestionInstructions();
+                fillInTheGapsDragAndDropPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Cat', 'Dog']);
+                for (let index = 0; index < 2; index++) {
+                    fillInTheGapsDragAndDropPage.steps.verifyOptionsInputFieldErrorMessageDoesNotExist(index);
+                }
+                fillInTheGapsDragAndDropPage.steps.allotPoints(20);
+                fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Cat', 0);
+                fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Dog', 1);
+                fillInTheGapsDragAndDropPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+                fillInTheGapsDragAndDropPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+            });
+        });
+
+        describe('Saving a question', () => {
+            abortEarlySetup();
+
+            it('When user has filled all the mandatory fields then on clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                fillInTheGapsDragAndDropPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+
+            fillInTheGapsDragAndDropPage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDragAndDrop/fillInTheGapsDragAndDropScoringSectionBasic.js

@@ -0,0 +1,21 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+describe('Create Item page - Fill in the gaps - drag and drop: Scoring Section basic: Labels, dropdown, checkboxes', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Scoring Section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps - drag and drop question type');
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+        });
+
+        fillInTheGapsDragAndDropPage.tests.verifyScoringTypeLabelAndDropdown('autoScored');
+
+        fillInTheGapsDragAndDropPage.tests.verifyAutoScoredScoringTypeSectionWithCSSAnda11y();
+    });
+});