itemengine-cypress-automation 1.0.143-migrationScripts-d059d60.0 → 1.0.143

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

@@ -0,0 +1,124 @@
+import { dragAndDropIntoCategoriesPage } 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' };
+const options = ['Bat', 'Eagle'];
+
+describe('Drag and drop into categories - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop into categories');
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(options);
+            dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
+        });
+
+        Object.keys(fontSizes).forEach((option) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab options should change to ${fontSizes[option]} accordingly`, () => {
+                dragAndDropIntoCategoriesPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(dragAndDropIntoCategoriesPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.tableCellLabel(), {
+                    'font-size': css.fontSize.heading
+                });
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOptionText(), {
+                    'font-size': fontSizes[option]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.addTextInQuestionInstructionsInputField('Drag and drop into categories');
+            dragAndDropIntoCategoriesPage.steps.addInputToOptionsInputField(options);
+            dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 0, 'Eagle': 1 });
+            dragAndDropIntoCategoriesPage.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`, () => {
+                dragAndDropIntoCategoriesPage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(dragAndDropIntoCategoriesPage.fontSizeDropdown(), `${option}`);
+                dragAndDropIntoCategoriesPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.tableCellLabel(), {
+                    'font-size': css.fontSize.heading
+                });
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.draggableOptionText(), {
+                    'font-size': fontSizes[option]
+                });
+                dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzonePreviewTab({ 'Bat': 0 });
+                dragAndDropIntoCategoriesPage.steps.switchToGradingView();
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.dropzoneCellNumeration(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctAnswerOption(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(dragAndDropIntoCategoriesPage.correctIncorrectStatusMessageText(), {
+                    'font-size': fontSizes[option]
+                });
+                dragAndDropIntoCategoriesPage.steps.switchToStudentView();
+                dragAndDropIntoCategoriesPage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            dragAndDropIntoCategoriesPage.steps.navigateToCreateQuestion('drag and drop into categories');
+            cy.barsPreLoaderWait();
+            dragAndDropIntoCategoriesPage.steps.expandAdditionalSettings();
+        });
+
+        dragAndDropIntoCategoriesPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/DrawingResponse/drawingResponseAdditionalSettings.js

@@ -19,7 +19,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings accordion', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
         });
@@ -30,7 +29,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Default stroke/line thickness - Contents', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.expandAdditionalSettings();
@@ -112,7 +110,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Default stroke/line thickness - Preview tab', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.switchToPreviewTab();
@@ -138,7 +135,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Set line type - Contents', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.expandAdditionalSettings();
@@ -205,7 +201,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Set line type - Preview tab', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.switchToPreviewTab();
@@ -233,7 +228,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Spell check - Contents', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.expandAdditonalSettings();
@@ -280,7 +274,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Font size dropdown- Contents', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.expandAdditionalSettings();
@@ -292,7 +285,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Font size dropdown - Functionality in preview tab', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.addQuestionInstructions();
@@ -366,7 +358,6 @@ describe('Drawing response - Additional settings', () => {
     describe('Additional settings: Details section', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to drawing response question type');
             drawingResponsePage.steps.navigateToCreateQuestion('Drawing Response');
             cy.barsPreLoaderWait();
             drawingResponsePage.steps.expandAdditionalSettings();

package/cypress/e2e/ILC/DrawingResponse/drawingResponsePreviewTabContents.smoke.js

@@ -728,8 +728,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
             colorPopupComponent.steps.clickInColorSaturationPalette();
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(122, 62, 62)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
+            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(120, 60, 60)');
             colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
         });
 
@@ -750,13 +750,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('When user makes some changes in the \'Text color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
             colorPopupComponent.steps.clickInColorSaturationPalette();
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
             drawingResponsePage.steps.clickOnColorPopupOkButton();
             drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
         });
 
         it('The updated text color should be displayed under the \'Text color\' secondary toolbar option', () => {
-            drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySecondaryOptionTextColor(0, 'rgb(120, 60, 60)');
         });
 
         it('When user reopens the \'Text color\' popup by clicking on the toolbar option, the popup should reopen and all its previously made changes should be retained/present', () => {
@@ -764,9 +764,9 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 112, 128)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
-            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
             drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
         });
 
         it('CSS of color popup', { tags: 'css' }, () => {
@@ -898,8 +898,8 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
             colorPopupComponent.steps.clickInColorSaturationPalette();
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
-            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(122, 62, 62)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
+            colorPopupComponent.steps.verifySaturationPaletteColor('rgb(120, 60, 60)');
             colorPopupComponent.steps.verifyHuePaletteColor('rgb(255, 0, 0)');
         });
 
@@ -926,13 +926,13 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('When user makes some changes in the \'Fill color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
             colorPopupComponent.steps.clickInColorSaturationPalette();
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
             drawingResponsePage.steps.clickOnColorPopupOkButton();
             drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
         });
 
         it('The updated fill color should be displayed under the \'Fill color\' secondary toolbar option', () => {
-            drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySecondaryOptionFillColor(0, 'rgb(120, 60, 60)');
         });
 
         it('When user reopens the \'Fill color\' popup, the popup should reopen and all its previous changes should be retained', () => {
@@ -940,10 +940,10 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(0, 'rgb(0, 224, 255)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(6, 255, 172)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(255, 90, 51)');
-            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
             drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
         });
 
         it('CSS of color popup contents', { tags: 'css' }, () => {
@@ -1076,7 +1076,7 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
         //Update below test case as per https://redmine.zeuslearning.com/issues/550787
         it('User should be able to make changes in the color picker pallette and the changes should be reflected in the selected color box', () => {
             colorPopupComponent.steps.clickInColorSaturationPalette();
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
         });
 
         it('\'Ok\' and \'Cancel\' button should be displayed in the popup', () => {
@@ -1101,23 +1101,23 @@ describe('Preview tab contents - primary toolbar options, secondary toolbar opti
 
         it('When user makes some changes in the \'Stroke color\' popup and clicks on the \'Ok\' button, then the popup should be closed.', () => {
             colorPopupComponent.steps.clickInColorSaturationPalette();
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
             drawingResponsePage.steps.clickOnColorPopupOkButton();
             drawingResponsePage.steps.verifySecondaryPopupDoesNotExist();
         });
 
         it('The updated stroke color should be displayed under the \'Stroke color\' secondary toolbar option', () => {
-            drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySecondaryOptionStrokeColor(0, 'rgb(120, 60, 60)');
         });
 
         it('When user reopens the \'Stroke color\' popup, the popup should reopen and all its previous changes should be retained', () => {
             drawingResponsePage.steps.selectPreviewTabSecondaryToolbarOption(drawingToolbarOptionsAndAdditionalOptions.drawingToolbarOptions[9].secondaryToolbarOptions[1]);
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(1, 'rgb(0, 133, 89)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(2, 'rgb(128, 25, 0)');
-            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(3, 'rgb(120, 60, 60)');
             drawingResponsePage.steps.verifyCSSOfSecondaryOptionPopupOptions(4, 'rgb(255, 255, 255)');
             drawingResponsePage.steps.verifyNoColorOptionFromSecondaryOptionPopup(4);
-            drawingResponsePage.steps.verifySelectedColorBlock('rgb(121, 61, 61)');
+            drawingResponsePage.steps.verifySelectedColorBlock('rgb(120, 60, 60)');
         });
 
         it('CSS of color popup contents', { tags: 'css' }, () => {

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

@@ -0,0 +1,83 @@
+import { essayResponsePage } 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' };
+const options = ['Bat', 'Eagle'];
+
+describe('Essay response - Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+        });
+
+        essayResponsePage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size - Contents in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        essayResponsePage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size - functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.addTextInQuestionInstructionsInputField('Essay response');
+            essayResponsePage.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`, () => {
+                essayResponsePage.steps.selectFontSizeOptionFromFontSizeDropdown(option);
+                utilities.verifyInnerText(essayResponsePage.fontSizeDropdown(), `${option}`);
+                essayResponsePage.steps.switchToPreviewTab();
+                utilities.verifyCSS(essayResponsePage.questionInstructionsText(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(essayResponsePage.previewTabToolbarOption(), {
+                    'font-size': fontSizes[option]
+                });
+                utilities.verifyCSS(essayResponsePage.responseField(), {
+                    'font-size': fontSizes[option]
+                });
+                essayResponsePage.steps.switchToEditTab();
+            });
+        });
+    });
+
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        essayResponsePage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            essayResponsePage.steps.navigateToCreateQuestion('essay response');
+            cy.barsPreLoaderWait();
+            essayResponsePage.steps.expandAdditionalSettings();
+        });
+
+        essayResponsePage.tests.verifyDetailsSection();
+    });
+});

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

@@ -193,9 +193,9 @@ describe('Create question page - Essay Response: Create custom category', () =>
             createCustomCategoryFlyout.steps.verifyCreateCustomCategoryAccordionLabelsAndDefaultCheckbox();
         });
 
-        it(`By default, the ${equationEditorCategoriesAndSymbols['keypad'].displayName} category accordion should be expanded and other all accordions should be in collapsed state`, () => {
+        it(`By default, the ${equationEditorCategoriesAndSymbols['numPad'].displayName} category accordion should be expanded and other all accordions should be in collapsed state`, () => {
             for (let index = 0; index < allCategories.length; index++) {
-                if (allCategories[index] === 'keypad') {
+                if (allCategories[index] === 'numPad') {
                     createCustomCategoryFlyout.steps.verifyCategoryAccordionIsExpanded(`${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`);
                 } else {
                     createCustomCategoryFlyout.steps.verifyCategoryAccordionIsCollapsed(`${equationEditorCategoriesAndSymbols[allCategories[index]].displayName}`);
@@ -294,47 +294,46 @@ describe('Create question page - Essay Response: Create custom category', () =>
             });
 
             it('When user clicks on a symbol then that symbol should get selected and appear in the selected symbols region', () => {
-                createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`, `${equationEditorCategoriesAndSymbols.keypad.symbols.one.ariaLabel}`);
-                createCustomCategoryFlyout.steps.verifySymbolIsDisplayedInSelectedSymbolsSection([`${equationEditorCategoriesAndSymbols.keypad.symbols.one.ariaLabel}`]);
+                createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${equationEditorCategoriesAndSymbols.numPad.symbols.add.ariaLabel}`);
+                createCustomCategoryFlyout.steps.verifySymbolIsDisplayedInSelectedSymbolsSection([`${equationEditorCategoriesAndSymbols.numPad.symbols.add.ariaLabel}`]);
             });
 
             it('When user partially selects symbols from any category then that category\'s checkbox should be in partially checked state', () => {
-                createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
+                createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
             });
 
             it('When user selects a symbol shared between two categories from any one of the categories then the symbol should get selected in the other category as well and the checkboxes should be partially checked', () => {
                 //Select common symbol in keypad category
-                createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`, `${equationEditorCategoriesAndSymbols.keypad.symbols.dotMultiplier.ariaLabel}`);
+                createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${equationEditorCategoriesAndSymbols.numPad.symbols.dotMultiplier.ariaLabel}`);
                 //Verify common symbol is selected in basic category
-                createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['basic'].displayName}`);
-                createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['basic'].displayName}`, `${equationEditorCategoriesAndSymbols.keypad.symbols.dotMultiplier.ariaLabel}`);
+                createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['intermediate'].displayName}`);
+                createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols.numPad.symbols.dotMultiplier.ariaLabel}`);
                 //Verify checkboxes for both categories are partially selected
-                createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
-                createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['basic'].displayName}`);
+                createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
+                createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`);
             });
 
             it('When user selects the checkbox of a partially checked category then all the symbols from that category should appear in the \'Selected symbols:\' section', () => {
-                const selectedSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['keypad'].symbols).map((icon) => icon.ariaLabel));
-                const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['keypad'].symbols)
+                const selectedSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols).map((icon) => icon.ariaLabel));
+                const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols)
                 cy.log('Open the Custom category flyout and partially select a category')
-                createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
-                createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
+                createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
                 selectedSymbolsArray.forEach((selectedSymbol) => {
-                    createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`, `${selectedSymbol}`);
+                    createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${selectedSymbol}`);
                 });
                 createCustomCategoryFlyout.steps.verifySymbolIsDisplayedInSelectedSymbolsSection(selectedSymbolsArray);
             });
 
             it('When user unchecks the fully checked checkbox then all the symbols from that category as well as from the shared categories should get deselected and should not be displayed in \'Selected symbols:\' section', () => {
-                const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['keypad'].symbols).map((icon) => icon.ariaLabel));
-                const basicSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['basic'].symbols).map((icon) => icon.ariaLabel));
-                createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
+                const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols).map((icon) => icon.ariaLabel));
+                const basicSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['matrices'].symbols).map((icon) => icon.ariaLabel));
+                createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
                 utilities.verifyElementVisibilityState(createCustomCategoryFlyout.selectedSymbols(), 'notExist');
                 keypadSymbolsArray.forEach((selectedSymbol) => {
-                    createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`, `${selectedSymbol}`);
+                    createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`, `${selectedSymbol}`);
                 });
                 basicSymbolsArray.forEach((selectedSymbol) => {
-                    createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['basic'].displayName}`, `${selectedSymbol}`);
+                    createCustomCategoryFlyout.steps.verifySymbolIsNotSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${selectedSymbol}`);
                 });
             });
 
@@ -369,15 +368,15 @@ describe('Create question page - Essay Response: Create custom category', () =>
             });
 
             it('If all symbols are deselected from a category then the checkbox for that category should get unchecked', () => {
-                const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['keypad'].symbols).map((icon) => icon.title));
+                const keypadSymbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['numPad'].symbols).map((icon) => icon.title));
                 cy.log('Pre step: Reopen the create custom category and select one category')
                 createCustomCategoryFlyout.steps.clickOnCancelButton();
                 createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
-                createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
+                createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
                 keypadSymbolsArray.forEach((symbol) => {
                     createCustomCategoryFlyout.steps.deselectSymbolInSelectedSymbolsSection(symbol);
                 });
-                createCustomCategoryFlyout.steps.verifyUncheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['keypad'].displayName}`);
+                createCustomCategoryFlyout.steps.verifyUncheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
             });
         });
     }
@@ -454,6 +453,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
             });
 
             it('The category with no added characters should not be displayed in the preview tab equation editor', () => {
+                equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
                 equationEditorFlyout.steps.verifyCategoryIsNotDisplayedInEquationEditorPreviewTab('Custom category without characters');
             });
 
@@ -472,7 +472,7 @@ describe('Create question page - Essay Response: Create custom category', () =>
             });
 
             it('User should be able to add symbols from both the custom categories to the Equation Editor Input field', () => {
-                equationEditorFlyout.steps.enterEquation([{ categoryName: 'Custom category with name.', symbolName: [`${customCategory.symbols.nine.ariaLabel}`, `${customCategory.symbols.divide.ariaLabel}`, `${customCategory.symbols.delta.ariaLabel}`] }, { categoryName: 'Custom category with name and icon.', symbolName: [`${equationEditorCategoriesAndSymbols.arrows.symbols.downArrowDouble.ariaLabel}`, `${equationEditorCategoriesAndSymbols.arrows.symbols.leftwardsArrowHook.ariaLabel}`] }]);
+                equationEditorFlyout.steps.enterEquation([{ categoryName: 'Custom category with name.', symbolName: [`${customCategory.symbols.nine.ariaLabel}`, `${customCategory.symbols.divide.ariaLabel}`, `${customCategory.symbols.delta.ariaLabel}`] }, { categoryName: 'Custom category with name and icon.', symbolName: [`${equationEditorCategoriesAndSymbols.geo.symbols.topLeftArrow.ariaLabel}`, `${equationEditorCategoriesAndSymbols.geo.symbols.topRightArrow.ariaLabel}`] }]);
                 utilities.verifyTextContent(equationEditorFlyout.previewInputField(), '9÷δ⇓↩');
             });
 
@@ -510,10 +510,10 @@ describe('Create question page - Essay Response: Create custom category', () =>
             });
 
             it('The Category name and Category icon should be prefilled and selected symbols should be displayed', () => {
-                const symbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['arrows'].symbols).map((icon) => icon.ariaLabel));
-                createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['arrows'].displayName}`);
+                const symbolsArray = Object.values(Object.values(equationEditorCategoriesAndSymbols['geo'].symbols).map((icon) => icon.ariaLabel));
+                createCustomCategoryFlyout.steps.expandCategoryAccordion(`${equationEditorCategoriesAndSymbols['geo'].displayName}`);
                 symbolsArray.forEach((symbol) => {
-                    createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['arrows'].displayName}`, symbol)
+                    createCustomCategoryFlyout.steps.verifySymbolIsSelectedInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['geo'].displayName}`, symbol)
                 });
                 createCustomCategoryFlyout.steps.verifyCustomCategoryNameInputField('Custom category with name and icon.');
                 createCustomCategoryFlyout.steps.verifyCategoryIconInputField('#');
@@ -523,18 +523,20 @@ describe('Create question page - Essay Response: Create custom category', () =>
             it('When the user edits the Category name, Category Icon and selected symbols, then on clicking save the updated changes should be displayed in the Equation editor section', () => {
                 createCustomCategoryFlyout.steps.addInputToCustomCategoryNameInputField('Edited category name');
                 createCustomCategoryFlyout.steps.addInputToCategoryIconInputField('@');
-                createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['arrows'].displayName}`);
-                createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['operators'].displayName}`);
+                createCustomCategoryFlyout.steps.uncheckCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['geo'].displayName}`);
+                createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['delimiters'].displayName}`);
                 createCustomCategoryFlyout.steps.saveCustomCategory();
                 essayResponsePage.steps.verifyAddedCustomCategoryContainerIsDisplayed('Edited category name', '@');
             });
 
             it('The updated Category name, Category Icon and selected symbols should also be displayed in the Equation editor flyout', () => {
-                const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['arrows'].symbols)
+                const symbolsArray = Object.values(equationEditorCategoriesAndSymbols['delimiters'].symbols)
                 cy.log('Switching to preview tab and opening Equation editor flyout')
                 essayResponsePage.steps.switchToPreviewTab();
                 essayResponsePage.steps.selectPreviewTabToolbarOption('Equation Editor');
+                equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
                 equationEditorFlyout.steps.verifyCategoryInEquationEditorPreviewTab('Edited category name', '@');
+                equationEditorFlyout.steps.selectEquationEditorCategoryPreviewTab('Edited category name');
                 //Failing due to https://redmine.zeuslearning.com/issues/526950
                 equationEditorFlyout.steps.verifyCharactersDisplayedInEquationEditorCategoryPreviewTab(symbolsArray);
             });