itemengine-cypress-automation 1.0.77 → 1.0.79

package/cypress/e2e/ILC/SingleSelection/studentViewSettings.js

@@ -0,0 +1,304 @@
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+let maxCheckAnswerAttemptsOptions = ['No limit', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
+
+describe('Create Item page - Single selection: Student view settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options and lock option position : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.allotPoints(20);
+        });
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(singleSelectionPage.randomizeOptionsLabel(), 'Randomize options');
+            utilities.verifyElementVisibilityState(singleSelectionPage.randomizeOptionsCheckbox(), 'exist');
+            singleSelectionPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+        });
+
+        it('CSS of \'Randomize options\'', { tags: 'css' }, () => {
+            utilities.verifyCSS(singleSelectionPage.randomizeOptionsLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of \'Randomize options\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]'));
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the options in the specify correct answer section should be displayed in the order in which the user has set them in the \'Options\' section', () => {
+            singleSelectionPage.steps.verifyRandomizeOptionsCheckboxUnchecked();
+            singleSelectionPage.steps.verifyOptionsTextContentInSpecifyCorrectAnswerSection(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the options in the specify correct answer section should be in the order in which the user has set them in the \'Options\' section', () => {
+            singleSelectionPage.steps.checkRandomizeOptionsCheckbox();
+            singleSelectionPage.steps.verifyOptionsTextContentInSpecifyCorrectAnswerSection(options);
+        });
+
+        it('When user checks \'Randomize options\' checkbox then \'Lock option position\' checkbox and label should be displayed and it should be unchecked', () => {
+            utilities.verifyInnerText(singleSelectionPage.lockOptionPositionLabel(), 'Lock option position');
+            singleSelectionPage.steps.verifyLockOptionPositionCheckboxUnchecked();
+        });
+
+        it('CSS of \'Randomize options\' functionality - checked state', { tags: 'css' }, () => {
+            utilities.verifyCSS(singleSelectionPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+        });
+
+        it('Accessibility of \'Randomize options\' functionality - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.randomizeOptionsCheckbox().parents('[data-ngie-testid="randomize-options-checkbox"]'))
+        });
+
+        it('When the user checks the \'Lock option position\' then Lock option button should be displayed with the options and all the options should be displayed in the unlocked state except the last option', () => {
+            singleSelectionPage.steps.checkLockOptionPositionCheckbox();
+            options.forEach((option, index) => {
+                if (index === options.length - 1) {
+                    singleSelectionPage.steps.verifyOptionsLocked(index);
+                } else {
+                    singleSelectionPage.steps.verifyOptionsUnlocked(index);
+                }
+            });
+        });
+
+        it('User should be able to lock and unlock options using the button', () => {
+            singleSelectionPage.steps.unlockOption(3);
+            singleSelectionPage.steps.lockOption(0);
+        });
+    });
+
+    describe('Randomize options and lock option position : Preview tab', () => {
+        let optionsArray = [];
+        abortEarlySetup();
+        before(() => {
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.')
+            singleSelectionPage.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', () => {
+            singleSelectionPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyOptionsTextContentInPreviewTab(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then options in preview tab should be displayed in a random order', () => {
+            singleSelectionPage.steps.switchToEditTab()
+            singleSelectionPage.steps.checkRandomizeOptionsCheckbox()
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyRandomizeOptionOrder(options, null);
+            optionsArray = singleSelectionPage.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', () => {
+            singleSelectionPage.steps.resetQuestionPreview();
+            singleSelectionPage.steps.verifyOptionsTextContentInPreviewTab(optionsArray);
+        });
+
+        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', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.clearPointsField();
+            singleSelectionPage.steps.allotPoints(12);
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyRandomizeOptionOrder(options, null);
+            singleSelectionPage.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', () => {
+            singleSelectionPage.steps.switchToEditTab()
+            singleSelectionPage.steps.uncheckRandomizeOptionsCheckbox();
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyOptionsTextContentInPreviewTab(options);
+        });
+
+        it('When the user checks the \'Lock option position\' checkbox and locks an option from the options section then the option should be locked in the preview tab', () => {
+            singleSelectionPage.steps.switchToEditTab()
+            singleSelectionPage.steps.checkRandomizeOptionsCheckbox();
+            singleSelectionPage.steps.checkLockOptionPositionCheckbox();
+            singleSelectionPage.steps.unlockOption(3);
+            singleSelectionPage.steps.lockOption(0);
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyRandomizeOptionOrder(options, 0);
+        });
+
+        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', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyRandomizeOptionOrder(options, 0);
+        });
+    });
+
+    describe('Allow students to check answer: Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.allotPoints(20);
+        });
+
+        it('\'Allow student to check answer\' label and checkbox should be displayed and it should be unchecked by default', () => {
+            utilities.verifyInnerText(singleSelectionPage.allowStudentToCheckAnswerLabel(), 'Allow student to check answer');
+            singleSelectionPage.steps.verifyAllowStudentsToCheckAnswerCheckboxUnchecked();
+        });
+
+        it('When user checks the \'Allow student to check answer\' checkbox then \'Disable previous incorrect options\' checkbox and \'Maximum check answer attempts\' dropdown should be displayed', () => {
+            singleSelectionPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            utilities.verifyInnerText(singleSelectionPage.disablePreviousIncorrectOptionLabel(), 'Disable previous incorrect options');
+            utilities.verifyElementVisibilityState(singleSelectionPage.disablePreviousIncorrectOptionCheckbox(), 'exist');
+            utilities.verifyElementVisibilityState(singleSelectionPage.maximumCheckAnswerAttemptsDropdown(), 'visible');
+        });
+
+        it('\'Disable previous incorrect options\' checkbox should be unchecked by default', () => {
+            singleSelectionPage.steps.verifyDisablePreviousIncorrectOptionCheckboxUnchecked();
+        });
+
+        it('User should be able to check \'Disable previous incorrect options\' checkbox', () => {
+            singleSelectionPage.steps.checkDisablePreviousIncorrectOptionCheckbox();
+        });
+
+        it('\'Maximum check answer attempts\' should have \'No limit\' selected by default and on expanding the dropdown options 1 to 10 should also be displayed', () => {
+            utilities.verifyInnerText(singleSelectionPage.maximumCheckAnswerAttemptsDropdownLabel(), 'Maximum check answer attempts');
+            utilities.verifyInnerText(singleSelectionPage.maximumCheckAnswerAttemptsDropdown(), maxCheckAnswerAttemptsOptions[0]);
+            singleSelectionPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            maxCheckAnswerAttemptsOptions.forEach((option, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionPage.maximumCheckAnswerAttemptsDropdownListOptions(), index), option)
+            });
+        });
+
+        it('CSS of \'Allow students to check answer\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(singleSelectionPage.allowStudentToCheckAnswerLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(singleSelectionPage.disablePreviousIncorrectOptionLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(singleSelectionPage.allowStudentToCheckAnswerCheckbox().parents('[data-ngie-testid="allow-student-to-check-answer-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(singleSelectionPage.disablePreviousIncorrectOptionCheckbox().parents('[data-ngie-testid="disable-previous-incorrect-options-checkbox"]').find('g').eq(1), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(singleSelectionPage.maximumCheckAnswerAttemptsDropdownLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(singleSelectionPage.maximumCheckAnswerAttemptsDropdown().find('span'), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(singleSelectionPage.maximumCheckAnswerAttemptsDropdownListOptions().eq(0), {
+                'color': css.color.liText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'background-color': css.color.liTextSelectedBg
+            });
+        });
+
+        it('Accessibility of \'Check answer\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.allowStudentToCheckAnswerCheckbox().parents('[class*="CheckAnswerWrapper"]'));
+        });
+    });
+
+    describe('Allow students to check answer: Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to List sorting question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+            cy.log('Adding question instructions, setting correct answer order and adding points');
+            cy.barsPreLoaderWait();
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.addInputToOptionsInputField(options);
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(0);
+        });
+
+        it('When the user has added options and specified correct answer and points then on checking the \'Allow students to check answer\' checkbox the Check answer button should be displayed in the preview tab', () => {
+            singleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            singleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(singleSelectionPage.checkAnswerButton(), 'Check answer');
+        });
+
+        it('When the user selects an option and checks the answer then an icon should be displayed beside the selected option and the check answer button should be in enabled state', () => {
+            singleSelectionPage.steps.checkOptionInPreviewTab(1);
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+            singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(1);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(2);
+            singleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(3);
+            singleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user checks \'Disable previous incorrect option\' checkbox and selects an incorrect option and checks answer, then on selecting another option the previously checked option should be disabled', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.checkDisablePreviousIncorrectOptionCheckbox();
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.checkOptionInPreviewTab(1);
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyIncorrectOptionIconStudentView(1);
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.verifyOptionInPreviewTabIsDisabled(1);
+        });
+
+        it('When the user checks a correct option and checks answer, then on selecting another option the previously checked option should not be disabled and the check answer button should be enabled', () => {
+            singleSelectionPage.steps.checkOptionInPreviewTab(0);
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);
+            singleSelectionPage.steps.checkOptionInPreviewTab(3);
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyOptionInPreviewTabIsNotDisabled(0);
+            singleSelectionPage.steps.verifyOptionInPreviewTabIsNotDisabled(1);
+            singleSelectionPage.steps.verifyOptionInPreviewTabIsNotDisabled(2);
+            singleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        it('When the user selects an option from the Maximum check answer attempts dropdown then the user should be able to check answer only those many times in the preview tab', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            singleSelectionPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('1');
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.checkOptionInPreviewTab(2);
+            singleSelectionPage.steps.checkAnswer();
+        });
+
+        singleSelectionPage.tests.verifyDisabledCheckAnswerButtonWithCSSAndA11y();
+
+        it('When the user updates the value of \'Maximum check answer attempts\' dropdown, it should get reflected on the Preview tab', () => {
+            singleSelectionPage.steps.switchToEditTab();
+            singleSelectionPage.steps.expandMaxCheckAnswerAttemptsDropdown();
+            singleSelectionPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('3');
+            singleSelectionPage.steps.switchToPreviewTab();
+            singleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+            singleSelectionPage.steps.checkOptionInPreviewTab(1);
+            singleSelectionPage.steps.checkAnswer();
+            singleSelectionPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+});

package/cypress/e2e/ILC/SingleSelection/trueOrFalseCreateItem.js

@@ -0,0 +1,103 @@
+import { singleSelectionPage } from "../../../pages/singleSelectionPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const trueOrFalseOptions = ['True', 'False'];
+
+describe('Create Item page - True or False', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to true or false question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('true or false');
+        });
+
+        singleSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('True or false')
+    });
+
+    describe('True or false: Edit tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to true or false question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('true or false');
+        });
+
+        it('By default 2 \'Options\' input fields should be displayed with pre-defined texts- True and False, Drag handle and Delete option icon buttons should be displayed in disabled state besides each input field', () => {
+            trueOrFalseOptions.forEach((option, count) => {
+                singleSelectionPage.steps.verifyOptionWrapperContents(option, count);
+            });
+            singleSelectionPage.steps.verifyDeleteButtonDisabled();
+        });
+
+        it('True and False options with radio buttons should be displayed in the Specify correct answer section', () => {
+            trueOrFalseOptions.forEach((option, count) => {
+                singleSelectionPage.steps.verifyOptionInSpecifyCorrectAnswerUncheckedState(count)
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), count), option);
+            });
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/556283
+        it('CSS of block options in \'Specify correct answer\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(singleSelectionPage.optionsTextSpecifyCorrectAnswerSection(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of True or false options in \'Specify correct answer\' section as well as in the \'Preview\' tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().parents('.mcq_Group'));
+        });
+    });
+
+    describe('True or false: Preview tab contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to true or false question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('true or false');
+        });
+
+        it('True and False options with radio buttons should be displayed in the Preview tab,', () => {
+            trueOrFalseOptions.forEach((option, count) => {
+                singleSelectionPage.steps.verifyOptionInPreviewTabUncheckedState(count);
+                utilities.verifyInnerText(utilities.getNthElement(singleSelectionPage.optionTextPreviewTab(), count), option);
+            });
+        });
+
+        it('CSS of block options in the \'Preview\' tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(singleSelectionPage.optionTextPreviewTab(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of True or false options in \'Specify correct answer\' section as well as in the \'Preview\' tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(singleSelectionPage.previewTabQuestionWrapper());
+        });
+    });
+
+    describe('Saving a question', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to true or false question type');
+            singleSelectionPage.steps.navigateToCreateQuestion('true or false');
+        });
+
+        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', () => {
+            cy.log('Prestep: Switching to Edit tab')
+            singleSelectionPage.steps.switchToEditTab()
+            singleSelectionPage.steps.addQuestionInstructions();
+            singleSelectionPage.steps.allotPoints(20);
+            singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
+            singleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        singleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});