itemengine-cypress-automation 1.0.162-questionInsructionSelectorFix-15973d5.0 → 1.0.163-4AprilStagingFixes-01659c3.0

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

@@ -0,0 +1,260 @@
+import { matchingPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+
+let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
+let animals = [['Elephant', 'Bear', 'Panda', 'Zebra'],
+['Peacock', 'Fish', 'Penguin', 'Tiger'],
+['Parrot', 'Cat', 'Whale', 'Elephant'],
+['Giraffe', 'Kangaroo', 'Ostrich', 'Eagle']
+];
+const promptArray = ['Wild', 'Aquatic', 'Pet'];
+
+describe('Create Item page - Matching : Student view settings for grouped options layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Matching');
+            matchingPage.steps.setGroupedOptions();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the group container as well as the options inside the group and question prompt should be displayed in the order in which the user has set them in the \'Options for drag & drop\' and \'Prompt\' section respectively', () => {
+            animals.forEach((options, index) => {
+                matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(index, options);
+            });
+            promptArray.forEach((prompt, index) => {
+                matchingPage.steps.verifyPromptContainerSpecifyCorrectAnswerSection([{ index: index, optionText: prompt }])
+            });
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group and question prompt should be in the order in which the user has set them in the \'Options for drag & drop\' and \'Prompt\' section respectively', () => {
+            matchingPage.steps.checkRandomizeOptionsCheckbox();
+            animals.forEach((options, index) => {
+                matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(index, options);
+            });
+            promptArray.forEach((prompt, index) => {
+                matchingPage.steps.verifyPromptContainerSpecifyCorrectAnswerSection([{ index: index, optionText: prompt }])
+            });
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        let groupTitleArray = [];
+        let promptTextArray = [];
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Matching');
+            matchingPage.steps.setGroupedOptions();
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, then the group container as well as the options inside the group  and question prompt should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section and \'Prompt\' section respectively', () => {
+            groupTitles.forEach((groupTitle, groupIndex) => {
+                matchingPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
+            })
+            animals.forEach((options, index) => {
+                matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
+            });
+            promptArray.forEach((prompt, index) => {
+                matchingPage.steps.verifyPromptContainerPreviewTab([{ index: index, optionText: prompt }])
+            });
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the group container as well as the options inside the group and question prompt should be displayed in a random order', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.checkRandomizeOptionsCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], animals[0]);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], animals[1]);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], animals[2]);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], animals[3]);
+            matchingPage.steps.verifyRandomizePromptOrder(promptArray);
+            promptTextArray = matchingPage.steps.getPromptArray();
+            optionsArray = matchingPage.steps.getOptionsArray();
+            groupTitleArray = matchingPage.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 and question prompt inside the group should not change', () => {
+            matchingPage.steps.resetQuestionPreview();
+            groupTitleArray.forEach((groupTitle, groupIndex) => {
+                matchingPage.steps.verifyGroupedOptionsTitlePreviewTab(groupIndex, groupTitle);
+            });
+            for (let index = 0, groupIndex = 0; index < optionsArray.length, groupIndex < 4; index = index + 4, groupIndex++) {
+                matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(groupIndex, [optionsArray[index], optionsArray[index + 1], optionsArray[index + 2], optionsArray[index + 3]]);
+            }
+            promptTextArray.forEach((prompt, index) => {
+                matchingPage.steps.verifyPromptContainerPreviewTab([{ index: index, optionText: prompt }]);
+            });
+        });
+
+        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  and question prompt should change', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.allotPoints(5);
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], animals[0]);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], animals[1]);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], animals[2]);
+            matchingPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], animals[3]);
+            matchingPage.steps.verifyRandomizePromptOrder(promptArray);
+            matchingPage.steps.verifyPromptAreRerandomized(promptTextArray);
+            matchingPage.steps.verifyOptionsAreRerandomized(optionsArray);
+            matchingPage.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  and question prompt should be displayed in the order in which the user has set them in the \'Options for drag & drop\' section and \'Prompt\' section respectively', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.uncheckRandomizeOptionsCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+            animals.forEach((options, index) => {
+                matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(index, options);
+            });
+            promptArray.forEach((prompt, index) => {
+                matchingPage.steps.verifyPromptContainerPreviewTab([{ index: index, optionText: prompt }]);
+            });
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('Matching');
+            matchingPage.steps.expandDraggableOptionsLayoutDropdown();
+            matchingPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            matchingPage.steps.addGroupTitle(groupTitles[0]);
+            matchingPage.steps.addMultipleOptionFields(1);
+            matchingPage.steps.enterTextInOptionInputField(animals[0]);
+            matchingPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[1], animals[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', () => {
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, ['Bear', 'Panda', 'Zebra']);
+        });
+
+        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', () => {
+            matchingPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Fish', dropzoneIndex: 1 }]);
+            matchingPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(1, 'Fish');
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, animals[0]);
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, animals[1]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple dropzones', () => {
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Fish', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(1, 'Fish');
+            matchingPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(2, 'Fish');
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(0, animals[0]);
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, animals[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', () => {
+            matchingPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Fish');
+            matchingPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Fish');
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, animals[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 \'Specifycorrect answer\' section', () => {
+            cy.log('Pre step: Setting identical options as correct responses')
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Fish', dropzoneIndex: 1 }]);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Fish', dropzoneIndex: 2 }]);
+            matchingPage.steps.uncheckAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            matchingPage.steps.verifyDraggableOptionInDropzoneSpecifyCorrectAnswerSection(1, 'Fish');
+            matchingPage.steps.verifyDropzoneTextSpecifyCorrectAnswerSection(2, '');
+            matchingPage.steps.verifyGroupedContainerContentsInSpecifyCorrectAnswerSection(1, ['Peacock', 'Penguin', 'Tiger']);
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('matching');
+            matchingPage.steps.expandDraggableOptionsLayoutDropdown();
+            matchingPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            matchingPage.steps.addGroupTitle(groupTitles[0]);
+            matchingPage.steps.addMultipleOptionFields(1);
+            matchingPage.steps.enterTextInOptionInputField(animals[0]);
+            matchingPage.steps.addGroupWithTitleAndOptionsInDraggableOptionsSection(groupTitles[1], animals[1]);
+            matchingPage.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', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Bear', 'Panda', 'Zebra']);
+        });
+
+        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', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyDraggableOptionPreviewTab(0, 'Elephant');
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(0, animals[0]);
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(1, animals[1]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple dropzones', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 1 }]);
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(1, ['Bear']);
+            matchingPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(2, ['Bear']);
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(0, animals[0]);
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(1, animals[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', () => {
+            matchingPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Bear');
+            matchingPage.steps.clickAndDropOptionInOptionsContainerInPreviewTab('Bear');
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(0, animals[0]);
+        });
+
+        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', () => {
+            matchingPage.steps.switchToEditTab();
+            matchingPage.steps.uncheckAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            matchingPage.steps.switchToPreviewTab();
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }]);
+            matchingPage.steps.verifyDraggableOptionInDropzoneOfPreviewTab(0, ['Bear']);
+            matchingPage.steps.verifyGroupedContainerContentsInPreviewTab(0, ['Elephant', 'Panda', 'Zebra']);
+        });
+    });
+
+    describe('Allow multiple instances of same draggable option - Scoring', () => {
+        before(() => {
+            matchingPage.steps.navigateToCreateQuestion('matching');
+            cy.barsPreLoaderWait();
+            matchingPage.steps.addTextInQuestionInstructionsInputField('matching');
+            matchingPage.steps.expandDraggableOptionsLayoutDropdown();
+            matchingPage.steps.selectOptionFromDraggableOptionsLayoutDropdown('Grouped');
+            matchingPage.steps.addGroupTitle(groupTitles[0]);
+            matchingPage.steps.addMultipleOptionFields(1);
+            matchingPage.steps.enterTextInOptionInputField(animals[0]);
+            matchingPage.steps.checkAllowMultipleInstancesOfSameDraggableOptionCheckbox();
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Bear', dropzoneIndex: 0 }]);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Bear', dropzoneIndex: 1 }]);
+            matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Elephant', dropzoneIndex: 2 }]);
+            matchingPage.steps.allotPoints(5);
+            matchingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has set same answer options in the \'Specify correct answer\' section, then the user should be awarded full points on attempting the question with reused options', () => {
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 0 }]);
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Bear', dropzoneIndex: 1 }]);
+            matchingPage.steps.clickAndDropOptionInDropzonePreviewTab([{ optionText: 'Elephant', dropzoneIndex: 2 }]);
+            matchingPage.steps.verifyPreviewScore(5, 5);
+            matchingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+        });
+    });
+});

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -469,7 +469,7 @@ const steps = {
     },
 
     verifyCorrectAnswerSectionNotExists: () => {
-        utilities.verifyElementVisibilityState(gridQuestionCommonComponent.correctAnswersLabel(), 'notExist');
+        utilities.verifyElementVisibilityState(gridQuestionCommonComponent.correctAnswersSectionLabel(), 'notExist');
     },
 
     /**