itemengine-cypress-automation 1.0.13 → 1.0.15

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridRandomizeOptions.js

@@ -0,0 +1,124 @@
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+const options = ['Fully agree as true', 'Fully agree as false', 'Somewhat agree', 'Somewhat disagree'];
+
+describe('Create Item page - multiple Selection Grid: Randomize options functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Randomize options - Functionality : Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.log('Adding question instructions, question stems, options, setting correct answer, adding points and switching to Preview tab');
+            cy.barsPreLoaderWait()
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+        });
+
+        it('\'Randomize options\' checkbox and label should be displayed and by default it should be unchecked', () => {
+            multipleSelectionGridPage.randomizeOptionsCheckboxLabel()
+                .verifyInnerText('Randomize options')
+                .should('be.visible');
+            multipleSelectionGridPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+        });
+
+        it('CSS of \'Randomize options\'', { tags: 'css' }, () => {
+            multipleSelectionGridPage.randomizeOptionsCheckboxLabel()
+                .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
+        });
+
+        it('Accessibility of \'Randomize options\'', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionGridPage.randomizeOptionsCheckbox().parents('.randomize-checkbox-wrapper'))
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the question stems and options in the set correct answer table should be displayed in the order in which the user has set them in the \'Question stem\' and \'Options\' section', () => {
+            multipleSelectionGridPage.steps.verifyRandomizeOptionsCheckboxUnchecked()
+            multipleSelectionGridPage.steps.verifyQuestionStemsInSetCorrectAnswerTable(questionStems);
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInSetCorrectAnswerTable(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then the question stems and options in the set correct answer table should be in the order in which the user has set them in the \'Question stem\' and \'Options\' section', () => {
+            multipleSelectionGridPage.steps.selectRandomizeOptionsCheckbox()
+            multipleSelectionGridPage.steps.verifyQuestionStemsInSetCorrectAnswerTable(questionStems);
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInSetCorrectAnswerTable(options);
+        });
+
+        it('CSS of \'Randomize options\' functionality - checked state', { tags: 'css' }, () => {
+            multipleSelectionGridPage.randomizeOptionsCheckbox()
+                .parents('[data-ngie-testid="randomize-options-checkbox"]')
+                .find('svg g g')
+                .should('have.css', 'fill', css.color.activeButtons);
+        });
+
+        it('Accessibility of \'Randomize options\' functionality - checked state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionGridPage.randomizeOptionsCheckbox().parents('.randomize-checkbox-wrapper'))
+        });
+    });
+
+    describe('Randomize options - Functionality : Preview tab', () => {
+        let questionStemsArray = [];
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            cy.log('Adding question instructions, question stems, options, setting correct answer and adding points for Autoscored Partial equal weights scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait()
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        it('When the \'Randomize options\' functionality is disabled, the question stems and options in the preview tab answer table should be displayed in the order in which the user has set them in the \'Question stem\' section', () => {
+            multipleSelectionGridPage.steps.verifyQuestionStemsInPreviewTabAnswerTable(questionStems);
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInPreviewTabAnswerTable(options);
+        });
+
+        it('When the user enables the \'Randomize options\' functionality, then question stems in the preview tab answer table should be displayed in a random order and the options should be displayed in the order in which the user has set them', () => {
+            multipleSelectionGridPage.steps.switchToEditTab()
+            multipleSelectionGridPage.steps.selectRandomizeOptionsCheckbox()
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyRandomizeQuestionStemsOrder(questionStems);
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInPreviewTabAnswerTable(options);
+            questionStemsArray = multipleSelectionGridPage.steps.getQuestionStemsArray();
+        });
+
+        it('When the user switches to \'Edit tab\' and does not modify any question properties, then the order of the question stems and options should not change in the preview tab answer table', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInPreviewTabAnswerTable(options);
+            multipleSelectionGridPage.steps.verifyQuestionStemsInPreviewTabAnswerTable(questionStemsArray);
+        });
+
+        it('When the user switches to \'Edit tab\' and modifies any of question properties, then the order of the question stems should change and the options should be displayed in the order in which the user has set them in the preview tab answer table', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.clearPointsField();
+            multipleSelectionGridPage.steps.allotPoints(12);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInPreviewTabAnswerTable(options);
+            multipleSelectionGridPage.steps.verifyRandomizeQuestionStemsOrder(questionStems);
+            multipleSelectionGridPage.steps.verifyQuestionStemsAreRerandomized(questionStemsArray);
+        });
+
+        it('When the user disables the \'Randomize options\' functionality, then the question stems and options in the preview tab answer table should be displayed in the order in which the user has set them in the \'Question stem\' section', () => {
+            multipleSelectionGridPage.steps.switchToEditTab()
+            multipleSelectionGridPage.steps.deselectRandomizeOptionsCheckbox()
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.verifyQuestionStemsInPreviewTabAnswerTable(questionStems);
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInPreviewTabAnswerTable(options);
+        });
+    });
+});

package/cypress/e2e/ILC/MultipleSelectionGrid/multipleSelectionGridSetCorrectAnswerSection.js

@@ -0,0 +1,175 @@
+import { dialogBoxBase } from "../../../pages/dialogBoxBase";
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
+const options = ['Fully agree as true', 'Fully agree as false', 'Somewhat agree', 'Somewhat disagree'];
+
+describe('Create Item page - Multiple Selection Grid: Set correct answer, Alternate correct answer - Edit tab cases', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Set Correct Answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+        });
+
+        multipleSelectionGridPage.tests.verifyAutoScoredSetCorrectAnswerHeaderSectionContents('multiple selection grid');
+
+        it('In the Set Correct Answer section table, 4 columns and 2 rows with \'Question stem\' header and \'No question stem added\' should be displayed with disabled checkboxes should be displayed', () => {
+            for (let index = 0; index < 4; index++) {
+                multipleSelectionGridPage.steps.verifyTableRowCheckboxesInSetCorrectAnswerTable(index, 2);
+                multipleSelectionGridPage.steps.verifyDisabledTableRowCheckboxesInSetCorrectAnswerTable(index);
+            }
+            multipleSelectionGridPage.setCorrectAnswerTableNoQuestionStemAddedLabel()
+                .verifyInnerText('No question stem added');
+            multipleSelectionGridPage.setCorrectAnswerTableQuestionStemTitle()
+                .verifyInnerText('Question stem');
+        });
+
+        it('When user adds question stems and options then the checkboxes should be enabled and user should be able to set correct answer by checking the checkboxes besides the question stems in the table', () => {
+            cy.log('Pre-step: Adding question instructions, question stem and options')
+            multipleSelectionGridPage.steps.addQuestionInstructions()
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options.slice(0, 2));
+            for (let index = 0; index < 2; index++) {
+                multipleSelectionGridPage.steps.verifyEnabledUncheckedTableRowCheckboxesInSetCorrectAnswerTable(index)
+            }
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(0, [0]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(1, [0, 1]);
+        });
+
+        it('CSS of Set answer in the Correct answer tab contents', { tags: 'css' }, () => {
+            multipleSelectionGridPage.correctTab()
+                .find('[class*="TabList"]')
+                .verifyCSS(css.color.activeButtons, css.fontSize.default, css.fontWeight.bold)
+        });
+
+        //Note: a11y checked in header section file
+
+        it('When user clicks on Add alternate answer button without selecting options for all question stems then a warning popup should be displayed', () => {
+            multipleSelectionGridPage.steps.clickOnAddAlternateAnswerButton()
+            dialogBoxBase.dialogBox()
+                .should('exist');
+            dialogBoxBase.steps.closeWarningPopup();
+        });
+
+        it('When user closes the warning popup Please set correct answer error message should be displayed as user has partially selected correct answer', () => {
+            multipleSelectionGridPage.steps.verifyPleaseSetACorrectAnswerErrorMessage()
+        });
+
+        it('When user selects all the options then the error message should disappear', () => {
+            multipleSelectionGridPage.steps.allotPoints('10')
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(2, [1]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(3, [0, 1]);
+            multipleSelectionGridPage.errorMessage()
+                .should('not.exist');
+        });
+    });
+
+    describe('Alternate correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions()
+        });
+
+        multipleSelectionGridPage.tests.verifyAutoScoredAlternateAnswer();
+
+        it('When user has added points and selected correct answer in the Correct tab, then the user should be able to add alternate answer for the question using \'Add Alternate Answer\' button', () => {
+            cy.log('Pre step: Adding 2 options')
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[3], [0, 1], [0], [0, 1]]);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.addAlternateTab(1);
+        });
+
+        it('When user adds Alternate answer tab then the question stems and option stems should be prefilled and the checkboxes should be deselected', () => {
+            multipleSelectionGridPage.steps.verifyQuestionStemsInSetCorrectAnswerTable(questionStems);
+            multipleSelectionGridPage.steps.verifyTableHeaderContentsInSetCorrectAnswerTable(options);
+            for (let index = 0; index < 4; index++) {
+                multipleSelectionGridPage.steps.verifyEnabledUncheckedTableRowCheckboxesInSetCorrectAnswerTable(index)
+            }
+        });
+
+        it('CSS of Alternate correct answer tab', { tags: 'css' }, () => {
+            multipleSelectionGridPage.alternateAnswerTab(1)
+                .verifyCSS(css.color.secondaryBtnActive, css.fontSize.default, css.fontWeight.bold)
+            cy.log('CSS of inactive Correct answer tab')
+            multipleSelectionGridPage.correctTab()
+                .verifyCSS(css.color.labels, css.fontSize.default, css.fontWeight.bold)
+        });
+
+        it('Accessibility of Alternate correct answer tab', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionGridPage.correctTab().parents('[class*="AlternatePointsComponentstyles__AnswerTabWrapper"]'));
+        });
+
+        it('User should be able to set alternate correct answer by checking the checkboxes besides the question stems in Alternate answer tab', () => {
+            multipleSelectionGridPage.steps.allotPoints(5);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0], [1], [0, 1], [0]]);
+        });
+
+        it('User should be able to add another alternate answer for the question using \'Add Alternate Answer\' button and the name for this new tab should be \'Alternate 2\'', () => {
+            multipleSelectionGridPage.steps.addAlternateTab(2);
+        });
+
+        multipleSelectionGridPage.tests.verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab();
+
+        //Failing due to https://redmine.zeuslearning.com/issues/534286
+        it('When user partially selects correct answer the Please set correct answer error message should not disappear', () => {
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(0, [0]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(1, [0, 1]);
+            multipleSelectionGridPage.steps.verifyPleaseSetACorrectAnswerErrorMessage()
+        });
+
+        it('When user selects all the options then the error message should disappear', () => {
+            multipleSelectionGridPage.steps.allotPoints('10')
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(2, [2]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(3, [0, 1])
+            multipleSelectionGridPage.errorMessage()
+                .should('not.exist');
+        });
+
+        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 accordingly', () => {
+            cy.log('Set correct answer and points in alternate 2 tab, then switch to Alternate 1 tab and click delete icon button');
+            multipleSelectionGridPage.steps.navigateToAlternateTab(1);
+            multipleSelectionGridPage.steps.deleteAlternateTab();
+            multipleSelectionGridPage.alternateAnswerTab(2)
+                .should('not.exist');
+            multipleSelectionGridPage.alternateAnswerTab(1)
+                .verifyInnerText('Alternate 1');
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/534286
+        it('On deleting option set as correct answer option in Alternate answer tab, \'Error: Please set a correct answer.\' validation error message should be thrown along with an error icon on the \'Alternate 1\' tab', () => {
+            multipleSelectionGridPage.steps.deleteOption(2)
+            multipleSelectionGridPage.errorMessage()
+                .verifyInnerText('Error: Please set a correct answer.');
+            multipleSelectionGridPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed()
+        });
+
+        it('On reselecting correct answer option in Alternate answer tab, \'Error: Please set a correct answer.\' validation error message should disappear', () => {
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInSetCorrectAnswerTable(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyErrorMessageIsNotDisplayed();
+            multipleSelectionGridPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+        });
+
+        it('On deleting a question stem no error messages should be displayed and no error icon should appear', () => {
+            multipleSelectionGridPage.steps.deleteQuestionStem(1)
+            multipleSelectionGridPage.steps.verifyErrorMessageIsNotDisplayed();
+            multipleSelectionGridPage.steps.verifySetCorrectAnswerErrorIconIsNotDisplayed();
+        });
+
+        it('When the user is on \'Alternate 1\' tab then on deleting option set as correct answer option only in the Correct answer tab, tab should be switched from \'Alternate 1\' to \'CORRECT\' tab and \'Error: Please set a correct answer.\' validation error message should be thrown alongwith an error icon besides the \'Correct\' tab', () => {
+            multipleSelectionGridPage.steps.deleteOption(2)
+            multipleSelectionGridPage.steps.verifyActiveStateOfCorrectTab()
+            multipleSelectionGridPage.steps.verifySetCorrectAnswerErrorIconIsDisplayed()
+        });
+    });
+});