itemengine-cypress-automation 1.0.255 → 1.0.256-updatedRepo18thNov-3c7b396.0

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

@@ -0,0 +1,286 @@
+import { textEntryMathPage } from "../../../pages";
+import { equationEditorFlyout } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const enumerationOptions = {
+    'Numerical': ['1', '2'],
+    'Alphabet (uppercase)': ['A', 'B'],
+    'Alphabet (lowercase)': ['a', 'b'],
+    'Roman numeral (uppercase)': ['I', 'II'],
+    'Roman numeral (lowercase)': ['i', 'ii'],
+};
+const css = Cypress.env('css');
+
+describe('Text Entry Math - Additional settings : Grading view, ARIA label for text containers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings: Grading view - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        textEntryMathPage.tests.verifyGradingViewEnumerationSectionContents('');
+
+        it('When the user selects "Without enumeration" radio button, the identifiers section should disappear', () => {
+            textEntryMathPage.steps.selectEnumerationType('without enumeration');
+            utilities.verifyElementVisibilityState(textEntryMathPage.identifiersLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(textEntryMathPage.numericalToggleButton(), 'notExist');
+        });
+
+        it('When the user selects "With enumeration" radio button again, the identifiers section should appear again', () => {
+            textEntryMathPage.steps.selectEnumerationType('with enumeration');
+            utilities.verifyElementVisibilityState(textEntryMathPage.identifiersLabel(), 'notExist');
+            utilities.verifyElementVisibilityState(textEntryMathPage.numericalToggleButton(), 'visible');
+        })
+    });
+
+    describe('Additional settings: Grading view - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.enterTextInPreviewInputField('9one');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
+            textEntryMathPage.steps.enterTextInPreviewInputField('5Two');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(enumerationOptions).forEach(option => {
+            it(`When "${option}" toggle button is selected in the text container identifiers section, then on switching to the preview tab text container numeration should not be displayed`, () => {
+                textEntryMathPage.steps.selectIdentifierToggleButton(option);
+                textEntryMathPage.steps.switchToPreviewTab();
+                textEntryMathPage.steps.verifyResponseAreaNumerationNotExists();
+            });
+
+            it(`When the user switches to the "Grading view", then the "${option}" numeration should be displayed in the answer input fields as well as correct answer options in the correct answer section`, () => {
+                textEntryMathPage.steps.switchToGradingView();
+                textEntryMathPage.steps.verifyAnswerInputFieldEnumeration(enumerationOptions[option]);
+                textEntryMathPage.steps.verifyCorrectAnswerResponsesEnumeration(enumerationOptions[option]);
+                cy.log('Post step: Switch to Edit tab')
+                textEntryMathPage.steps.switchToEditTab();
+            });
+        });
+
+        it('When the user selects "without enumeration" radio button, then in the "Grading view", numeration should not be displayed for answer input fields and in the correct answer section, the entire question preview should be displayed with correct answers', () => {
+            textEntryMathPage.steps.selectEnumerationType('without enumeration');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyResponseAreaNumerationNotExists();
+            utilities.verifyElementVisibilityState(textEntryMathPage.correctAnswersContainerResponseNumeration(), 'notExist');
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.selectEnumerationType('with enumeration');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.switchToGradingView();
+        });
+
+        it('CSS of correct answer section', { tags: 'css' }, () => {
+            utilities.verifyCSS(textEntryMathPage.correctAnswersContainerResponseNumeration(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.activeComponentBorder}`,
+            });
+        });
+
+        //Remove skip once https://redmine.zeuslearning.com/issues/584938 is resolved
+        it.skip('Accessibility of correct answer section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(textEntryMathPage.correctAnswersContainerResponseNumeration().parents('.cloze-math-correct-answer-wrapper'));
+        });
+    });
+
+    describe('Additional settings: ARIA label for text containers - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        it('By default the aria label text input fields should not be visible', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.ariaLabelInputField(), 'notExist');
+        });
+
+        it('When the users adds text container, then the aria label text input fields should not be visible', () => {
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.addResponseArea();
+            utilities.verifyElementVisibilityState(textEntryMathPage.ariaLabelInputField(), 'visible');
+        });
+
+        textEntryMathPage.tests.verifyAriaLabelSectionContents('text containers');
+
+        it('When the users adds a new text container, the count of the aria label text input fields should update accordingly', () => {
+            textEntryMathPage.steps.addResponseArea();
+            utilities.verifyElementCount(textEntryMathPage.ariaLabelInputField(), 3);
+            textEntryMathPage.steps.verifyAriaLabelTextInputFields(2);
+        });
+
+        it('When the user deletes any text container, the count of the aria label texts input fields should update accordingly', () => {
+            textEntryMathPage.steps.deleteAResponseArea(1);
+            utilities.verifyElementCount(textEntryMathPage.ariaLabelInputField(), 2);
+            textEntryMathPage.steps.verifyAriaLabelTextInputFields(0);
+            textEntryMathPage.steps.verifyAriaLabelTextInputFields(1);
+        });
+
+        it('When the user sets aria label, then in the answer input fields of the specify correct answer section, the aria labels should not change', () => {
+            textEntryMathPage.steps.enterTextInAriaLabelInputField(0, 'Add answer for response 1');
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelSpecifyCorrectAnswerSection(0, 'Enter answer');
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelSpecifyCorrectAnswerSection(1, 'Enter answer');
+        });
+    });
+
+    describe('Additional settings: ARIA label for text containers - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandAdditionalSettings();
+            textEntryMathPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set \'ARIA label\' input field, then default aria labels should be present for the answer input fields in the preview tab', () => {
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelPreviewTab(0, 'Add answer for response 1');
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelPreviewTab(1, 'Add answer for response 2');
+        });
+
+        it('When the user has set \'ARIA label\', then it should be present for the answer input fields in the preview tab', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.enterTextInAriaLabelInputField(0, 'Correct response 1');
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelPreviewTab(0, 'Correct response 1');
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelPreviewTab(1, 'Add answer for response 2');
+        });
+
+        //Remove skip once https://redmine.zeuslearning.com/issues/584938 is resolved
+        it.skip('Accessibility of input field in preview tab when custom \'ARIA label\' is set', () => {
+            cy.checkAccessibility(textEntryMathPage.answerInputFieldPreviewTab().parents('.edit-question-preview-wrapper'));
+        });
+
+        it('When the user clears the set value in the \'ARIA label\' input field, then the default aria labels should be present for the answer input fields in the preview tab', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clearTextInAriaLabelInputField(0);
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelPreviewTab(0, 'Add answer for response 1');
+            textEntryMathPage.steps.verifyAnswerInputFieldAriaLabelPreviewTab(1, 'Add answer for response 2');
+        });
+    });
+
+    describe('Visibility Type content', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Visibility Type\'label should be visible', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.visibilityTypeLabel(), 'visible');
+            utilities.verifyInnerText(textEntryMathPage.visibilityTypeLabel(), 'Visibility Type');
+        });
+
+        it('Two buttons \'Inline\' and  \'Modal\' should be visible and by default \'Inline\' button should be selected ', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.inlineToggleButton(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathPage.modalToggleButton(), 'visible');
+            utilities.verifyInnerText(textEntryMathPage.inlineToggleButton(), 'Inline');
+            utilities.verifyInnerText(textEntryMathPage.modalToggleButton(), 'Modal');
+            textEntryMathPage.steps.verifyByDefaultInlineToggleButtonIsSelected();
+            textEntryMathPage.steps.switchToPreviewTab();
+        });
+
+        it('When \'Inline\' button is selected,then drag handle,cancel Button and input button should not be visible in previewTab', () => {
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            utilities.verifyElementVisibilityState(textEntryMathPage.dragHandleIcon(), 'notExist');
+            utilities.verifyElementVisibilityState(textEntryMathPage.cancelButton(), 'notExist');
+            utilities.verifyElementVisibilityState(textEntryMathPage.equationEditorInputField(), 'notExist');
+        });
+
+        it('When the user click on the \'Modal\' button is selected,then drag handle,cancel Button and input button should be visible in previewTab', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.clickOnModalButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            utilities.verifyElementVisibilityState(textEntryMathPage.dragHandleIcon(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathPage.cancelButton(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathPage.equationEditorInputField(), 'visible');
+        });
+    });
+
+    describe('Additional settings: Text to not be rendered as LaTex', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
+            textEntryMathPage.steps.enterTextInPreviewInputField('10');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(1);
+            textEntryMathPage.steps.enterTextInPreviewInputField('20');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        it('\'Text to not be rendered as LaTex\' label and helper text should be visible', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.textToNotBeRenderAsLaTexLabel(), 'visible');
+            utilities.verifyTextContent(textEntryMathPage.textToNotBeRenderAsLaTexLabel(), 'Text to not be rendered as LaTex');
+            utilities.verifyElementVisibilityState(textEntryMathPage.helperTextLabel(), 'visible');
+            utilities.verifyTextContent(textEntryMathPage.helperTextLabel(), 'Optionally provide acceptable units to avoid penalizing students for including/excluding');
+        });
+
+        it('Text to not be rendered as LaTex input field should be visible and default input field text value is empty ', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.latexInputField(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathPage.latexInputFieldText(), 'notExist');
+        });
+
+        it('When the user insert value inside the latex input field,then the latex input field text should be visible ', () => {
+            textEntryMathPage.steps.insertLatexInputFieldValue('cm');
+            utilities.verifyTextContent(utilities.getNthElement(textEntryMathPage.latexInputFieldText(), 0), 'cm');
+            textEntryMathPage.steps.insertLatexInputFieldValue('centimeters');
+            utilities.verifyTextContent(utilities.getNthElement(textEntryMathPage.latexInputFieldText(), 1), 'centimeters');
+        });
+
+        //Remove skip and re visit this once https://redmine.zeuslearning.com/issues/584973 is resolved 
+        it.skip('When the user set an answer and attempt the question and add unit from the latex input field list,then in grading view correct icons should be visible beside the correct answer', () => {
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('10cm');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('20centimeters');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyCorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyCorrectResponseIcon(1);
+        });
+
+        //Remove skip and re visit this once https://redmine.zeuslearning.com/issues/584973 is resolved 
+        it.skip('When the user set an answer and attempt the question and add some unit which is not in the latex input field,then in grading view incorrect icons should be visible beside the correct answer', () => {
+            textEntryMathPage.steps.resetQuestionPreview();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('10cm');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+            equationEditorFlyout.steps.enterTextInPreviewInputField('20centimeters');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToGradingView();
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(0);
+            textEntryMathPage.steps.verifyIncorrectResponseIcon(1);
+        });
+    });
+});

package/cypress/e2e/ILC/TextEntryMath/customSettingsSeparators.ts

@@ -0,0 +1,107 @@
+import { textEntryMathPage } from "../../../pages";
+
+const evaluationMethods = [
+    {
+        method: 'Symbols are equivalent',
+        decimalSeparator: ['Dot', 'Comma'],
+        thousandsSeparator: ['None', 'Comma or space', 'Comma', 'Space'],
+        additionalOptions: ['Decimal places to be compared']
+    },
+    {
+        method: 'Value is equivalent',
+        decimalSeparator: ['Dot', 'Comma'],
+        thousandsSeparator: ['None', 'Comma or space', 'Comma', 'Space'],
+        additionalOptions: ['Decimal places to be compared', 'Tolerance']
+    },
+    {
+        method: 'Match value',
+        decimalSeparator: ['Dot', 'Comma'],
+        thousandsSeparator: ['None', 'Comma or space', 'Comma', 'Space'],
+        additionalOptions: []
+    },
+    {
+        method: 'Equivalent structure',
+        decimalSeparator: [],
+        thousandsSeparator: [],
+        additionalOptions: []
+    },
+    {
+        method: 'Response is true',
+        decimalSeparator: ['Dot', 'Comma'],
+        thousandsSeparator: ['None', 'Comma or space', 'Comma', 'Space'],
+        additionalOptions: ['Decimal places to be compared']
+    },
+    {
+        method: 'Expanded form',
+        decimalSeparator: ['Dot', 'Comma'],
+        thousandsSeparator: ['None', 'Comma or space', 'Comma', 'Space'],
+        additionalOptions: []
+    },
+    {
+        method: 'Simplified version',
+        decimalSeparator: ['Dot', 'Comma'],
+        thousandsSeparator: ['None', 'Comma or space', 'Comma', 'Space'],
+        additionalOptions: []
+    },
+    {
+        method: 'Match exact',
+        decimalSeparator: [],
+        thousandsSeparator: [],
+        additionalOptions: []
+    }
+];
+
+describe('Custom Settings Separators for Text Entry Math', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Edit tab contents', () => {
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.clickOnCustomSettingsAccordion();
+        });
+
+        evaluationMethods.forEach(({ method, decimalSeparator, thousandsSeparator, additionalOptions }) => {
+            it(`When user selects ${method} then correct separator options should be displayed`, () => {
+                textEntryMathPage.steps.selectEvaluationMethod(method);
+                if (decimalSeparator.length > 0) {
+                    textEntryMathPage.steps.verifyLabelDecimalSeparatorLabel('Decimal separator');
+                    decimalSeparator.forEach(option => {
+                        textEntryMathPage.steps.verifyDecimalSeparatorOptions(option);
+                    });
+                } else {
+                    textEntryMathPage.steps.verifyDecimalAndThousandSeparatorDoesNotExist();
+                }
+                if (thousandsSeparator.length > 0) {
+                    textEntryMathPage.steps.verifyLabelThousandSeparatorLabel('Thousands separator');
+                    thousandsSeparator.forEach(option => {
+                        textEntryMathPage.steps.verifyThousandSeparatorOptions(option);
+                    });
+                } else {
+                    textEntryMathPage.steps.verifyDecimalAndThousandSeparatorDoesNotExist();
+                }
+                additionalOptions.forEach(option => {
+                    if (option === 'Decimal places to be compared') {
+                        textEntryMathPage.steps.verifyVisibilityOfDecimalPlacesToBeComparedSection();
+                    } else if (option === 'Tolerance') {
+                        textEntryMathPage.steps.verifyVisibilityOfToleranceSection();
+                    }
+                });
+            });
+
+            if (decimalSeparator.length > 0) {
+                it('When user selects comma option from decimal separator then thousand separator options should change to \'None\', \'Dot or space\', \'Dot\' and \'Space\'', () => {
+                    textEntryMathPage.steps.selectDecimalSeparatorOption('Comma');
+                    textEntryMathPage.steps.verifyLabelThousandSeparatorLabel('Thousands separator');
+                    ['None', 'Dot or space', 'Dot', 'Space'].forEach(option => {
+                        textEntryMathPage.steps.verifyThousandSeparatorOptions(option)
+                    });
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/TextEntryMath/equationEditor.smoke.js

@@ -0,0 +1,99 @@
+import { equationEditorCategoriesAndSymbols } from "../../../fixtures/equationEditorCategoriesAndSymbols ";
+import { equationEditorFlyout } from "../../../pages/components/equationEditorFlyout";
+import { textEntryMathPage } from "../../../pages/textEntryMathPage";
+import { createCustomCategoryFlyout } from "../../../pages/components/createCustomCategoryFlyout";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const grepTags = Cypress.env('grepTags');
+
+describe('Create question page - Text Entry Math: Equation Editor functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Preview tab \'Equation Editor\' flyout', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandAdditionalSettings();
+            textEntryMathPage.steps.clickOnModalButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+        });
+
+        textEntryMathPage.tests.equationEditorFlyoutInPreviewTab()
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Equation Editor: Next and Previous button', () => {
+            abortEarlySetup();
+            before(() => {
+                textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+                cy.barsPreLoaderWait();
+                textEntryMathPage.steps.addResponseArea();
+                textEntryMathPage.steps.expandAdditionalSettings();
+                textEntryMathPage.steps.clickOnModalButton();
+                textEntryMathPage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['algebra'].displayName);
+                textEntryMathPage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['geo'].displayName);
+                textEntryMathPage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['compare'].displayName);
+                textEntryMathPage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['matrices'].displayName);
+                textEntryMathPage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['keyPad'].displayName);
+                textEntryMathPage.steps.switchToPreviewTab();
+            });
+
+            textEntryMathPage.tests.verifyNextAndPreviewButtonInPreviewTab()
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Edit tab Equation Editor section', () => {
+            abortEarlySetup();
+            before(() => {
+                textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+                cy.barsPreLoaderWait();
+                textEntryMathPage.steps.addResponseArea();
+                textEntryMathPage.steps.expandAdditionalSettings();
+                textEntryMathPage.steps.clickOnModalButton();
+            });
+
+            it('The \'Equation Editor\' label text \'Display equation editor instead of native keyboard on touch devices.\' label and checkbox ,\'Categories\' label and \'Create custom category\' button should be displayed', () => {
+                utilities.verifyElementVisibilityState(textEntryMathPage.equationEditorSectionTitle(), 'visible');
+                utilities.verifyInnerText(textEntryMathPage.equationEditorSectionTitle(), 'Equation editor');
+                utilities.verifyElementVisibilityState(textEntryMathPage.displayNativeKeyboardLabel(), 'visible');
+                utilities.verifyInnerText(textEntryMathPage.displayNativeKeyboardLabel(), 'Display equation editor instead of native keyboard on touch devices');
+                utilities.verifyElementVisibilityState(textEntryMathPage.displayNativeKeyboardCheckbox(), 'exist');
+                utilities.verifyElementVisibilityState(textEntryMathPage.equationEditorSectionCategoryLabel(), 'visible');
+                utilities.verifyInnerText(textEntryMathPage.categoryLabel(), 'Categories');
+                utilities.verifyElementVisibilityState(createCustomCategoryFlyout.createCustomCategoryButton(), 'visible');
+                utilities.verifyInnerText(createCustomCategoryFlyout.createCustomCategoryButton(), 'Create custom category');
+            });
+
+            textEntryMathPage.tests.verifyEquationEditorSection();
+
+            textEntryMathPage.tests.verifyFunctionalityOfEquationEditorSection();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Edit equation', () => {
+            abortEarlySetup();
+            before(() => {
+                textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+                cy.barsPreLoaderWait();
+                textEntryMathPage.steps.addResponseArea();
+                textEntryMathPage.steps.expandAdditionalSettings();
+                textEntryMathPage.steps.clickOnModalButton();
+                textEntryMathPage.steps.switchToPreviewTab();
+                textEntryMathPage.steps.focusInResponseAnswerInputFieldPreviewTab(0);
+                cy.log('Adding an equation to preview input field')
+                equationEditorFlyout.steps.enterEquation([{ categoryName: 'intermediate', symbolName: ['x'] }, { categoryName: 'numPad', symbolName: ['add', 'five', 'equalTo', 'one'] }]);
+                equationEditorFlyout.steps.clickOnOkButton();
+                textEntryMathPage.steps.verifyResponseFieldEquationTextNew(0, 'x+5=1​');
+            });
+
+            textEntryMathPage.tests.editEquationInPreviewTab('text entry math');
+        });
+    }
+});