itemengine-cypress-automation 1.0.184-e2e-execution-crash-3b9d0d0.0 → 1.0.184

package/cypress/e2e/ILC/TextSelection/questionInstructionsAndQuestion.js

@@ -0,0 +1,179 @@
+import { textSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item page - Text selection: Question Instructions and Question section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        textSelectionPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question Instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        textSelectionPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Question input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Question\' label and input field should be displayed and by default in the question input field, sample \'Lorem Ipsum\' text should be present', () => {
+            utilities.verifyInnerText(textSelectionPage.questionLabel(), 'Question');
+            utilities.verifyInnerText(textSelectionPage.questionInputField(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n\n\n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n\n\n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+        });
+
+        it('The default sample \'Lorem Ipsum\' text in the question input field should also be displayed in specify possible options section and specify correct answer section in the edit tab.', () => {
+            utilities.verifyInnerText(textSelectionPage.specifyPossibleOptionsTextFieldWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+            utilities.verifyInnerText(textSelectionPage.specifyCorrectAnswerTextWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+        });
+
+        it('When the user removes all the text from the question input field and focuses out of it, an error message \'Error: Question is required.\' should be displayed', () => {
+            textSelectionPage.steps.clearQuestionInputField();
+            textSelectionPage.steps.focusOutOfQuestionInputField();
+            utilities.verifyInnerText(textSelectionPage.errorMessage(), 'Error: Question is required.');
+            textSelectionPage.steps.verifyErroredStateOfQuestionInputField();
+        });
+
+        textSelectionPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('The user should be able to give input in the question input field, then the error message should disappear', () => {
+            cy.log('Add Image to Question input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectImageOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addImageToInputField();
+            textSelectionPage.steps.verifyImageAndAltTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add equation to Question input field')
+            textSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            textSelectionPage.steps.verifyEquationInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
+            cy.log('Add bold text to input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addInputToQuestionInputField('This is Bold text input.');
+            textSelectionPage.steps.verifyBoldTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add link to Question input field')
+            textSelectionPage.steps.selectLinkOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addLinkToInputField();
+            textSelectionPage.steps.verifyLinkInQuestionInputField();
+            utilities.verifyElementVisibilityState(textSelectionPage.errorMessage(), 'notExist');
+            textSelectionPage.steps.focusOutOfQuestionInputField();
+        });
+
+        it('CSS of Question label and Question input field contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(textSelectionPage.questionLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(textSelectionPage.questionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`
+            });
+            utilities.verifyCSS(textSelectionPage.questionInputField().find('a'), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Image, equation, bold text and link added in Question input field should be properly displayed in specify possible options section', () => {
+            textSelectionPage.steps.verifyImageAndAltTextInSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyEquationInSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyBoldTextInSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyLinkInSpecifyPossibleOptionsSection();
+        });
+
+        it('Image, equation, bold text and link added in Question input field should be properly displayed in specify correct answer section', () => {
+            textSelectionPage.steps.verifyImageAndAltTextInSpecifyCorrectAnswerSection();
+            textSelectionPage.steps.verifyEquationInSpecifyCorrectAnswerSection();
+            textSelectionPage.steps.verifyBoldTextInSpecifyCorrectAnswerSection();
+            textSelectionPage.steps.verifyLinkInSpecifyCorrectAnswerSection();
+        });
+    });
+
+    describe('Question field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('In Preview tab, the sample \'Lorem Ipsum\' text should be displayed in the question field', () => {
+            textSelectionPage.steps.switchToPreviewTab()
+            utilities.verifyInnerText(textSelectionPage.questionTextWrapperPreviewTab(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+        });
+
+        it('The user should be able to edit text in the question input field and the updated question should be displayed in the preview tab', () => {
+            cy.log('Switching to edit tab')
+            textSelectionPage.steps.switchToEditTab();
+            textSelectionPage.steps.clearQuestionInputField();
+            cy.log('Add Image to Question input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectImageOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addImageToInputField();
+            textSelectionPage.steps.verifyImageAndAltTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add equation to Question input field')
+            textSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            textSelectionPage.steps.verifyEquationInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
+            cy.log('Add bold text to input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addInputToQuestionInputField('This is Bold text input.');
+            textSelectionPage.steps.verifyBoldTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add link to Question input field')
+            textSelectionPage.steps.selectLinkOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addLinkToInputField();
+            textSelectionPage.steps.verifyLinkInQuestionInputField();
+            utilities.verifyElementVisibilityState(textSelectionPage.errorMessage(), 'notExist');
+            textSelectionPage.steps.focusOutOfQuestionInputField();
+            cy.log('Switching to preview tab')
+            textSelectionPage.steps.switchToPreviewTab();
+            textSelectionPage.steps.verifyImageAndAltTextInPreviewTab();
+            textSelectionPage.steps.verifyEquationInPreviewTab();
+            textSelectionPage.steps.verifyBoldTextInPreviewTab();
+            textSelectionPage.steps.verifyLinkInPreviewTab();
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/537907
+        it('CSS of \'Preview tab\' when image, equation, bold text and link are added', { tags: 'css' }, () => {
+            utilities.verifyCSS(textSelectionPage.questionTextWrapperPreviewTab().find('strong'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(textSelectionPage.questionTextWrapperPreviewTab().find('a'), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/TextSelection/specifyCorrectAnswerSection.js

@@ -0,0 +1,89 @@
+import { textSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
+
+describe('Create Item page - Text selection: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.addTextInQuestionInstructionsInputField('Select text from the given paragraph');
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+            textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[1]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[2]);
+        });
+
+        textSelectionPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('text selection');
+
+        it('In the \'Correct\' accordion the question field text should be displayed and the options should be available as set in  \'Specify possible options\' section', () => {
+            textSelectionPage.steps.verifySpecifyCorrectAnswerTextAndOptions(paragraphTextArray, [paragraphTextArray[0], paragraphTextArray[1], paragraphTextArray[2]]);
+        });
+
+        textSelectionPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.addTextInQuestionInstructionsInputField('Select text from the given paragraph');
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+            textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[1]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[2]);
+        });
+
+        textSelectionPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('text selection');
+
+        it('When user has added points and set correct answers in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
+            textSelectionPage.steps.allotPoints(20);
+            textSelectionPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('In the \'Alternate\' accordion the question field text should be displayed and the options should be available as set in \'Specify possible options\' section', () => {
+            textSelectionPage.steps.verifySpecifyCorrectAnswerTextAndOptions(paragraphTextArray, [paragraphTextArray[0], paragraphTextArray[1], paragraphTextArray[2]]);
+        });
+
+        textSelectionPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            textSelectionPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        textSelectionPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the name of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
+            textSelectionPage.steps.allotPoints(5);
+            textSelectionPage.steps.deleteAlternativeAnswerAccordion(1);
+            textSelectionPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            textSelectionPage.steps.verifyAlternativeAnswerAccordionLabel(0);
+        });
+
+        it('When the user deselects an option assigned as correct in the correct accordion then the correct accordion should be in the expanded state', () => {
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.verifyCorrectAnswerAccordionIsExpanded();
+        });
+    });
+});