itemengine-cypress-automation 1.0.131 → 1.0.133-7thMarchFixes-0e78080.0

package/cypress/e2e/ILC/FillInTheGapsDragAndDropNew/studentViewSettingsForGroupedLayout.js

@@ -0,0 +1,241 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+let flowers = [['Flower', 'Petals', 'Seed', 'Pollen'],
+['Leaflet', 'Leaves', 'Leaf', 'Green'],
+['Stem', 'Branch', 'Trunk', 'Tree'],
+['Rose', 'Lily', 'Orchid', 'Petals']
+];
+let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
+
+describe('Create Item page - Fill in the gaps with drag and drop: Student view settings for grouped options layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.setGroupedOptions();
+        });
+
+        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', () => {
+            flowers.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(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();
+            flowers.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(index, options);
+            });
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        let groupTitleArray = [];
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.setGroupedOptions();
+            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.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
+            })
+            flowers.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(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], flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], flowers[1]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], flowers[2]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], flowers[3]);
+            optionsArray = fillInTheGapsDragAndDropPage.steps.getOptionsArray();
+            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.resetQuestionPreview();
+            groupTitleArray.forEach((groupTitle, groupIndex) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
+            });
+            for (let index = 0, groupIndex = 0; index < optionsArray.length, groupIndex < 4; index = index + 4, groupIndex++) {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(groupIndex, [optionsArray[index], optionsArray[index + 1], optionsArray[index + 2], optionsArray[index + 3]]);
+            }
+        });
+
+        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], flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], flowers[1]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], flowers[2]);
+            fillInTheGapsDragAndDropPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], flowers[3]);
+            fillInTheGapsDragAndDropPage.steps.verifyOptionsAreRerandomized(optionsArray);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupsAreRerandomized(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();
+            flowers.forEach((options, index) => {
+                fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
+            });
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[1], flowers[1]);
+        });
+
+        it('When the \'Allow multiple instances of same draggable option\' functionality is disabled, then on setting correct answer in the dropzone, the draggable options should get removed from the respective group of the options container', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0 });
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Petals', 'Seed', 'Pollen']);
+        });
+
+        it('When the user enables the \'Allow multiple instances of same draggable option\' functionality, then on setting correct answer in the dropzone, the draggable options should persist in respective group of the options container', () => {
+            fillInTheGapsDragAndDropPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 1 });
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(1, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, flowers[1]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple dropzones', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 2 });
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(1, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(2, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, flowers[1]);
+        });
+
+        it('When the user removes the draggable option and moves it into the options container, only one option should be displayed in the respective group', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Leaves');
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Leaves');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, flowers[1]);
+        });
+
+        it('When the user disables the \'Allow multiple instances of same draggable option\' functionality, the duplicate answer set as correct answer should get removed from the dropzone and the draggable option should also not exist in the options container of the \'Set correct answer\' section', () => {
+            cy.log('Pre step: Setting identical options as correct responses')
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 1 });
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Leaves': 2 });
+            fillInTheGapsDragAndDropPage.steps.uncheckAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(1, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(2, '');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, ['Leaflet', 'Leaf', 'Green']);
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[1], flowers[1]);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Allow multiple instances of same draggable option\' functionality is disabled, then on attempting the question, the draggable options should get removed from the options container', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Petals', 'Seed', 'Pollen']);
+        });
+
+        it('When the \'Allow multiple instances of same draggable option\' functionality is enabled, then on attempting the question, the draggable options should persist in the options container', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionPreviewTab(0, 'Flower');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, flowers[1]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple dropzones', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1 });
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 2 });
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(2, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(0, flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, flowers[1]);
+        });
+
+        it('When the user removes the draggable option and moves it into the options container, only one option should be displayed in the respective group', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Leaves');
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Leaves');
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, flowers[1]);
+        });
+
+        it('When the user disables the \'Allow multiple instances of same draggable option\' functionality, then on attempting the question, the draggable options should get removed from the options container', () => {
+            fillInTheGapsDragAndDropPage.steps.switchToEditTab();
+            fillInTheGapsDragAndDropPage.steps.uncheckAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Leaves': 1 });
+            fillInTheGapsDragAndDropPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Leaves']);
+            fillInTheGapsDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(1, ['Leaflet', 'Leaf', 'Green']);
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Scoring', () => {
+        before(() => {
+            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+            cy.barsPreLoaderWait();
+            fillInTheGapsDragAndDropPage.steps.addTextInQuestionInstructionsInputField('Drag and drop options into correct dropzone');
+            fillInTheGapsDragAndDropPage.steps.addResponseArea();
+            fillInTheGapsDragAndDropPage.steps.expandDraggableOptionsLayoutDropdown();
+            fillInTheGapsDragAndDropPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            fillInTheGapsDragAndDropPage.steps.addGroupTitle(groupTitles[0]);
+            fillInTheGapsDragAndDropPage.steps.addMultipleOptionFields(2);
+            fillInTheGapsDragAndDropPage.steps.addInputToOptionsInputField(flowers[0]);
+            fillInTheGapsDragAndDropPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 0 });
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Flower': 1 });
+            fillInTheGapsDragAndDropPage.steps.allotPoints(5);
+            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has set same answer options in the \'Set correct answer\' section, then the user should be awarded full points on attempting the question with reused options', () => {
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 0 });
+            fillInTheGapsDragAndDropPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Flower': 1 });
+            fillInTheGapsDragAndDropPage.steps.verifyPreviewScore(5, 5);
+            fillInTheGapsDragAndDropPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+        });
+    });
+});

package/cypress/e2e/ILC/FillInTheGapsDropdownNew/allOrNothingForAllView.smoke.js

@@ -162,7 +162,7 @@ describe('Create item page - Fill in the gaps with dropdown: All or nothing ', (
                     gradingViewPage.steps.verifyGradingViewScore(20, 20);
                 };
                 if (view === 'Question preview' || view === 'Item preview') {
-                    fillInTheGapsDropdownPage.steps.verifyPreviewScore(0, 20);
+                    fillInTheGapsDropdownPage.steps.verifyPreviewScore(20, 20);
                     fillInTheGapsDropdownPage.steps.switchToGradingView();
                 };
                 fillInTheGapsDropdownPage.steps.verifyCorrectOptionIcon(0);

package/cypress/e2e/ILC/FillInTheGapsOverImageDragAndDrop/studentViewSettingsForGroupedLayout.js

@@ -86,9 +86,9 @@ describe('Create Item page - Fill in the gaps over image - drag and drop: Studen
             groupTitleArray.forEach((groupTitle, groupIndex) => {
                 fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
             });
-            flowers.forEach((options, index) => {
-                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
-            });
+            for (let index = 0, groupIndex = 0; index < optionsArray.length, groupIndex < 4; index = index + 4, groupIndex++) {
+                fillInTheGapsOverImageDragAndDropPage.steps.verifyGroupedContainerContentsInPreviewTab(groupIndex, [optionsArray[index], optionsArray[index + 1], optionsArray[index + 2], optionsArray[index + 3]]);
+            }
         });
 
         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', () => {