itemengine-cypress-automation 1.0.256-updatingToOTKV2-5b0ef53.0 → 1.0.257

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

@@ -1,15 +1,11 @@
 import { equationEditorCategoriesAndSymbols } from "../../../fixtures/equationEditorCategoriesAndSymbols ";
-import { createCustomCategoryFlyout } from "../../../pages/components";
 import { equationEditorFlyout } from "../../../pages/components/equationEditorFlyout";
 import { essayResponsePage } from "../../../pages/essayResponsePage";
+import { createCustomCategoryFlyout } from "../../../pages/components/createCustomCategoryFlyout";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
 const grepTags = Cypress.env('grepTags');
 
-const defaultSelectedCategories = ['Numpad', 'Intermediate', 'Primary', 'General', 'Common', 'Algebra', 'Geo', 'Compare', 'Matrices'];
-const allCategories = Object.values(equationEditorCategoriesAndSymbols)
-
 describe('Create question page - Essay Response: Equation Editor functionality', () => {
     before(() => {
         cy.loginAs('admin');
@@ -29,87 +25,7 @@ describe('Create question page - Essay Response: Equation Editor functionality',
             utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarOption('Equation Editor'), 'visible');
         });
 
-        it('When user clicks on \'Equation Editor\' icon in preview tab toolbar, then Equation Editor flyout should appear', () => {
-            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
-            utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
-        });
-
-        it('Done button should be displayed at the bottom of the flyout', () => {
-            utilities.verifyElementVisibilityState(equationEditorFlyout.buttonOk(), 'visible');
-            utilities.verifyInnerText(equationEditorFlyout.buttonOk(), 'Done');
-        });
-
-        it('Equation Editor input field should be displayed and when user focuses in the input field should have cursor', () => {
-            equationEditorFlyout.steps.verifyDefaultEquationEditorInputFieldWithCursor();
-        });
-
-        it('All the default selected categories in the \'Equation Editor\' section should be displayed and first category must be selected by default in the \'Equation Editor\' flyout', () => {
-            equationEditorFlyout.steps.verifyEquationEditorCategoryTiles(defaultSelectedCategories);
-            equationEditorFlyout.steps.verifyCategoryTileSelectedInEquationEditor(equationEditorCategoriesAndSymbols['numPad'].displayName);
-        });
-
-        it('CSS of \'Equation Editor\' flyout', { tags: 'css' }, () => {
-            utilities.verifyCSS(equationEditorFlyout.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.bold
-            });
-            cy.log('CSS of selected category')
-            utilities.getNthElement(equationEditorFlyout.categoryTab(), 0)
-                .within(() => {
-                    utilities.verifyCSS(equationEditorFlyout.categoryTabTitle(), {
-                        'color': css.color.activeButtons,
-                        'font-size': css.fontSize.small,
-                        'font-weight': css.fontWeight.regular
-                    });
-                    utilities.verifyCSS(equationEditorFlyout.categoryTabIcon(), {
-                        'color': css.color.activeButtons,
-                        'font-size': css.fontSize.default,
-                        'font-weight': css.fontWeight.regular
-                    });
-                });
-            cy.log('CSS of unselected category')
-            utilities.getNthElement(equationEditorFlyout.categoryTab(), 0)
-                .within(() => {
-                    utilities.verifyCSS(equationEditorFlyout.categoryTabTitle(), {
-                        'color': css.color.activeButtons,
-                        'font-size': css.fontSize.small,
-                        'font-weight': css.fontWeight.regular
-                    });
-                    utilities.verifyCSS(equationEditorFlyout.categoryTabIcon(), {
-                        'color': css.color.activeButtons,
-                        'font-size': css.fontSize.default,
-                        'font-weight': css.fontWeight.regular
-                    });
-                });
-            utilities.verifyCSS(equationEditorFlyout.previewInputField(), {
-                'background-color': css.color.defaultBackground
-            });
-            utilities.verifyCSS(equationEditorFlyout.buttonCancel(), {
-                'color': css.color.secondaryBtn,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-                'background-color': css.color.secondaryBtnBg,
-            });
-            utilities.verifyCSS(equationEditorFlyout.buttonOk(), {
-                'color': css.color.whiteText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold,
-                'background-color': css.color.primaryBtnBg,
-            });
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/564678
-        it('Accessibility of \'Equation Editor\' flyout', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(equationEditorFlyout.dialogBox());
-        });
-
-        it('Cancel button should be displayed in the flyout and when user clicks the \'Cancel\' button then the flyout should close', () => {
-            utilities.verifyElementVisibilityState(equationEditorFlyout.buttonCancel(), 'visible');
-            utilities.verifyInnerText(equationEditorFlyout.buttonCancel(), 'Cancel');
-            equationEditorFlyout.steps.clickOnEquationEditorCancelButton();
-            utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'notExist');
-        });
+       essayResponsePage.tests.equationEditorFlyoutInPreviewTab('essay response')
     });
 
     if (!grepTags || !grepTags.includes('smoke')) {
@@ -124,69 +40,11 @@ describe('Create question page - Essay Response: Equation Editor functionality',
                 essayResponsePage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['geo'].displayName);
                 essayResponsePage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['compare'].displayName);
                 essayResponsePage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['matrices'].displayName);
+                essayResponsePage.steps.deselectCategoryInEquationEditorSectionEditTab(equationEditorCategoriesAndSymbols['keyPad'].displayName);
                 essayResponsePage.steps.switchToPreviewTab();
             });
 
-            it('When the selected number of equation categories fit the dialog box width then \'Next button\' and \'Previous button\' should not be displayed in the equation editor flyout', () => {
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.buttonNext(), 'notExist');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.buttonPrevious(), 'notExist');
-            });
-
-            it('When the selected number of equation categories do not fit the dialog box width then \'Next button\' and \'Previous button\' should be displayed in the equation editor flyout', () => {
-                cy.log('Pre step: Switch to Edit tab and select categories from the Equation Editor section')
-                essayResponsePage.steps.switchToEditTab();
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
-                essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
-                essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['algebra'].displayName}`, `${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols['geo'].displayName}`, `${equationEditorCategoriesAndSymbols['compare'].displayName}`, `${equationEditorCategoriesAndSymbols['calculus'].displayName}`, `${equationEditorCategoriesAndSymbols['trig'].displayName}`, `${equationEditorCategoriesAndSymbols['delimiters'].displayName}`, `${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols['measurement'].displayName}`, `${equationEditorCategoriesAndSymbols['setNotation'].displayName}`]);
-                cy.log('Switching to Preview tab')
-                essayResponsePage.steps.switchToPreviewTab()
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.buttonNext(), 'visible');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.buttonPrevious(), 'visible');
-            });
-
-            it('CSS of \'Next button\' and \'Previous button\'', { tags: 'css' }, () => {
-                utilities.verifyCSS(equationEditorFlyout.buttonPrevious().find('svg'), {
-                    'background-color': css.color.defaultBackground
-                });
-                utilities.verifyCSS(equationEditorFlyout.buttonPrevious().find('svg').find('path'), {
-                    'fill': css.color.nextPreviousButtonFill
-                });
-                utilities.verifyCSS(equationEditorFlyout.buttonNext().find('svg'), {
-                    'background-color': css.color.defaultBackground
-                });
-                utilities.verifyCSS(equationEditorFlyout.buttonNext().find('svg').find('path'), {
-                    'fill': css.color.nextPreviousButtonFill
-                });
-            });
-
-            it('Accessibility of \'Next button\' and \'Previous button\'', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(equationEditorFlyout.buttonPrevious());
-                cy.checkAccessibility(equationEditorFlyout.buttonNext());
-            });
-
-            it('By default, the \'Previous button\' should be disabled and \'Next button\' should be enabled on opening the flyout as user is at the beginning of the tablist', () => {
-                utilities.verifyElementDisabled(equationEditorFlyout.buttonPrevious());
-                utilities.verifyElementNotDisabled(equationEditorFlyout.buttonNext());
-            });
-
-            it('When user clicks on the \'Next button\', the \'Previous button\' and the \'Next button\' both should get enabled, When the user reaches end of the tablist the \'Next button\' should get disabled and \'Previous button\' should remain enabled.', () => {
-                equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
-                utilities.verifyElementNotDisabled(equationEditorFlyout.buttonPrevious());
-                utilities.verifyElementNotDisabled(equationEditorFlyout.buttonNext());
-                cy.log('Clicking on Next button to reach end of tablist')
-                equationEditorFlyout.steps.clickOnEquationEditorButtonNext()
-                utilities.verifyElementNotDisabled(equationEditorFlyout.buttonPrevious());
-                utilities.verifyElementDisabled(equationEditorFlyout.buttonNext());
-            });
-
-            it('When user clicks on the \'Previous button\', and reaches the beginning of the tablist \'Previous button\' should become disabled and \'Next button\' should become enabled', () => {
-                equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
-                equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
-                utilities.verifyElementDisabled(equationEditorFlyout.buttonPrevious());
-                utilities.verifyElementNotDisabled(equationEditorFlyout.buttonNext());
-            });
+           essayResponsePage.tests.verifyNextAndPreviewButtonInPreviewTab('essay response')
         });
     }
 
@@ -197,7 +55,7 @@ describe('Create question page - Essay Response: Equation Editor functionality',
                 essayResponsePage.steps.navigateToCreateQuestion('essay response');
                 cy.barsPreLoaderWait();
                 essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
-                essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+               essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor']);
             });
 
             it('The \'Equation Editor\' should be displayed along with helper text \'Select the categories to display to the students in the equation editor.\' and \'Create custom category\' button should be displayed', () => {
@@ -209,118 +67,18 @@ describe('Create question page - Essay Response: Equation Editor functionality',
                 utilities.verifyInnerText(createCustomCategoryFlyout.createCustomCategoryButton(), 'Create custom category');
             });
 
-            it('All the categories should be displayed with a drag icon should and an Edit icon should be displayed below all the categories irrespective of their selected state', () => {
-                essayResponsePage.steps.verifyDefaultCategoriesDisplayedInEquationEditorSectionEditTab();
-            });
-
-            it('When user hovers on a category with a long name, then a tooltip should be displayed.', () => {
-                let categoriesWithTooltip = ['Greek Symbols', 'Measurement', 'Other Symbols'];
-                essayResponsePage.steps.verifyTooltipsOfCategoryTilesInEquationEditorSectionEditTab(categoriesWithTooltip);
-            });
-
-            it(`By default, ${defaultSelectedCategories.toString()} should be selected`, () => {
-                defaultSelectedCategories.forEach((category) => {
-                    essayResponsePage.steps.verifySelectedCategoryInEquationEditorSectionEditTab(category);
-                });
-            });
-
-            it('CSS of selected and deselected category', { tags: 'css' }, () => {
-                cy.log('CSS of selected category')
-                utilities.verifyCSS(utilities.getNthElement(essayResponsePage.equationEditorSectionCategories(), 0), {
-                    'background-color': css.color.activeButtons
-                });
-                utilities.getNthElement(essayResponsePage.equationEditorSectionCategories(), 0)
-                    .within(() => {
-                        utilities.verifyCSS(essayResponsePage.equationEditorSectionCategoryLabel(), {
-                            'color': css.color.primaryBtn,
-                            'font-size': css.fontSize.small,
-                            'font-weight': css.fontWeight.regular
-                        });
-                        utilities.verifyCSS(essayResponsePage.equationEditorSectionTickIcon().find('[data-name*="Icon"]'), {
-                            'fill': css.color.activeButtons
-                        });
-                        utilities.verifyCSS(essayResponsePage.equationEditorSectionCategoriesDragIcon().find('path'), {
-                            'fill': css.color.activeButtons
-                        });
-                    });
-                cy.log('CSS of deselected category')
-                utilities.verifyCSS(utilities.getNthElement(essayResponsePage.equationEditorSectionCategories(), 12), {
-                    'background-color': css.color.primaryBtn
-                });
-                utilities.getNthElement(essayResponsePage.equationEditorSectionCategories(), 12)
-                    .within(() => {
-                        utilities.verifyCSS(essayResponsePage.equationEditorSectionCategoryLabel(), {
-                            'color': css.color.secondaryBtn,
-                            'font-size': css.fontSize.small,
-                            'font-weight': css.fontWeight.regular
-                        });
-                        utilities.verifyCSS(essayResponsePage.equationEditorSectionCategoriesDragIcon().find('path'), {
-                            'fill': css.color.secondaryBtn
-                        });
-                    });
-            });
+           essayResponsePage.tests.verifyEquationEditorSection();
 
-            it('Accessibility of selected and deselected category', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(essayResponsePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`).parents('[class*="DraggableItemsGrid"]'))
-            });
-
-            it('User should be able select and deselect a category and it should be reflected in the Equation Editor flyout and the first category should be selected by default', () => {
-                cy.log('Selecting and deselecting a category')
-                essayResponsePage.steps.deselectACategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-                essayResponsePage.steps.selectACategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['greek'].displayName}`);
-                cy.log('Switching to Preview tab')
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
-                equationEditorFlyout.steps.verifyCategoryNotDisplayedInEquationEditor(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-                equationEditorFlyout.steps.clickOnEquationEditorButtonNext()
-                equationEditorFlyout.steps.verifyCategoryIsDisplayedInEquationEditor(`${equationEditorCategoriesAndSymbols['greek'].displayName}`);
-            });
-
-            it('On deselecting all the categories an error message should be displayed \'Error: Please select a category.\' and the preview tab Equation Editor flyout should be empty', () => {
-                cy.log('Pre step: Switching to Edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
-                essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
-                essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['intermediate'].displayName}`, `${equationEditorCategoriesAndSymbols['primary'].displayName}`, `${equationEditorCategoriesAndSymbols['general'].displayName}`, `${equationEditorCategoriesAndSymbols['common'].displayName}`, `${equationEditorCategoriesAndSymbols['algebra'].displayName}`, `${equationEditorCategoriesAndSymbols['geo'].displayName}`, `${equationEditorCategoriesAndSymbols['compare'].displayName}`, `${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols['greek'].displayName}`]);
-                utilities.verifyInnerText(essayResponsePage.selectACategoryErrorMessage(), 'Error: Please select a category.');
-                cy.log('Switching to Preview tab')
-                essayResponsePage.steps.switchToPreviewTab();
-                essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTabTitle(), 'notExist');
-                utilities.verifyElementVisibilityState(equationEditorFlyout.categoryCharactersWrapper(), 'notExist');
-                cy.log('Post step: Switching to Edit tab')
-                essayResponsePage.steps.switchToEditTab();
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
-                essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
-            });
-
-            //https://redmine.zeuslearning.com/issues/530205
-            it('CSS of error message', { tags: 'css' }, () => {
-                utilities.verifyCSS(essayResponsePage.selectACategoryErrorMessage(), {
-                    'color': css.color.errorText,
-                    'font-size': css.fontSize.small,
-                    'font-weight': css.fontWeight.regular
-                });
-            });
-
-            it('Accessibility of error message', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(essayResponsePage.selectACategoryErrorMessage());
-            });
-
-            it('When user selects any category then the error message should disappear', () => {
-                essayResponsePage.steps.selectACategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-                utilities.verifyElementVisibilityState(essayResponsePage.selectACategoryErrorMessage(), 'notExist');
-            });
+           essayResponsePage.tests.verifyFunctionalityOfEquationEditorSection('essay response');
 
             it('When user re-selects the Equation Editor icon then only the previously selected category category should appear in selected state', () => {
                 const deselectedCategoriesArray = Object.values(equationEditorCategoriesAndSymbols).map((category) => category.displayName).slice(1)
-                essayResponsePage.steps.deselectCustomizedFormattingOption(['Equation Editor']);
+               essayResponsePage.steps.deselectCustomizedFormattingOption(['Equation Editor']);
                 utilities.verifyElementVisibilityState(essayResponsePage.equationEditorSection(), 'notExist');
-                essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor']);
-                essayResponsePage.steps.verifySelectedCategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
+               essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor']);
+               essayResponsePage.steps.verifySelectedCategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
                 deselectedCategoriesArray.forEach((categoryName) => {
-                    essayResponsePage.steps.verifyDeselectedCategoryInEquationEditorSectionEditTab(categoryName);
+                   essayResponsePage.steps.verifyDeselectedCategoryInEquationEditorSectionEditTab(categoryName);
                 });
             });
         });
@@ -377,8 +135,8 @@ describe('Create question page - Essay Response: Equation Editor functionality',
             before(() => {
                 essayResponsePage.steps.navigateToCreateQuestion('essay response');
                 cy.barsPreLoaderWait();
-                essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
-                essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+                essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion()
+               essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor']);
                 essayResponsePage.steps.switchToPreviewTab();
                 essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
                 cy.log('Adding an equation to preview input field')
@@ -387,30 +145,7 @@ describe('Create question page - Essay Response: Equation Editor functionality',
                 essayResponsePage.steps.verifyResponseFieldEquationText(0, 'x+5=1');
             });
 
-            it('When user double clicks on an added equation in preview input field, the Equation editor flyout should open', () => {
-                essayResponsePage.steps.openResponseFieldEquationContainerEquationEditor(0);
-                utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
-            });
-
-            it(`In the equation editor flyout the ${allCategories[0].displayName} should be selected by default and the Equation editor input field should be prefilled with the added equation`, () => {
-                equationEditorFlyout.steps.verifyCategoryTileSelectedInEquationEditor(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-                cy.log('Adding this to focus out of input field')
-                equationEditorFlyout.steps.selectEquationEditorCategoryPreviewTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`)
-                utilities.verifyTextContent(equationEditorFlyout.previewInputField(), 'x+5=1​');
-            });
-
-            it('When user clicks on Cancel button the equation should be displayed in the preview input field without any changes', () => {
-                equationEditorFlyout.steps.clickOnEquationEditorCancelButton();
-                essayResponsePage.steps.verifyResponseFieldEquationText(0, 'x+5=1');
-            });
-
-            it('When user edits the added equation and clicks on Ok button, the edited equation should be displayed in the preview input field', () => {
-                essayResponsePage.steps.openResponseFieldEquationContainerEquationEditor(0);
-                equationEditorFlyout.steps.enterTextInPreviewInputField('{backspace}{backspace}');
-                equationEditorFlyout.steps.enterEquation([{ categoryName: 'numPad', symbolName: ['multiply', 'zero'] }]);
-                equationEditorFlyout.steps.clickOnOkButton();
-                essayResponsePage.steps.verifyResponseFieldEquationText(0, 'x+5×0');
-            });
+           essayResponsePage.tests.editEquationInPreviewTab('essay response');
         });
     }
 });

package/cypress/e2e/ILC/EssayResponse/equationEditorCategories1.js

@@ -55,6 +55,84 @@ describe('Create question page - Essay Response: Equation Editor categories', ()
         essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('1+23×4÷5=78690.,', '1');
     });
 
+    describe('Equation editor symbol category: Keypad', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor']);
+            essayResponsePage.steps.checkDisplayWordCountCheckbox();
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('keyPad');
+
+        it('On clicking the symbols it should be displayed in the input field of Equation editor and user should be able to form meaningful equations using the category', () => {
+            equationEditorFlyout.steps.enterTextInPreviewInputField('abcd');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.clear.ariaLabel);
+            utilities.verifyInnerText(equationEditorFlyout.previewInputField(), 'abc');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.clearAll.ariaLabel);
+            utilities.verifyInnerText(equationEditorFlyout.previewInputField(), '');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.capsLock.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.q.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.capsLock.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.w.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.e.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.r.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.t.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.y.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.u.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.i.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.o.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.p.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.a.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.s.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.d.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.f.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.g.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.space.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.q.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.z.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.c.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.v.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.h.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.moveLeft.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.j.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.moveRight.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.k.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.l.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.b.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.n.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.m.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.comma.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.decimal.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.explanationMark.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.questionMark.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.seven.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.eight.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.nine.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.add.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.four.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.multiply.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.five.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.six.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.subtract.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.one.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.equalTo.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.two.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.add.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.three.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.moveUp.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.keyPad.symbols.moveDown.ariaLabel);
+        });
+
+        equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField('keyPad');
+
+        essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('Q⁢w⁢e⁢r⁢t⁢y⁢u⁢i⁢o⁢p⁢a⁢s⁢d⁢f⁢g q⁢z⁢c⁢v⁢j⁢h⁢k⁢l⁢b⁢n⁢m,.!?789+4×56−1=2+3', '2');
+    });
+
     describe('Equation editor input category: Intermediate', () => {
         abortEarlySetup();
         before(() => {

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

@@ -89,7 +89,7 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
             fillInTheGapsTextPage.steps.navigateToCreateQuestion('fill in the gaps with text');
             cy.barsPreLoaderWait();
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
-             //fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            //fillInTheGapsTextPage.steps.checkAllowStudentToCheckAnswerCheckbox();
             fillInTheGapsTextPage.steps.expandAdditionalSettings();
         });
 
@@ -201,7 +201,7 @@ describe('Fill In the gaps with text - Additional settings : Placeholder text, G
         });
 
         it('Accessibility of input field in preview tab when custom \'ARIA label\' is set', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsTextPage.answerInputFieldPreviewTab().parents('[class*="question-preview-wrapper"]'));
+            cy.checkAccessibility(fillInTheGapsTextPage.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', () => {

package/cypress/e2e/ILC/Graphing/acceptRepeatedPoints.js

@@ -0,0 +1,75 @@
+import { graphingPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+
+describe('Graphing - Accept Repeated Points Functionality', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify Correct Answer - Accept Repeated Points Functionality', () => {
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.selectToolOptions(['Parabola', 'Circle']);
+        });
+
+        it('When user views the Specify Correct Answer section, then user should see a toggle button for Accept Repeated Points', () => {
+            utilities.verifyElementVisibilityState(graphingPage.acceptRepeatedPointsLabel(), 'visible');
+            utilities.verifyInnerText(graphingPage.acceptRepeatedPointsLabel(), 'Accept repeated points');
+            utilities.verifyElementVisibilityState(graphingPage.acceptRepeatedPointsToggle(), 'exist');
+        });
+
+        it('By default, the Accept Repeated Points toggle should be checked', () => {
+            graphingPage.steps.verifyAcceptRepeatedPointsToggleChecked();
+        });
+
+        it('When user tries to plot multiple points at the same place with toggle off, then user should not be able to do so', () => {
+            graphingPage.steps.uncheckAcceptRepeatedPointsToggle();
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 1, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 1, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Parabola');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 1, xRange: 20, y: 2, yRange: 20 }]);
+            //Remove comment once https://weldnorthed.atlassian.net/browse/IEI-4078 is resolved
+            // utilities.verifyElementVisibilityState(graphingPage.graphParabolaSpecifyCorrectAnswerSection(), 'notExist');
+        });
+
+        it('When user tries to plot multiple points at the same place with toggle on, then user should be able to do so', () => {
+            graphingPage.steps.checkAcceptRepeatedPointsToggle();
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Circle');
+            graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementVisibilityState(graphingPage.graphCircleSpecifyCorrectAnswerSection(), 'exist');
+        });
+    });
+
+    describe('Preview Tab - Accept Repeated Points Functionality', () => {
+        before(() => {
+            graphingPage.steps.navigateToCreateQuestion('Graphing');
+            cy.barsPreLoaderWait();
+            graphingPage.steps.selectToolOptions(['Parabola', 'Circle']);
+        });
+
+        it('When user tries to plot multiple points at the same place with toggle off, then user should not be able to do so', () => {
+            graphingPage.steps.uncheckAcceptRepeatedPointsToggle();
+            graphingPage.steps.switchToPreviewTab();
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 1, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 1, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Parabola');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 1, xRange: 20, y: 2, yRange: 20 }]);
+            //Remove comment once https://weldnorthed.atlassian.net/browse/IEI-4078 is resolved
+            //utilities.verifyElementVisibilityState(graphingPage.graphSineAndParabolaPreviewTab(), 'notExist');
+        });
+
+        it('When user tries to plot multiple points at the same place with toggle on, then user should be able to do so', () => {
+            graphingPage.steps.switchToEditTab();
+            graphingPage.steps.checkAcceptRepeatedPointsToggle();
+            graphingPage.steps.switchToPreviewTab();
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.verifyPointsPlottedOnPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: 2, yRange: 20 }]);
+            graphingPage.steps.selectGraphToolOptionPreviewTab('Circle');
+            graphingPage.steps.plotPointsOnGraphPreviewTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: 2, yRange: 20 }]);
+            utilities.verifyElementVisibilityState(graphingPage.graphCirclePreviewTab(), 'exist');
+        });
+    });
+});

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

@@ -0,0 +1,84 @@
+import { textEntryMathPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const fontSizes = { 'Tiny': '12px', 'Small': '14px', 'Default': '16px', 'Normal': '18px', 'Big': '22px', 'Huge': '26px' };
+
+describe('Text Entry Math - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+        });
+
+        textEntryMathPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        textEntryMathPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addTextInQuestionInstructionsInputField('Text Entry Math');
+            textEntryMathPage.steps.addInputToQuestionInputField('Lorem Ipsum');
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${fontSizes[option]} accordingly`, () => {
+                textEntryMathPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(textEntryMathPage.fontSizeDropdown(), `${option}`);
+                textEntryMathPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(textEntryMathPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(textEntryMathPage.responseFieldPreviewTab(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(textEntryMathPage.responseFieldWrapperPreviewTab(), {
+                    'font-size': fontSizes[option]
+                });
+                textEntryMathPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        textEntryMathPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.expandAdditionalSettings();
+        });
+
+        textEntryMathPage.tests.verifyDetailsSection();
+    });
+});