itemengine-cypress-automation 1.0.17 → 1.0.19

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

@@ -0,0 +1,255 @@
+import { multipleSelectionGridPage } from "../../../pages/multipleSelectionGridPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+const questionStems = ['Bat', 'Ostrich', 'Platypus', 'Eagle'];
+const options = ['Is mammal', 'Lays eggs', 'Can fly'];
+
+const gridStyleDropdownOptions = ['With border', 'Row dividers', 'No border', 'Inline', 'Inline - row dividers'];
+const questionStemNumerationOptions = ['None', 'Numerical', 'Uppercase alphabet', 'Lowercase alphabet'];
+const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+const numbers = ['1', '2', '3', '4'];
+const lowercase = ['a', 'b', 'c', 'd'];
+const uppercase = ['A', 'B', 'C', 'D'];
+const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+
+describe('Create Item page - Multiple Selection Grid: Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+        });
+
+        multipleSelectionGridPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size contents set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption('Lowercase alphabet')
+            multipleSelectionGridPage.steps.addInputToTitleForOptionsInputField('Title for options')
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/534772
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${option} in the set correct answer table`, () => {
+                multipleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
+                multipleSelectionGridPage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                multipleSelectionGridPage.setCorrectAnswerTableHeader()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.questionStemNumeration()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.setCorrectAnswertableQuestionStem()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.setCorrectAnswerTableQuestionStemTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.setCorrectAnswerTableOptionsTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+            });
+        });
+    });
+
+    describe('Additional settings: Font size contents preview tab section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.selectQuestionStemNumerationDropdownOption('Lowercase alphabet');
+            multipleSelectionGridPage.steps.addInputToTitleForOptionsInputField('Title for options');
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview (options, question instructions question stems) should be changed to ${option} in the preview tab Answer table`, () => {
+                multipleSelectionGridPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex)
+                multipleSelectionGridPage.fontSizeDropdown()
+                    .verifyInnerText(`${option}`);
+                multipleSelectionGridPage.steps.switchToPreviewTab();
+                multipleSelectionGridPage.questionInstructionsText()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.previewTabAnswerTableHeader()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.previewTabQuestionStemNumeration()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.previewTabAnswertableQuestionStem()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.previewTabAnswerTableQuestionStemTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.previewTabAnswerTableOptionsTitle()
+                    .should('have.css', 'font-size', fontSizes[fontsIndex]);
+                multipleSelectionGridPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Check answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption()
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [0, 1]]);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
+    });
+
+    describe('Additional settings: Check answer functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.addQuestionInstructions();
+            multipleSelectionGridPage.steps.addOption();
+            multipleSelectionGridPage.steps.addInputToAllQuestionStemFields(questionStems);
+            multipleSelectionGridPage.steps.addInputToAllOptionsFields(options);
+            multipleSelectionGridPage.steps.allotPoints(10);
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInSetCorrectAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+            multipleSelectionGridPage.steps.setMaximumCheckAnswerAttempts(2);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+        });
+
+        multipleSelectionGridPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted()
+
+        it('When the user has selected correct answer for two options then on clicking on the Check Answer button, green checkmark icon should be displayed besides the selected correct option, and \'Incorrect Answer\' label should be displayed below the box', () => {
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1]]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        it('When the user has selected all correct answer options then on clicking on the Check Answer button, green checkmark icon should be displayed besides the responses and \'Correct Answer\' label should be displayed below the box', () => {
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(2, [0, 1]);
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(3, [1, 2]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(0, [0, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(1, [1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(2, [0, 1]);
+            multipleSelectionGridPage.steps.verifyCorrectOptionsCheckmarkIcon(3, [1, 2]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            multipleSelectionGridPage.steps.verifyCorrectAttemptBorder();
+        });
+
+        multipleSelectionGridPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
+
+        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            multipleSelectionGridPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[0, 2], [1], [0, 1], [1, 2]]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.checkAnswerButton()
+                .should('be.disabled');
+        });
+
+        it('When the \'Maximum check answer attempts\' input field has value \'0\' and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            multipleSelectionGridPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
+            cy.log('Switching to Preview tab')
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [2], [2], [0]]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+            multipleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(1, [0]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+            multipleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+        });
+
+        it('When the \'Maximum check answer attempts\' input field is empty and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
+            multipleSelectionGridPage.steps.switchToEditTab();
+            multipleSelectionGridPage.steps.clearMaximumCheckAnswerAttemptsInputField()
+            multipleSelectionGridPage.steps.switchToPreviewTab();
+            multipleSelectionGridPage.steps.setAnswersForAllQuestionStemsInPreviewTabAnswerTable([[1], [2], [2], [0]]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+            multipleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+            multipleSelectionGridPage.steps.setAnswersForQuestionStemInPreviewTabAnswerTable(1, [0]);
+            multipleSelectionGridPage.steps.checkAnswer();
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(0, [1]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(1, [0, 2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(2, [2]);
+            multipleSelectionGridPage.steps.verifyIncorrectOptionsCrossmarkIcon(3, [0]);
+            multipleSelectionGridPage.correctIcon()
+                .should('not.exist');
+            multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect')
+            multipleSelectionGridPage.steps.verifyIncorrectAttemptBorder();
+            multipleSelectionGridPage.checkAnswerButton()
+                .should('be.enabled');
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to multiple selection grid question type');
+            multipleSelectionGridPage.steps.navigateToCreateQuestion('multiple selection grid');
+            multipleSelectionGridPage.steps.expandAdditonalSettings();
+        });
+
+        multipleSelectionGridPage.tests.verifyDetailsSection();
+    });
+});