itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/e2e/ILC/MultipleSelection/blockCreateItem.js

@@ -0,0 +1,110 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+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'];
+
+describe('Create Item page - Multiple Selection - Block', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Multiple Selection - block question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection - block');
+        });
+
+        multipleSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Multiple selection - block')
+    });
+
+    describe('Multiple selection - block: Default Additional Settings for Option Style - Block without check box, Option Numeration - Numerical for Specify correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Multiple Selection - block question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection - block');
+            multipleSelectionPage.steps.expandAdditonalSettings();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('By default, \'Block without check box\' option from the Option Style dropdown and \'Numerical\' option from the \'Option Numeration\' dropdown should be selected', () => {
+            multipleSelectionPage.steps.verifyOptionDesignDropdownSelectedOption('Block without check box')
+            multipleSelectionPage.steps.verifyOptionNumerationDropdownSelectedOption('Numerical');
+        });
+
+        it('Block options with numeration should be displayed in the \'Specify Correct Answer\' accordion', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.optionsCheckbox(), 'hidden');
+            multipleSelectionPage.steps.verifySpecifyCorrectAnswerOptionNumeration();
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), '4');
+        });
+
+        it('CSS of block options in \'Specify Correct Answer\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.optionsText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.optionsText().parents('[data-ngie-testid="response-option-checkbox"]'), {
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('Accessibility of block options in \'Specify Correct Answer\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection().parents('.mcq_Group'));
+        });
+    });
+
+    describe('Multiple selection - block: Option Style - Block without check box, Option Numeration - Numerical for Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Multiple Selection - block question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection - block');
+            multipleSelectionPage.steps.expandAdditonalSettings();
+            multipleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('Block options with numeration should be displayed in the \'Preview tab\' accordion', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.optionsCheckbox(), 'hidden');
+            multipleSelectionPage.steps.verifyPreviewTabOptionNumeration();
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapperPreviewTab(), '4');
+        });
+
+        it('CSS of block options in the \'Preview\' tab', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.optionsText(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(multipleSelectionPage.optionsText().parents('[data-ngie-testid="response-option-checkbox"]'), {
+                'background-color': css.color.defaultBackground
+            });
+        });
+
+        it('Accessibility of block options in the \'Preview\' tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.previewTabQuestionWrapper());
+        });
+    });
+
+    describe('Saving the Multiple selection - block question', () => {
+        abortEarlySetup();
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Multiple Selection - block question type');
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection - block');
+            cy.barsPreLoaderWait();
+        });
+
+        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', () => {
+            multipleSelectionPage.steps.addQuestionInstructions();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+            multipleSelectionPage.steps.checkOptionsWrapperInSpecifyCorrectAnswerSection(0);
+            multipleSelectionPage.steps.checkOptionsWrapperInSpecifyCorrectAnswerSection(1);
+            multipleSelectionPage.steps.allotPoints(20);
+            multipleSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        multipleSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+});

package/cypress/e2e/ILC/MultipleSelection/checkAnswerFunctionalityForAllViews.smoke.js

@@ -0,0 +1,122 @@
+import { itemPreviewPage, multipleSelectionPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+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 checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = utilities.getViews(checkAnswerViews);
+var itemReferenceID = "";
+
+describe('Create item page - Multiple selection - Check answer functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        const checkAnswer = (view) => {
+            switch (view) {
+                case checkAnswerViews[0]:
+                case checkAnswerViews[1]:
+                    multipleSelectionPage.steps.checkAnswer();
+                    break;
+                case checkAnswerViews[2]:
+                    studentViewPage.steps.checkAnswer();
+                    break;
+                // Add more cases for additional pages if needed
+                default:
+                    throw new Error(`Unsupported page identifier: ${view}`);
+            }
+        };
+        describe(`Check answer functionality - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+                        cy.barsPreLoaderWait();
+                        multipleSelectionPage.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.')
+                        multipleSelectionPage.steps.addInputToOptionsInputField(options);
+                        multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+                        multipleSelectionPage.steps.checkOptionsCheckboxInSpecifyCorrectAnswerSection(1);
+                        multipleSelectionPage.steps.allotPoints(20);
+                        multipleSelectionPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+                        multipleSelectionPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        multipleSelectionPage.steps.switchToStudentView();
+                        multipleSelectionPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        multipleSelectionPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    multipleSelectionPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Check answer\' button without attempting the question, then correct/incorrect icons, correct/incorrect answer label and border should not be displayed', () => {
+                checkAnswer(view);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconsNotExist();
+                multipleSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                if (view === 'Item preview') {
+                    multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotVisible();
+                } else {
+                    multipleSelectionPage.steps.verifyCorrectIncorrectBorderNotExists();
+                }
+            });
+
+            it('When attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should not be displayed besides correct options, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(3);
+                checkAnswer(view);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(0);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(3);
+                multipleSelectionPage.steps.verifyIncorrectAttemptBorder();
+            });
+
+            it('When the user attempts the question partially correct and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, correct icons should not be displayed besides unattempted correct options, incorrect answer border and an \'Incorrect answer\' label should be displayed below the question preview', () => {
+                multipleSelectionPage.steps.resetQuestionPreview();
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(2);
+                checkAnswer(view);
+                multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);
+                multipleSelectionPage.steps.verifyCorrectIncorrectIconNotVisibleStudentView(1);
+                multipleSelectionPage.steps.verifyIncorrectOptionIconStudentView(2);
+                multipleSelectionPage.steps.verifyIncorrectAttemptBorder();
+            });
+
+            it('When user attempts the question correctly, and clicks on \'Check answer\' button, then correct icons should be displayed beside all the correct responses, correct answer border and a \'Correct answer\' label should be displayed below the question preview', () => {
+                multipleSelectionPage.steps.resetQuestionPreview();
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(0);
+                multipleSelectionPage.steps.checkOptionsCheckboxInPreviewTab(1);
+                checkAnswer(view);
+                multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(0);
+                multipleSelectionPage.steps.verifyCorrectOptionIconStudentView(1);
+                multipleSelectionPage.steps.verifyCorrectAttemptBorder();
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/MultipleSelection/editTabBasicSection.js

@@ -0,0 +1,159 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+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'];
+const modifiedOptions = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production'];
+
+describe('Create item page - Multiple selection: Question instructions, Options section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Options section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionPage.tests.verifyOptionsSectionContents({ optionFieldsCount: 4, optionLabel: 'Options' });
+
+        multipleSelectionPage.tests.verifyDragHandleTooltip();
+
+        it('When user clicks on the \'Delete\' option button then the respective options input field should get deleted and option numeration should change accordingly', () => {
+            cy.log('Pre step: Adding text in all option input fields')
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+
+            const optionsAfterDeleting = options.filter((el) => el !== options[1]);
+            multipleSelectionPage.steps.deleteOption(1);
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapper(), 3);
+            cy.log('Verifying the input text given to input fields after deletion of 2nd option')
+            optionsAfterDeleting.forEach((inputFieldText, optionIndex) => {
+                utilities.verifyTextContent(utilities.getNthElement(multipleSelectionPage.optionsInputField(), optionIndex), inputFieldText);
+            });
+        });
+
+        it('When only two options are present, the delete buttons should be in disabled state', () => {
+            cy.log('Deleting one more option')
+            multipleSelectionPage.steps.deleteOption(2);
+            multipleSelectionPage.steps.verifyDeleteOptionButtonDisabledState();
+        });
+
+        multipleSelectionPage.tests.verifyDisabledDeleteButtonTooltip();
+
+        multipleSelectionPage.tests.verifyAddOptionFunctionality();
+
+        multipleSelectionPage.tests.verifyOptionInputFieldErrorState(2);
+
+        multipleSelectionPage.tests.verifyEnabledDeleteButtonAndTooltip();
+    });
+
+    describe('Options section - image, bold text and equation options', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+        });
+
+        multipleSelectionPage.tests.verifyImageUploadInOptionsInputField(0);
+
+        multipleSelectionPage.tests.verifyBoldTextInOptionsInputField(1);
+
+        multipleSelectionPage.tests.verifyEquationTextInOptionsInputField(2);
+    });
+
+    describe('Options section: Add and delete an option, options with image, bold text and equation - Specify correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('User should be able to delete an option input field and the deleted option should not be displayed in the \'Specify correct answer\' section', () => {
+            multipleSelectionPage.steps.deleteOption(3);
+            utilities.verifyElementCount(multipleSelectionPage.optionsInputField(), 3);
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 3);
+            modifiedOptions.forEach((option, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.optionsText(), index), option);
+            });
+        });
+
+        it('User should be able to add an option using \'Add option\' button and the added option should be displayed in the \'Specify correct answer\' section', () => {
+            multipleSelectionPage.steps.addOption();
+            utilities.verifyElementCount(multipleSelectionPage.optionsInputField(), 4);
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);
+            multipleSelectionPage.steps.verifyOptionWrapperContentsSpecifyCorrectAnswerSection(3);
+        });
+
+        it('When the user adds an image in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            multipleSelectionPage.steps.focusInOptionsInputField(1)
+            multipleSelectionPage.steps.selectImageOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addImageToInputField();
+            multipleSelectionPage.steps.verifyImageInSpecifyCorrectAnswerSection(1);
+        });
+
+        it('When the user adds bold text in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            multipleSelectionPage.steps.focusInOptionsInputField(3)
+            multipleSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addBoldTextInputToOptionsInputField(3);
+            multipleSelectionPage.steps.verifyBoldTextInSpecifyCorrectAnswerSection(3);
+        });
+
+        it('When the user adds an equation in the options input field, the uploaded image should be displayed in the \'Specify correct answer\' section', () => {
+            multipleSelectionPage.steps.addOption();
+            multipleSelectionPage.steps.focusInOptionsInputField(4)
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            multipleSelectionPage.steps.verifyEquationTextInSpecifyCorrectAnswerSection(4);
+        });
+    });
+
+    describe('Options section: Add and delete an option - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.addInputToOptionsInputField(options);
+        });
+
+        it('User should be able to delete an option input field and the deleted option should not be displayed in the \'Preview\' tab', () => {
+            multipleSelectionPage.steps.deleteOption(3);
+            utilities.verifyElementCount(multipleSelectionPage.optionsInputField(), 3);
+            multipleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapperPreviewTab(), 3);
+            modifiedOptions.forEach((option, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.optionsText(), index), option);
+            });
+        });
+
+        it('User should be able to add an option using \'Add option\' button and the added option should be displayed in the \'Preview\' tab', () => {
+            cy.log('Switching to edit tab')
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.addOption();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(multipleSelectionPage.optionWrapperPreviewTab(), 4);
+            multipleSelectionPage.steps.verifyOptionWrapperContentsPreviewTab(3);
+        });
+    });
+});