itemengine-cypress-automation 1.0.29 → 1.0.31

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

@@ -0,0 +1,112 @@
+import { dragAndDropIntoCategoriesPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+const optionsForThreeResponses = ['Response 1', 'Response 2', 'Response 3'];
+const responseForGroup2 = ['Response 3', 'Response 4'];
+
+describe('Create Item page - Drag and drop into categories: Options sections, Response options', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Response options and Response options layout dropdown', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyResponseOptionsLayoutDropdownSection();
+    });
+
+    describe('Options - \'Standard\' response options - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyOptionsSectionContentAndFunctionality();
+    });
+
+    describe('\'Standard\' response options layout - Set correct answer section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyStandardResponseDraggableOptionsInSetCorrectAnswerSection('drag and drop into categories');
+
+        it('When the user deletes an option, then the deleted option should get removed from the response options container as well as from the response areas (if any) in the \'Set Correct Answer\' section', () => {
+            const optionsAfterDeleting = optionsForThreeResponses.filter((el) => el !== 'Response 3');
+            cy.log('Setting a correct answer option')
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Response 3', 0);
+            dragAndDropIntoCategoriesPage.steps.deleteOption(2);
+            cy.log('Checking the deleted option should not exist within the draggable answer responses under \'Set Correct Answer\' section')
+            dragAndDropIntoCategoriesPage.steps.verifyDraggableResponsesSetCorrectAnswer('drag and drop into categories', optionsAfterDeleting);
+        });
+    });
+
+    describe('\'Standard\' Response options layout - Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyStandardResponseDraggableOptionsInPreviewTab('drag and drop into categories');
+    });
+
+    describe('\'Grouped\' response options layout - Edit tab section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to drag and drop into categories question type');
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyGroupedOptionsContentAndFunctionality();
+    });
+
+    describe('\'Grouped\' response options layout - Set correct answer section contents', () => {
+        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.selectResponseOptionsLayout('Grouped');
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyGroupedResponseDraggableOptionsInSetCorrectAnswerSection('drag and drop into categories');
+
+        it('When the user deletes a group, then the deleted group should get removed from the response options container as well as from the response areas (if any) of the \'Set Correct Answer\' section', () => {
+            cy.log('Pre step: Entering text into the text fields of group 2 response container')
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsForGroupedResponseLayout(1, responseForGroup2);
+            dragAndDropIntoCategoriesPage.steps.addGroupTitle(1, 'Group title B');
+            cy.log('Setting a correct answer option')
+            dragAndDropIntoCategoriesPage.steps.clickAndDropDraggableOptionInCategoryCellOfSetCorrectAnswerSection('Response 2', 0);
+            cy.log('Deleting the 1st group')
+            dragAndDropIntoCategoriesPage.steps.deleteGroup(0);
+            dragAndDropIntoCategoriesPage.steps.verifyCountOfGroupsInSetCorrectAnswerSection(1);
+            cy.log('verifying the contents of group 2 after deleting group 1')
+            dragAndDropIntoCategoriesPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, responseForGroup2);
+            dragAndDropIntoCategoriesPage.setCorrectAnswerSectionGroupedResponseTitle()
+                .should('have.text', 'Group title B');
+        });
+    });
+
+    describe('\'Grouped\' response options layout - Preview tab contents', () => {
+        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.selectResponseOptionsLayout('Grouped');
+            dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyGroupedResponseDraggableOptionsInPreviewTab('drag and drop into categories');
+    });
+});