itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-7thMayFixes-fcaf7b8.0

package/cypress/e2e/ILC/ShortTextResponseNew/studentViewSettings.js

@@ -131,7 +131,6 @@ describe('Create Item page - Short text response : Student view settings', () =>
     describe('Student view settings : Display character count, Display word count - Preview tab functionality', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             shortTextResponsePage.steps.navigateToCreateQuestion('short text response');
             cy.barsPreLoaderWait();
             shortTextResponsePage.steps.switchToPreviewTab();
@@ -318,7 +317,7 @@ describe('Create Item page - Short text response : Student view settings', () =>
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             shortTextResponsePage.steps.switchToEditTab();
             shortTextResponsePage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             shortTextResponsePage.steps.switchToPreviewTab();
             shortTextResponsePage.steps.verifyCheckAnswerButtonEnabled();
             shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower');

package/cypress/e2e/ILC/SingleSelectionGridNew/studentViewSettings.js

@@ -172,7 +172,7 @@ describe('Create item page - single selection grid: Student view settings', () =
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer single times', () => {
             singleSelectionGridPage.steps.switchToEditTab();
             singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             singleSelectionGridPage.steps.switchToPreviewTab();
             singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
             singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });

package/cypress/e2e/ILC/TextEntryMath/evaluationMethodMatchExact.js

@@ -26,8 +26,8 @@ describe('Create item page - Text entry math: Match exact evaluation method', ()
         });
 
         it('When the user enters a numeric value in \'Specify correct answer\' response field and then the user enters the exact same value then it should be treated as correct', () => {
-            textEntryMathPage.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0);
-            textEntryMathPage.steps.enterTextInPreviewInputField(0, '90');
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.enterTextInPreviewInputField('90');
             equationEditorFlyout.steps.clickOnOkButton();
             textEntryMathPage.steps.switchToPreviewTab();
             textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);

package/cypress/e2e/ILC/TextEntryMath/responseEvaluationMethodsAndCustomSettings.js

@@ -155,9 +155,9 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
         it('In response accordion \'Answers\' label and one empty answer input field should be displayed', () => {
             utilities.verifyInnerText(textEntryMathPage.answersLabel(), 'Answers');
             utilities.verifyElementVisibilityState(textEntryMathPage.answersLabel(), 'visible');
-            utilities.verifyInnerText(textEntryMathPage.answersInputField(), '');
-            utilities.verifyElementVisibilityState(textEntryMathPage.answersInputField(), 'visible');
-            utilities.verifyElementCount(textEntryMathPage.answersInputField(), 1);
+            utilities.verifyInnerText(textEntryMathPage.responseAccordionAnswerInputField(), '');
+            utilities.verifyElementVisibilityState(textEntryMathPage.responseAccordionAnswerInputField(), 'visible');
+            utilities.verifyElementCount(textEntryMathPage.responseAccordionAnswerInputField(), 1);
         });
 
         it('When there is a single answer input field, then input field numeration and its delete button should not be displayed', () => {
@@ -353,10 +353,10 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
                 } else {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.ignoreUnitCoefficient), 'notExist');
                 }
-                if (evaluationMethod.customSettings.includes('Check for parenthesis grouping')) {
+                if (evaluationMethod.customSettings.includes('Check for parenthesis groups')) {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.checkForParenthesisGrouping), 'visible');
                     textEntryMathPage.steps.verifyCustomSettingsCheckboxIsUnchecked(customSettingsIds.checkForParenthesisGrouping);
-                    textEntryMathPage.steps.verifyCustomSettingsCheckboxLabel(customSettingsIds.checkForParenthesisGrouping, 'Check for parenthesis grouping');
+                    textEntryMathPage.steps.verifyCustomSettingsCheckboxLabel(customSettingsIds.checkForParenthesisGrouping, 'Check for parenthesis groups');
                 } else {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.checkForParenthesisGrouping), 'notExist');
                 }

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingAlternatePointsMoreThanCorrectPoints.js

@@ -10,7 +10,6 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Alternate Answer points are more than Correct Answer points', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingCorrectPointsEqualToAlternatePoints.js

@@ -10,7 +10,6 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Correct Answer points are equal to Alternate Answer points', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingCorrectPointsMoreThanAlternatePoints.js

@@ -10,7 +10,6 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Correct Answer points are more than Alternate Answer points', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/basicScoringForAllTextSelectionTypes.smoke.js

@@ -16,7 +16,6 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
         describe('Question Preview: Custom text selection type with All or nothing scoring', () => {
             abortEarlySetup();
             before(() => {
-                cy.log('Navigate to question, add input to stems and options, set correct answer and allot points and switch to preview tab');
                 textSelectionPage.steps.navigateToCreateQuestion('text selection');
                 cy.barsPreLoaderWait();
                 textSelectionPage.steps.addQuestionInstructions();

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

@@ -0,0 +1,125 @@
+import { textSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
+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 : Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        textSelectionPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        textSelectionPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size functionality edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab should change to ${option} accordingly`, () => {
+                textSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontSizeDropdownOptions[fontsIndex]);
+                utilities.verifyInnerText(textSelectionPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextParagraphs(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+            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.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
+            textSelectionPage.steps.allotPoints(5);
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
+                textSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontSizeDropdownOptions[fontsIndex]);
+                utilities.verifyInnerText(textSelectionPage.fontSizeDropdown(), `${option}`);
+                textSelectionPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(textSelectionPage.questionInstructionsText(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(textSelectionPage.previewTabQuestionTextParagraphs(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+                textSelectionPage.steps.switchToGradingView();
+                utilities.verifyCSS(textSelectionPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(textSelectionPage.optionCorrectAnswerSection(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(textSelectionPage.correctIncorrectAnswerLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                textSelectionPage.steps.switchToEditTab();
+            });
+        });
+    });
+    
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        textSelectionPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        textSelectionPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js

@@ -232,7 +232,6 @@ describe('Create item page - Text selection: All or nothing ', () => {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();
             before(() => {
-                cy.log('Navigating to Highlight question type');
                 textSelectionPage.steps.navigateToCreateQuestion('text selection');
                 cy.barsPreLoaderWait();
                 textSelectionPage.steps.addTextInQuestionInstructionsInputField('Highlight the correct statements.');

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

@@ -44,6 +44,7 @@ describe('Create item page - Matching - Check answer functionality', () => {
                         textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
                         textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[1]);
                         textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[2]);
+                        textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[3]);
                         textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
                         textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
                         textSelectionPage.steps.allotPoints(20);
@@ -93,12 +94,11 @@ describe('Create item page - Matching - Check answer functionality', () => {
 
             it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
                 textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
                 checkAnswer(view);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
                 textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[3]);
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
             });

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

@@ -98,8 +98,9 @@ describe('Create item page - Text selection: Scoring section', () => {
 
         textSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
 
-        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
-            textSelectionPage.steps.verifyPointsPerResponseLabel();
+        it('\'Points per response:\' label should be displayed in the \'Specify correct answer\' section', () => {
+            utilities.verifyInnerText(textSelectionPage.pointsPerResponseLabel(), 'Points per response:');
+            utilities.verifyElementVisibilityState(textSelectionPage.pointsPerResponseLabel(), 'visible');
         });
 
         it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
@@ -187,12 +188,12 @@ describe('Create item page - Text selection: Scoring section', () => {
         it('When user has not selected an option in specify correct answer section, then the \'Set points\' button should be disabled', () => {
             utilities.verifyElementDisabled(textSelectionPage.setPointsButton());
         });
-        
+
         it('When user selects an option in set correct answer section, then the \'Set points\' button should be enabled', () => {
             textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
             textSelectionPage.steps.verifySetPointsButtonLabelAndEnabledState();
         });
-        
+
         it('CSS of \'Set points\' button', { tags: 'css' }, () => {
             utilities.verifyCSS(textSelectionPage.setPointsButton(), {
                 'color': css.color.activeButtons,

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

@@ -0,0 +1,73 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, textSelectionPage } from "../../../pages";
+const options = ['Bat', 'Eagle'];
+
+describe('Create item page - Text selection: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+        });
+
+        textSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Text selection');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+        });
+
+        textSelectionPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+        });
+
+        textSelectionPage.tests.verifyCancelButton('text selection')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                textSelectionPage.steps.verifyQuestionInstructionsErrorMessage();
+                textSelectionPage.steps.verifyPointsFieldErrorMessage();
+                textSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                textSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                textSelectionPage.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.');
+                textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', 'Lorem');
+                textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection('Lorem');
+                textSelectionPage.steps.allotPoints(10);
+                textSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
+                textSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            textSelectionPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                textSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            textSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.smoke.js

@@ -70,7 +70,7 @@ describe('Create item page - Text selection : Preview contents', () => {
             });
 
             it('Question instructions should be visible', () => {
-                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Highlight the correct statements.');
+                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Select the correct statements.');
                 utilities.verifyElementVisibilityState(textSelectionPage.questionInstructionsText(), 'visible');
             });
 
@@ -109,18 +109,17 @@ describe('Create item page - Text selection : Preview contents', () => {
 
                 it('When user clicks on a selected option, then that option should be deselected', () => {
                     textSelectionPage.steps.deselectOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyDeselectedStateOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyStandardStateOptionInPreviewTab(paragraphTextArray[0]);
                 });
             } else if (view === 'Grading view') {
-                it('The question text should be displayed with the selected correct options and status message \' Your answer is correct\' should be displayed', () => {
-                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
+                it('The question text should be displayed with the selected correct options and status message \' Your answer is incorrect\' should be displayed', () => {
                     textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
-                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 });
 
                 it('The submitted answer options should not be editable', () => {
-                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[1]);
+                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[1]);
                     textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[2]);
                     textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
                 });

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
+            });
+        });
+    });
+});