itemengine-cypress-automation 1.0.51 → 1.0.63

package/cypress/e2e/ILC/Highlight/highlightAdditionalSettingsBasic.js

@@ -0,0 +1,221 @@
+import { highlightPage } from "../../../pages/highlightPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const paragraphTextArray = ['Horses cannot breath through their mouth. Cows can sleep standing up.', 'Dogs have excellent hearing.', 'Deers possess nearly 300 degree field of vision.'];
+const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+
+describe('Create Item page - Highlight: Additional settings basic', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+        });
+
+        highlightPage.tests.verifyAdditonalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        highlightPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size contents set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.addQuestionInstructions();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.allotPoints(20);
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the set correct answer section should be changed to ${option}`, () => {
+                highlightPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(highlightPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(highlightPage.setCorrectAnswerOption(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size contents preview tab section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.addQuestionInstructions();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.allotPoints(20);
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should be changed to ${option}`, () => {
+                highlightPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
+                utilities.verifyInnerText(highlightPage.fontSizeDropdown(), `${option}`)
+                highlightPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(highlightPage.questionInstructionsText(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(highlightPage.previewTabOption(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                highlightPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Check answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.allotPoints(10);
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        highlightPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
+    });
+
+    describe('Additional settings: Check answer functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.allotPoints(10);
+            highlightPage.steps.expandAdditonalSettings();
+            highlightPage.steps.setMaximumCheckAnswerAttempts(2);
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        highlightPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted();
+
+        it('When user attempts the question partially correct then on clicking on the Check Answer button, green check-mark icons should be displayed beside the correctly attempted options, red cross-mark icons should be displayed beside the incorrectly attempted options, a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed beside the correctly attempted options, a label \'Correct answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.deselectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+        });
+
+        highlightPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
+
+        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
+            highlightPage.steps.switchToEditTab();
+            highlightPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            highlightPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
+            highlightPage.steps.switchToPreviewTab();
+            highlightPage.steps.verifyCheckAnswerButtonEnabled();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCheckAnswerButtonDisabled();
+        });
+
+        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', () => {
+            highlightPage.steps.switchToEditTab();
+            highlightPage.steps.clearMaximumCheckAnswerAttemptsInputField();
+            highlightPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
+            cy.log('Switching to Preview tab')
+            highlightPage.steps.switchToPreviewTab();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCheckAnswerButtonEnabled();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.deselectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+
+        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', () => {
+            highlightPage.steps.switchToEditTab();
+            highlightPage.steps.clearMaximumCheckAnswerAttemptsInputField()
+            highlightPage.steps.switchToPreviewTab();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCheckAnswerButtonEnabled();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.deselectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCheckAnswerButtonEnabled();
+        });
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        highlightPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/Highlight/highlightAdditionalSettingsMaximumNumberOfAnswers.js

@@ -0,0 +1,137 @@
+import { highlightPage } from "../../../pages/highlightPage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const paragraphTextArray = ['Horses cannot breath through their mouth. Cows can sleep standing up.', 'Dogs have excellent hearing.', 'Deers possess nearly 300 degree field of vision.'];
+const fontSizeDropdownOptions = ['Default', 'Small', 'Normal', 'Large', 'Extra large', 'Huge'];
+const fontSizes = ['16px', '12px', '14px', '17px', '20px', '24px'];
+
+describe('Create Item page - Highlight: Additional settings - Maximum number of answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings: Student response area and layout', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        highlightPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
+        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
+    });
+
+    describe('Additional settings: \'Maximum number of answers\' contents', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        it('CSS of \'Maximum number of answers\' label and input field', { tags: 'css' }, () => {
+            utilities.verifyCSS(highlightPage.maximumNumberOfAnswersLabel(), {
+                'color': css.color.labels,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            })
+            utilities.verifyCSS(highlightPage.maximumAnswersInputField(), {
+                'background-color': css.color.transparent,
+            })
+        });
+
+        //Note: Note: a11y is covered for the entire additional settings section
+
+        it('\'Maximum number of answers\' label and input field should be displayed and input field should be empty', () => {
+            utilities.verifyInnerText(highlightPage.maximumNumberOfAnswersLabel(), 'Maximum number of answers');
+            utilities.verifyElementVisibilityState(highlightPage.maximumAnswersInputField(), 'visible');
+            utilities.verifyInnerText(highlightPage.maximumAnswersInputField(), '');
+        });
+    });
+
+    describe('Additional settings: \'Maximum number of answers\' functionality in set correct answer section', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.expandAdditonalSettings();
+        });
+
+        it('When \'Maximum number of answers\' input field is kept blank, then user should be able to set any number of options as correct answer', () => {
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+        });
+
+        it('When \'0\' is given as input in \'Maximum number of answers\' input field, then user should be able to set any number of options as correct answer', () => {
+            cy.log('Pre-step: Deselect all selected options in set correct answer section')
+            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(0);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+        });
+
+        it('When \'1\' is given as input in \'Maximum number of answers\' input field, then user should be able to set only 1 option as correct answer and upon clicking on more number of options, they should not be selected', () => {
+            cy.log('Pre-step: Deselect all previously selected options in set correct answer section')
+            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(1);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.clickOnOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInSetCorrectAnswerSection(paragraphTextArray[1]);
+        });
+    });
+
+    describe('Additional settings: \'Maximum number of answers\' functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.expandAdditonalSettings();
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When \'Maximum number of answers\' input field is kept blank, then user should be select any number of options in preview tab', () => {
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+        });
+
+        it('When \'0\' is given as input in \'Maximum number of answers\' input field, then user should be select any number of options in preview tab', () => {
+            cy.log('Switch to edit tab and give \'0\' as input in maximum number of answers input field')
+            highlightPage.steps.switchToEditTab();
+            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(0);
+            highlightPage.steps.switchToPreviewTab();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+        });
+
+        it('When \'1\' is given as input in \'Maximum number of answers\' input field, then user should be able to select only 1 option in preview tab and upon clicking on more number of options, they should not be selected', () => {
+            cy.log('Switch to edit tab and give \'1\' as input in maximum number of answers input field')
+            highlightPage.steps.switchToEditTab();
+            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(1);
+            highlightPage.steps.switchToPreviewTab();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+        });
+    });
+});