itemengine-cypress-automation 1.0.29 → 1.0.31

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesGroupedSetCorrectAnswerCheckboxes.js

@@ -0,0 +1,266 @@
+import { dragAndDropIntoCategoriesPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+let animals = [['Bat', 'Platypus', 'Panda', 'Zebra'],
+['Peacock', 'Falcon', 'Eagle', 'Tiger'],
+['Parrot', 'Lion', 'Whale', 'Elephant'],
+['Giraffe', 'Kangaroo', 'Ostrich', 'Flying squirrel']
+];
+let groupTitles = ['Group A', 'Group B', 'Group C', 'Group D'];
+
+describe('Create Item page - Drag and drop into categories: 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 drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
+        });
+
+        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', () => {
+            animals.forEach((options, index) => {
+                dragAndDropIntoCategoriesPage.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', () => {
+            dragAndDropIntoCategoriesPage.steps.checkRandomizeOptionsCheckbox();
+            animals.forEach((options, index) => {
+                dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(index, options);
+            });
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        let groupTitleArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
+            dragAndDropIntoCategoriesPage.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) => {
+                dragAndDropIntoCategoriesPage.steps.verifyGroupTitleInPreviewTab(groupIndex, groupTitle);
+            })
+            animals.forEach((options, index) => {
+                dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(index, options);
+            });
+        });
+
+        //https://redmine.zeuslearning.com/issues/536969
+        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', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.checkRandomizeOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], animals[0]);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], animals[1]);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], animals[2]);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], animals[3]);
+            optionsArray = dragAndDropIntoCategoriesPage.steps.getOptionsArray('drag and drop into categories');
+            groupTitleArray = dragAndDropIntoCategoriesPage.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', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            groupTitleArray.forEach((groupTitle, groupIndex) => {
+                dragAndDropIntoCategoriesPage.steps.verifyGroupTitleInPreviewTab(groupIndex, groupTitle);
+            });
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableResponsesPreviewTab('drag and drop into categories', 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', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.allotPoints(5);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizationOfGroupsInPreviewTab(groupTitles);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[0], animals[0]);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[1], animals[1]);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[2], animals[2]);
+            dragAndDropIntoCategoriesPage.steps.verifyRandomizeOptionOrderInGroup(groupTitles[3], animals[3]);
+            dragAndDropIntoCategoriesPage.steps.verifyRerandomizedOptionsOrder(optionsArray, 'drag and drop into categories');
+            dragAndDropIntoCategoriesPage.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', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.uncheckRandomizeOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            animals.forEach((options, index) => {
+                dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(index, options);
+            });
+        });
+    });
+
+    describe('Reuse options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
+        });
+
+        it('When the \'Reuse options\' functionality is disabled, then on setting correct answer in the category cell, the draggable options should get removed from the respective group of the response container', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Platypus', 'Panda', 'Zebra'])
+        });
+
+        it('When the user enables the \'Reuse options\' functionality, then on setting correct answer in the category cell, the draggable options should persist in respective group of the response container', () => {
+            cy.log('Pre step: Removing the set correct answer option from the category cell')
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInGroupedResponseContainerOfSetCorrectAnswerSection('Bat');
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, animals[0]);
+            cy.log('Checking the reuse option checkbox and setting the correct answer option')
+            dragAndDropIntoCategoriesPage.steps.checkReuseOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(0, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, animals[0]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(1, animals[1]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(2, animals[2]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(3, animals[3]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple category cells', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 1);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(0, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(1, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, animals[0]);
+        });
+
+        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', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInGroupedResponseContainerOfSetCorrectAnswerSection('Bat');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInGroupedResponseContainerOfSetCorrectAnswerSection('Bat');
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, animals[0]);
+        });
+
+        it('When the user disables the \'Reuse options\' functionality, the duplicate answer set as correct answer should get removed from the category cell 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')
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 1);
+            dragAndDropIntoCategoriesPage.steps.uncheckReuseOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfSetCorrectAnswerSection(0, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyEmptyStateOfCategoryCellInSetCorrectAnswerSection(1);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['Platypus', 'Panda', 'Zebra'])
+        });
+    });
+
+    describe('Reuse options - Functionality: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
+            dragAndDropIntoCategoriesPage.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', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Platypus', 'Panda', 'Zebra'])
+        });
+
+        it('When the \'Reuse options\' functionality is enabled, then on attempting the question, the draggable options should persist in the response container', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.checkReuseOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(0, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, animals[0]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(1, animals[1]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(2, animals[2]);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(3, animals[3]);
+        });
+
+        it('The user should be able to use the same draggable option for multiple category cells', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 1);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(0, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(1, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, animals[0]);
+        });
+
+        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', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInGroupedResponseContainerOfPreviewTab('Bat');
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInGroupedResponseContainerOfPreviewTab('Bat');
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, animals[0]);
+        });
+
+        it('When the user disables the \'Reuse options\' functionality, then on attempting the question, the draggable options should get removed from the response container', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.uncheckReuseOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableOptionInCategoryCellOfPreviewTab(0, ['Bat']);
+            dragAndDropIntoCategoriesPage.steps.verifyEmptyStateOfCategoryCellInPreviewTab(1);
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['Platypus', 'Panda', 'Zebra'])
+        });
+    });
+
+    describe('Reuse options - Scoring', () => {
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestionForGroupedResponseOptions();
+            dragAndDropIntoCategoriesPage.steps.checkReuseOptionsCheckbox();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 1);
+            dragAndDropIntoCategoriesPage.steps.allotPoints(5);
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyReuseOptionScoring();
+    });
+
+    describe('Hide drag handle - Functionality: Edit tab', () => {
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            dragAndDropIntoCategoriesPage.steps.selectResponseOptionsLayout('Grouped');
+            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', () => {
+            dragAndDropIntoCategoriesPage.steps.verifyDragIconVisibleInOptionsInSetCorrectAnswerSection('drag and drop into categories');
+        });
+
+        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', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.checkHideDragHandleCheckbox();
+            dragAndDropIntoCategoriesPage.steps.verifyDragIconNotVisibleInOptionsInSetCorrectAnswerSection('drag and drop into categories');
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyCSSAndA11yOfCheckedStateOfHideDragHandleCheckbox();
+    });
+
+    describe('Hide drag handle - Functionality: Preview tab', () => {
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            dragAndDropIntoCategoriesPage.steps.selectResponseOptionsLayout('Grouped');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Hide drag handle\' functionality is disabled, then the draggable options displayed in response container of the preview tab should have a drag handle', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.verifyDragIconVisibleInOptionsInPreviewTab('drag and drop into categories');
+        });
+
+        it('When the \'Hide drag handle\' functionality is enabled, then the draggable options displayed in response container of the preview tab should not have a drag handle', () => {
+            dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            dragAndDropIntoCategoriesPage.steps.checkHideDragHandleCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+            dragAndDropIntoCategoriesPage.steps.verifyDragIconNotVisibleInOptionsInPreviewTab('drag and drop into categories');
+        });
+    });
+});

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesHeaderSection.js

@@ -0,0 +1,83 @@
+import { dialogBoxBase, dragAndDropIntoCategoriesPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const options = ['Bat', 'Cat'];
+
+describe('Create question page - drag and drop into categories: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories')
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Drag and drop into categories');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories')
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories')
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyCancelButton('drag and drop into categories');
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories')
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsErrorMessage()
+                for (let index = 0; index < 2; index++) {
+                    dragAndDropIntoCategoriesPage.steps.verifyOptionsErrorMessageIsDisplayed(index)
+                }
+                dragAndDropIntoCategoriesPage.steps.verifyPointsFieldErrorMessage();
+                dragAndDropIntoCategoriesPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed();
+                dragAndDropIntoCategoriesPage.steps.verifySetCorrectAnswerSectionErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                dragAndDropIntoCategoriesPage.steps.addQuestionInstructions();
+                dragAndDropIntoCategoriesPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                dragAndDropIntoCategoriesPage.steps.allotPoints(20);
+                dragAndDropIntoCategoriesPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
+                dragAndDropIntoCategoriesPage.steps.addInputToOptionsForDragAndDropFields(options);
+                dragAndDropIntoCategoriesPage.steps.verifyOptionsErrorMessageIsNotDisplayed(1);
+                dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Bat', 0);
+                dragAndDropIntoCategoriesPage.steps.verifyErrorMessageIsNotDisplayed();
+                dragAndDropIntoCategoriesPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+            });
+
+            dragAndDropIntoCategoriesPage.tests.verifya11yOfCreateItemWrapperContents();
+        });
+
+        describe('Saving a question', () => {
+            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', () => {
+                dragAndDropIntoCategoriesPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            dragAndDropIntoCategoriesPage.tests.verifySavedSuccessfullySnackbarCSSanda11y();
+        });
+    });
+});

package/cypress/e2e/ILC/DragAndDropIntoCategories/dragAndDropIntoCategoriesManuallyAndNonScored.js

@@ -0,0 +1,184 @@
+import { dragAndDropIntoCategoriesPage } from "../../../pages/dragAndDropIntoCategoriesPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+const answerResponseOptions = ['Bat', 'Eagle', 'Platypus', 'Ostrich', 'Whale', 'Parrot', 'Flying squirrel', 'Peacock', 'Falcon'];
+const correctTabAnswerArray = [['Bat'], ['Eagle', 'Parrot'], ['Platypus', 'Whale'], ['Ostrich']];
+const cellNumerationArray = ['1', '2', '3', '4'];
+
+describe('Create item page - drag and drop into categories: Preview tab scoring section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestion();
+            dragAndDropIntoCategoriesPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored');
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to the preview tab, the question instruction, the question preview and draggable options should be displayed in the preview tab', () => {
+            dragAndDropIntoCategoriesPage.questionInstructionsText()
+                .should('have.text', 'Fill the categories with the right answer.');
+            dragAndDropIntoCategoriesPage.steps.verifyCountOfCategoryTitlesInPreviewTab(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCountOfCategoriesInPreviewTab(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCategoryTitleInPreviewTab(0, 'Mammal');
+            dragAndDropIntoCategoriesPage.steps.verifyCategoryTitleInPreviewTab(1, 'Not mammal');
+            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowTitlesInPreviewTab(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCountOfRowsInPreviewTab(2);
+            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInPreviewTab(0, 'Can fly');
+            dragAndDropIntoCategoriesPage.steps.verifyRowTitleInPreviewTab(1, 'Cannot fly');
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableResponsesPreviewTab('drag and drop into categories', answerResponseOptions);
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab();
+    });
+
+    describe('Question Preview: Non scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.setQuestion();
+            dragAndDropIntoCategoriesPage.steps.setCorrectTabAnswerOptions();
+            dragAndDropIntoCategoriesPage.steps.selectAScoringTypeFromScoringTypeDropdown('Non scored');
+            dragAndDropIntoCategoriesPage.steps.expandAdditonalSettings();
+            dragAndDropIntoCategoriesPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyShowCorrectAnswerLabelAndCheckboxExistAndPreviewScoreNotExistInPreviewTab();
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, numeration should appear in each category cell, correct/incorrect cell border or icons should not be displayed, a correct answer section with \'Correct answers:\' label and all correct answers should be displayed below the question preview', () => {
+            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.verifyNumerationOfCategoryCellsInQuestionPreview(cellNumerationArray);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswersLabel();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctTabAnswerArray, [1, 2, 3, 4]);
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyQuestionPreviewOnClickingCheckAnswerWithoutAttempting();
+
+        it('When the user attempts the question incorrectly and selects \'Show correct answer\' checkbox, red cross-mark icon should be displayed besides the incorrect answer responses, correct/incorrect border and icon for cell should not be displayed, incorrect answer border and label for the question should not appear and the correct answer section with all correct answers along with category cell numeration should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 2);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 3);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 1);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 0);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Ostrich', 2);
+
+            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.verifyNumerationOfCategoryCellsInQuestionPreview(cellNumerationArray);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctTabAnswerArray, [1, 2, 3, 4]);
+            cy.log('Correct/Incorrect border and icon for cell should not be displayed, incorrect answer border for the question and label should not be displayed below the question preview')
+            dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, red cross-mark icon should be displayed besides the incorrect answer responses, correct/incorrect border and icon for cell should not be displayed, incorrect answer border and label for the question should not appear and no correct answer section should be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
+            cy.log('Correct/Incorrect border and icon for cell should not be displayed, incorrect answer border for the question and label should not be displayed below the question preview')
+            dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+        });
+
+        it('When the user attempts the question partially correct and selects \'Show correct answer\' checkbox, green check-mark icon should be displayed besides the correct answer responses, red cross-mark should be displayed besides incorrect answer response, correct/incorrect border and icon for cell should not be displayed, incorrect answer border and label for the question should not appear and the correct answer section should display the incorrect/not attempted options from the correct tab along with category cell numeration', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Parrot', 2);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 2);
+
+            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.verifyNumerationOfCategoryCellsInQuestionPreview(cellNumerationArray);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Parrot'], ['Platypus'], ['Ostrich']], [2, 3, 4]);
+            cy.log('Correct/Incorrect border and icon for cell should not be displayed, incorrect answer border for the question and label should not be displayed below the question preview')
+            dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides the correct answer responses, red cross-mark should be displayed besides incorrect answer response, correct/incorrect border and icon for cell should not be displayed, incorrect answer border and label for the question should not appear and no correct answer section should be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyIncorrectOptionCrossmarkIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(3);
+            cy.log('Correct/Incorrect border and icon for cell should not be displayed, incorrect answer border for the question and label should not be displayed below the question preview')
+            dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
+        });
+
+        it('When the user attempts the question fully correct and selects \'Show correct answer\' checkbox, green check-mark icon should be displayed besides the correct answer responses, correct/incorrect border and icon for cell should not be displayed, correct answer border and label for the question should not appear and no correct answer section should be displayed', () => {
+            dragAndDropIntoCategoriesPage.steps.resetQuestionPreview();
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Bat', 0);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Eagle', 1);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Parrot', 1);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Whale', 2);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Platypus', 2);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfPreviewTab('Ostrich', 3);
+
+            dragAndDropIntoCategoriesPage.steps.checkShowCorrectAnswerCheckbox();
+            dragAndDropIntoCategoriesPage.steps.verifyNumerationOfCategoryCellsInQuestionPreview(cellNumerationArray);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
+            cy.log('Correct/Incorrect border and icon for cell should not be displayed, incorrect answer border for the question and label should not be displayed below the question preview')
+            dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+
+            dragAndDropIntoCategoriesPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user clicks on \'Check answer\' button, green check-mark icon should be displayed besides the correct answer responses, correct/incorrect border and icon for cell should not be displayed, correct answer border and label for the question should not appear and no correct answer section should be displayed')
+            dragAndDropIntoCategoriesPage.steps.checkAnswer();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(1);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(2);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(3);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(4);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectOptionCheckmarkIcon(5);
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectAnswerSectionNotVisible();
+            cy.log('Correct/Incorrect border and icon for cell should not be displayed, incorrect answer border for the question and label should not be displayed below the question preview')
+            dragAndDropIntoCategoriesPage.correctIncorrectAnswerLabel()
+                .should('not.exist');
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectCellBorderNotExists();
+            dragAndDropIntoCategoriesPage.steps.verifyCorrectIncorrectBorderNotVisible();
+        });
+    });
+});