itemengine-cypress-automation 1.0.32 → 1.0.37

package/cypress/e2e/ILC/ListOrdering/listOrderingSetCorrectAnswerCheckboxes.js

@@ -0,0 +1,208 @@
+import { listOrderingPage } from "../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let options = ['plant', 'sprout', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+
+describe('Create Item page -List ordering: Randomize options functionality, Hide drag Handle functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+        });
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(listOrderingPage.randomizeOptionsCheckboxLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(listOrderingPage.randomizeOptionsCheckboxLabel(), 'visible');
+            listOrderingPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        it('CSS of \'Randomize options\'', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.randomizeOptionsCheckboxLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Randomize options\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.randomizeOptionsCheckbox());
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the options in the set correct answer section should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            listOrderingPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options in the set correct answer section should be in the order in which the user has set them in the \'Options\' section', () => {
+            listOrderingPage.steps.checkRandomizeOptionsCheckbox()
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+        });
+
+        it('CSS of \'Randomize options\' functionality - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.randomizeOptionsCheckbox().parents('.ngie-checkbox').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Randomize options\' functionality - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.randomizeOptionsCheckbox().parents('.ngie-checkbox'))
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, options in the preview tab should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            listOrderingPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then options in preview tab should be displayed in a random order', () => {
+            listOrderingPage.steps.switchToEditTab()
+            listOrderingPage.steps.checkRandomizeOptionsCheckbox()
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyRandomizeOptionOrder(options);
+            optionsArray = listOrderingPage.steps.getOptionsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the options should not change in the preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyRandomizeOptionOrder(options);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the options should change and the options should be displayed in the order in which the user has set them in the preview tab', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.clearPointsField();
+            listOrderingPage.steps.allotPoints(12);
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyRandomizeOptionOrder(options);
+            listOrderingPage.steps.verifyOptionsAreRerandomized(optionsArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the options in the preview tab should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            listOrderingPage.steps.switchToEditTab()
+            listOrderingPage.steps.uncheckRandomizeOptionsCheckbox()
+            listOrderingPage.steps.switchToPreviewTab();
+            listOrderingPage.steps.verifyTextContentOfOptionsInPreviewTab(options);
+        });
+    });
+
+    describe('Hide drag handle - Functionality: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+        });
+
+        it('When the \'Hide drag handle\' functionality is disabled, then the options displayed in response container of the \'Set correct answer\' section should have a drag handle', () => {
+            listOrderingPage.steps.verifyHideDragHandleCheckboxUnchecked();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+        });
+
+        it('When the user enables the \'Hide drag handle\' functionality, then the options displayed in response container of the \'Set correct answer\' section should not have a drag handle', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.checkHideDragHandleCheckbox();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonDoesNotExistInSetCorrectAnswerSection(index);
+            }
+        });
+
+        it('CSS of \'Hide drag handle\' functionality - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.hideDragHandleCheckbox().parents('.ngie-checkbox').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Hide drag handle\' functionality - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.hideDragHandleCheckbox());
+        });
+
+        it('When the \'Hide drag handle\' functionality is disabled again, then the options displayed in response container of the \'Set correct answer\' section should have a drag handle', () => {
+            listOrderingPage.steps.uncheckHideDragHandleCheckbox();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+        });
+    });
+
+    describe('Hide drag handle - Functionality: Preview tab', () => {
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listOrderingPage.steps.allotPoints('20');
+        });
+
+        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', () => {
+            listOrderingPage.steps.switchToPreviewTab();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index);
+            }
+        });
+
+        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', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.checkHideDragHandleCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonDoesNotExistInPreviewTab(index);
+            }
+        });
+
+        it('When the \'Hide drag handle\' functionality is disabled again, then the options displayed in response container of the \'Preview tab\' section should have a drag handle', () => {
+            listOrderingPage.steps.switchToEditTab();
+            listOrderingPage.steps.uncheckHideDragHandleCheckbox();
+            listOrderingPage.steps.switchToPreviewTab();
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInPreviewTab(index)
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/ListOrdering/listOrderingSetCorrectAnswerSection.js

@@ -0,0 +1,172 @@
+import { dialogBoxBase } from "../../../pages/dialogBoxBase";
+import { listOrderingPage } from "../../../pages/listOrderingPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+let options = ['plant', 'sprout', 'flower', 'seed'];
+
+describe('Create Item page - List ordering: Set correct answer, Alternate correct answer - Edit tab cases', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+        });
+
+        listOrderingPage.tests.verifyAutoScoredSetCorrectAnswerHeaderSectionContents('list ordering');
+
+        it('By default, 4 \'Options\' should be displayed with Drag handle in \'Set correct answer\' section', () => {
+            for (let index = 0; index < 4; index++) {
+                listOrderingPage.steps.verifyDragHandleButtonOfOptionInSetCorrectAnswerSection(index)
+            }
+            utilities.verifyElementCount(listOrderingPage.setCorrectAnswerSectionOption(), 4);
+        });
+
+        it('When user clicks on Add alternate answer button without allotting points in the \'Set correct answer\' then a warning popup should be displayed', () => {
+            listOrderingPage.steps.clickOnAddAlternateAnswerButton();
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'exist');
+        });
+
+        it('When user closes the warning popup \'Error: Please enter points\' error message should be displayed', () => {
+            dialogBoxBase.steps.closeWarningPopup();
+            listOrderingPage.steps.verifyPointsInputFieldErrorMessage()
+            listOrderingPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed();
+        });
+
+        it('When user allots points the error message and error icon should disappear', () => {
+            listOrderingPage.steps.allotPoints(10);
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+            listOrderingPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+            cy.log('Post step: Clear points field')
+            listOrderingPage.steps.clearPointsField();
+        });
+
+        listOrderingPage.tests.verifyAutoScoredPointsErrorMessageWhenPointsFieldIsEmpty('Correct tab');
+
+        it('When user tries to \'Add alternate tab\' after allotting points without re-ordering the options then an error message should be displayed in the \'Set correct answer\' section', () => {
+            listOrderingPage.steps.clickOnAddAlternateAnswerButton();
+            utilities.verifyInnerText(listOrderingPage.errorMessage(), 'Error: The correct answer sequence matches the option sequence. Please either rearrange the options or select \'Randomize options\' to continue.');
+            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'visible');
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/548289
+        listOrderingPage.tests.verifyCSSAnda11yOfErrorMessage();
+
+        it('When the user checks \'Randomize options\' then the error message should disappear', () => {
+            listOrderingPage.steps.checkRandomizeOptionsCheckbox();
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+        });
+
+        it('When the user unchecks the \'Randomize options\' checkbox and clicks on \'Add alternate tab\' the error message should be displayed and on re-ordering the options the error message should disappear', () => {
+            listOrderingPage.steps.uncheckRandomizeOptionsCheckbox();
+            listOrderingPage.steps.clickOnAddAlternateAnswerButton();
+            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'visible');
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['seed', 'sprout', 'plant', 'flower']);
+            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'notExist');
+        });
+
+        it('User should be able to add an alternate answer after ordering the options in the \'Set correct answer\' section when points are alloted', () => {
+            listOrderingPage.steps.addAlternateTab(1);
+        });
+
+        it('When user clicks on the \'Delete\' button then the alternate tab should be deleted', () => {
+            listOrderingPage.steps.deleteAlternateTab();
+            utilities.verifyElementVisibilityState(listOrderingPage.alternateAnswerTab(), 'notExist');
+        });
+    });
+
+    describe('Alternate correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list ordering question type');
+            listOrderingPage.steps.navigateToCreateQuestion('list ordering');
+            listOrderingPage.steps.addQuestionInstructions();
+            listOrderingPage.steps.addInputToOptionsInputField(options);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('sprout', 1);
+        });
+
+        listOrderingPage.tests.verifyAutoScoredAlternateAnswer('list ordering');
+
+        it('When the user allots points to the \'Correct tab\' and has set correct answer order in the \'Set correct answer\' section then on clicking the \'Alternate tab\' button an alternate tab should be added', () => {
+            listOrderingPage.steps.allotPoints('10');
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+            listOrderingPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['seed', 'sprout', 'plant', 'flower']);
+            listOrderingPage.steps.addAlternateTab(1);
+        });
+
+        it('When the user adds an alternate tab then the options should be displayed in the same order as they appear in the \'Options\' section', () => {
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(options);
+        });
+
+        it('CSS of Alternate correct answer tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(listOrderingPage.alternateAnswerTab(1), {
+                'color': css.color.secondaryBtnActive,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            cy.log('CSS of inactive Correct answer tab')
+            utilities.verifyCSS(listOrderingPage.correctTab(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Accessibility of Alternate correct answer tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(listOrderingPage.correctTab().parents('[class*="AlternatePointsComponentstyles__AnswerTabWrapper"]'));
+        });
+
+        it('User should be able set correct answer in the \'Alternate tab\' by ordering the options in the \'Alternate tab\'', () => {
+            listOrderingPage.steps.allotPoints('5')
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('seed', 0);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('plant', 3);
+            listOrderingPage.steps.clickAndReorderOptionInSetCorrectAnswerSection('flower', 1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['seed', 'flower', 'sprout', 'plant']);
+        });
+
+        it('When user switches to the \'Correct tab\' from the \'Alternate tab\' the order of options set in the \'Correct tab\' should remain the same', () => {
+            listOrderingPage.steps.navigateToCorrectTab();
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['seed', 'sprout', 'plant', 'flower']);
+        });
+
+        it('User should be able to add another alternate tab for the question using \'Add Alternate Answer\' button and the name for this new tab should be \'Alternate 2\'', () => {
+            listOrderingPage.steps.addAlternateTab(2);
+        });
+
+        it('When the user adds an alternate tab then the options should be displayed in the same order as they appear in the \'Options\' section', () => {
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(options);
+        });
+
+        listOrderingPage.tests.verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab();
+
+        it('When the user clicks on the \'Close\' button alongside alternate answer tab, alternate answer tab should get removed and the name of the alternate answer tabs should get updated and the order of the options should be displayed accordingly', () => {
+            cy.log('Set correct answer and points in alternate 2 tab, then switch to Alternate 1 tab and click delete icon button');
+            listOrderingPage.steps.allotPoints('2');
+            listOrderingPage.steps.navigateToAlternateTab(1);
+            listOrderingPage.steps.deleteAlternateTab();
+            utilities.verifyElementVisibilityState(listOrderingPage.alternateAnswerTab(2), 'notExist');
+            utilities.verifyInnerText(listOrderingPage.alternateAnswerTab(1), 'Alternate 1')
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(options);
+        });
+
+        it('When user deletes an option from the \'Options\' section the order should remain the same without the deleted option in the \'Correct tab\' and \'Alternate tab\' and no error message should be displayed', () => {
+            listOrderingPage.steps.navigateToCorrectTab();
+            listOrderingPage.steps.deleteOption(0);
+            listOrderingPage.steps.verifyErrorMessageIsNotDisplayed();
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['seed', 'sprout', 'flower']);
+            listOrderingPage.steps.navigateToAlternateTab(1);
+            listOrderingPage.steps.verifyOptionsTextContentInSetCorrectAnswerSection(['sprout', 'flower', 'seed']);
+        });
+    });
+});