itemengine-cypress-automation 1.0.105 → 1.0.107

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

@@ -0,0 +1,340 @@
+import { equationEditorCategoriesAndSymbols } from "../../../fixtures/equationEditorCategoriesAndSymbols ";
+import { equationEditorFlyout } from "../../../pages/components/equationEditorFlyout";
+import { essayResponsePage } from "../../../pages/essayResponsePage";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+
+describe('Create question page - Essay Response: Equation Editor categories', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Equation editor input category: Delimiters', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor')
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('delimiters');
+
+        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.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.lFloor.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.rFloor.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.lCeil.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.rCeil.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.forwardSlash.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.openCurlBracket.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.closedCurlBracket.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.groupInParathesis.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('a{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.groupInBrackets.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('a{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.squareRoundBrackets.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('a{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.roundSquareBrackets.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('a{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.angleBracket.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('a{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.singleSquareOpen.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('a{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.delimiters.symbols.singleSquareClose.ariaLabel);
+        });
+
+        equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField('delimiters');
+
+        essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('⌊⌋⌈⌉/{}(a)[a][a)(a]⟨a⟩[a]', '2/10000');
+    });
+
+    describe('Equation editor input category: Misc', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor']);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('misc');
+
+        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.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.forAll.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.dotsBottom.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.horizontalDots.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.verticalDots.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.diagonalDots.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.sqrt.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('4{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.triangle.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.ell.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.top.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.flat.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.natural.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.sharp.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.elliptic.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.perpendicularTo.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.clubSuit.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.diamondSuit.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.heartSuit.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.spadeSuit.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.exponent.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.underscore.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.backSlash.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.forwardSlash.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.vert.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.nabla.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.planck.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.angstrom.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.circle.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.bullet.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.not.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.real.ariaLabel)
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.imaginary.ariaLabel)
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.partialDerivative.ariaLabel)
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.infinity.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.alpeh.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.degree.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.misc.symbols.angle.ariaLabel);
+        });
+
+        equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField('misc');
+
+        essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('∀…⋯⋮⋱√4△ℓ⊤♭♮♯℘⊥♧♢♡♤^_\\/|∇ℏÅ∘•¬ℜℑ∂∞ℵ°∠', '1/10000');
+    });
+
+    describe('Equation editor input category: Matrices', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+            essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['matrices'].displayName}`]);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor')
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('matrices');
+
+        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.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.matrix.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5');
+            for (let i = 1; i < 4; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.twoByTwoMatrixBoundedBrackets.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5');
+            for (let i = 1; i < 4; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.matrixBoundedParenthesis.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5');
+            for (let i = 1; i < 4; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.matrixBoundedBraces.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.singleMatrixBoundedBrackets.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5');
+            for (let i = 1; i < 4; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.matrixBoundedVerticalLines.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.insertColumnInMatrix.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.insertRowInMatrix.ariaLabel);
+            for (let i = 1; i < 10; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.matrixBoundedDoubleVerticalLines.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5');
+            for (let i = 1; i < 4; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.threeByThreeMatrixBoundedBrackets.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.subscript.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2');
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2']);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.superscript.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2')
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3']);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.factorial.ariaLabel);
+            for (let i = 1; i < 7; i++) {
+                equationEditorFlyout.steps.enterTextInFirstEmptyBox([i]);
+            }
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.dotsBottom.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.dotsMiddle.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.verticalDots.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.matrices.symbols.diagonalDots.ariaLabel);
+        });
+
+        equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField('matrices');
+
+        essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('5123[5123](5123){[5]123}|123456789|‖5123‖[52223!123456]…⋯⋮⋱', '1/10000');
+    });
+
+    describe('Equation editor symbol category: Trigonometric Functions', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+            essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['trigonometry'].displayName}`]);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor')
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutCategoryTooltip('trigonometry');
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('trigonometry', '1/10000');
+
+        essayResponsePage.tests.verifyEquationEditorFlyoutSymbolCategoriesFunctionality('trigonometry', '1/10000');
+    });
+
+    describe('Equation editor symbol category: Units', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+            essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['units'].displayName}`]);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor')
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('units');
+
+        essayResponsePage.tests.verifyEquationEditorFlyoutSymbolCategoriesFunctionality('units', '2/10000');
+    });
+
+    describe('Equation editor input category: Calculus Symbols', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+            essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['calculus'].displayName}`]);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor')
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutCategoryTooltip('calculus');
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('calculus');
+
+        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.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.limit.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.epsilon.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.eulersNumber.ariaLabel);
+            equationEditorFlyout.steps.focusInPreviewInputField()
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.deltaUppercase.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.derivative.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2y');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.secondDerivative.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2xy');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.integral.ariaLabel);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['2', '3{rightarrow}{rightarrow}{rightarrow}'])
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.nDerivative.ariaLabel);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3', '3']);
+            equationEditorFlyout.steps.focusInPreviewInputField();
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.doubleIntegral.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.partialDerivative.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.timeDerivative.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.tripleIntegral.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('1{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.timeSecondDerivative.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.lineIntegral.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.vector.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('x{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.closedSurfaceIntegral.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.unitVector.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('x{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.closedVolumeIntegral.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.underSim.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('x{rightarrow}{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.summation.ariaLabel);
+            equationEditorFlyout.steps.enterTextInFirstEmptyBox(['3', '4{rightarrow}']);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.absoluteValue.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('5{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.infinity.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.calculus.symbols.nabla.ariaLabel);
+        });
+
+        equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField('calculus');
+
+        essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('limx→ϵeΔdydx2yd2ydx22xy∫32d3ydx3∬2∂y∂x2y˙∭1y¨∮x→∯x^∰x~∑34|5|∞∇', '3/10000');
+    });
+
+    describe('Equation editor input category: Geometric Symbols', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandCustomizeFormattingOptionsAccordion();
+            essayResponsePage.steps.selectCustomizedFormattingOption(['Equation Editor'])
+            essayResponsePage.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['geometry'].displayName}`]);
+            essayResponsePage.steps.switchToPreviewTab();
+            essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor')
+        });
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutCategoryTooltip('geometry');
+
+        equationEditorFlyout.tests.verifyEquationEditorFlyoutSymbolCategoriesTabs('geometry');
+
+        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.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.circle.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.square.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.triangle.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.parallelogram.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.perpendicularTo.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.similarTo.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.congruentTo.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.parallelTo.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.notParallel.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.pi.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.dotMultiplier.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.degree.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.prime.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.doublePrime.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.angle.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('45');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.measureOfAngle.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('30');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.arc.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.topLineSegment.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.vector.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.topDoubleSidedArrow.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.topLeftArrow.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.topRightArrow.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.geometry.symbols.recurringDecimal.ariaLabel);
+            equationEditorFlyout.steps.enterTextAtInputFieldCursor('2{rightarrow}');
+        });
+
+        equationEditorFlyout.tests.verifyCSSAnda11yOfEquationEditorInputField('geometry');
+
+        essayResponsePage.tests.insertEquationAndVerifyInputFieldContentsAndWordCount('◯□△▱⊥~≅∥∦π·°′″∠45m∠302⌒2―2→2↔2←2→2˙', '1/10000');
+    });
+});