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

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -137,6 +137,342 @@ export const equationEditorCategoriesAndSymbols = {
         }
     },
 
+    keyPad: {
+        displayName: 'Keypad',
+        symbols: {
+            q: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'q 1 of 37',
+                displayText: 'q'
+            },
+            w: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'w 2 of 37',
+                displayText: 'w'
+            },
+            e: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'e 3 of 37',
+                displayText: 'e'
+            },
+            r: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'r 4 of 37',
+                displayText: 'r'
+            },
+            r: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'r 4 of 37',
+                displayText: 'r'
+            },
+            t: {
+                title: '',
+                textElement: null,
+                ariaLabel: 't 5 of 37',
+                displayText: 't'
+            },
+            y: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'y 6 of 37',
+                displayText: 'y'
+            },
+            u: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'u 7 of 37',
+                displayText: 'u'
+            },
+            i: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'i 8 of 37',
+                displayText: 'i'
+            },
+            o: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'o 9 of 37',
+                displayText: 'o'
+            },
+            p: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'p 10 of 37',
+                displayText: 'p'
+            },
+            a: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'a 11 of 37',
+                displayText: 'a'
+            },
+            s: {
+                title: '',
+                textElement: null,
+                ariaLabel: 's 12 of 37',
+                displayText: 's'
+            },
+            r: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'r 4 of 37',
+                displayText: 'r'
+            },
+            d: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'd 13 of 37',
+                displayText: 'd'
+            },
+            f: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'f 14 of 37',
+                displayText: 'f'
+            },
+            g: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'g 15 of 37',
+                displayText: 'g'
+            },
+            h: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'h 16 of 37',
+                displayText: 'h'
+            },
+            j: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'j 17 of 37',
+                displayText: 'j'
+            },
+            k: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'k 18 of 37',
+                displayText: 'k'
+            },
+            l: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'l 19 of 37',
+                displayText: 'l'
+            },
+            capsLock: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'Caps 20 of 37',
+                displayText: 'null'
+            },
+            z: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'z 21 of 37',
+                displayText: 'z'
+            },
+            x: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'x 22 of 37',
+                displayText: 'x'
+            },
+            c: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'c 23 of 37',
+                displayText: 'c'
+            },
+            v: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'v 24 of 37',
+                displayText: 'v'
+            },
+            b: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'b 25 of 37',
+                displayText: 'b'
+            },
+            n: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'n 26 of 37',
+                displayText: 'n'
+            },
+            m: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'm 27 of 37',
+                displayText: 'm'
+            },
+            moveUp: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'MoveUp 28 of 37',
+                displayText: ''
+            },
+            clear: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'Clear 29 of 37',
+                displayText: 'Clear'
+            },
+            comma: {
+                title: 'Comma',
+                textElement: null,
+                ariaLabel: 'Comma',
+                displayText: ','
+            },
+            decimal: {
+                title: 'Decimal',
+                textElement: null,
+                ariaLabel: 'Decimal 31 of 37',
+                displayText: '.'
+            },
+            space: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'Space 32 of 37',
+                displayText: 'null'
+            },
+            explanationMark: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'ExplanationMark 33 of 37',
+                displayText: '!'
+            },
+            questionMark: {
+                title: 'Question Mark',
+                textElement: null,
+                ariaLabel: 'QuestionMark 34 of 37',
+                displayText: '?'
+            },
+            moveLeft: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'MoveLeft 35 of 37',
+                displayText: ''
+            },
+            moveDown: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'MoveDown 36 of 37',
+                displayText: ''
+            },
+            moveRight: {
+                title: '',
+                textElement: null,
+                ariaLabel: 'MoveRight 37 of 37',
+                displayText: ''
+            },
+            seven: {
+                title: 'Seven',
+                textElement: '7',
+                ariaLabel: 'Seven',
+                displayText: '7'
+            },
+            eight: {
+                title: 'Eight',
+                textElement: '8',
+                ariaLabel: 'Eight',
+                displayText: '8'
+            },
+            nine: {
+                title: 'Nine',
+                textElement: '9',
+                ariaLabel: 'Nine',
+                displayText: '9'
+            },
+            divide: {
+                title: 'Division',
+                textElement: null,
+                ariaLabel: 'Division',
+                displayText: '÷'
+            },
+            four: {
+                title: 'Four',
+                textElement: '4',
+                ariaLabel: 'Four',
+                displayText: '4'
+            },
+            five: {
+                title: 'Five',
+                textElement: '5',
+                ariaLabel: 'Five',
+                displayText: '5'
+            },
+            six: {
+                title: 'Six',
+                textElement: '6',
+                ariaLabel: 'Six',
+                displayText: '6'
+            },
+            multiply: {
+                title: 'Multiply',
+                textElement: null,
+                ariaLabel: 'Multiply',
+                displayText: '×'
+            },
+            one: {
+                title: 'One',
+                textElement: '1',
+                ariaLabel: 'One',
+                displayText: '1'
+            },
+            two: {
+                title: 'Two',
+                textElement: '2',
+                ariaLabel: 'Two',
+                displayText: '2'
+            },
+            three: {
+                title: 'Three',
+                textElement: '3',
+                ariaLabel: 'Three',
+                displayText: '3'
+            },
+            subtract: {
+                title: 'Subtraction',
+                textElement: null,
+                ariaLabel: 'Minus',
+                displayText: '−'
+            },
+            zero: {
+                title: 'Zero',
+                textElement: '0',
+                ariaLabel: 'zero 13 of 16',
+                displayText: '0'
+            },
+            clearAll: {
+                title: 'Clear all',
+                textElement: null,
+                ariaLabel: 'ClearAll',
+                displayText: null
+            },
+            equalTo: {
+                title: 'Equal To',
+                textElement: null,
+                ariaLabel: 'Equalto',
+                displayText: '='
+            },
+            add: {
+                title: 'Addition',
+                textElement: null,
+                ariaLabel: 'Plus 16 of 16',
+                displayText: '+'
+            },
+        }
+    },
+
     intermediate: {
         displayName: 'Intermediate',
         symbols: {

package/cypress/pages/components/ariaLabelSectionComponent.js

@@ -2,7 +2,7 @@ import utilities from "../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const selectors = {
-    ariaLabelInputField: () => cy.get('input[aria-label*="Enter ARIA label"]'),
+    ariaLabelInputField: () => cy.get('[aria-label*="Enter ARIA label"]'),
     inputFieldNumeration: () => cy.get('.MuiInputAdornment-root'),
     ariaLabelSectionLabel: () => cy.get('[class*="AriaLabel"][class*="__LabelWrapper"]'),
 }

package/cypress/pages/components/ckEditorAudioPlayerComponent.js

@@ -333,17 +333,6 @@ const steps = {
             .blur();
     },
 
-    focusInQuestionInstructionsInputField: () => {
-        ckEditorAudioPlayerComponent.questionInstructionsInputField()
-            .click();
-    },
-
-    focusInAndFocusOutOfQuestionInstructionsInputField: () => {
-        ckEditorAudioPlayerComponent.questionInstructionsInputField()
-            .click()
-            .blur();
-    },
-
     focusInPromptInputField: () => {
         ckEditorAudioPlayerComponent.promptInputField()
             .click();

package/cypress/pages/components/ckEditorEquationEditorComponent.js

@@ -6,21 +6,37 @@ const selectors = {
     ...createQuestionBasePage,
     ...dialogBoxBase,
     //Basic
-    equationEditorIcon: () => cy.get('.cke_button__nextgeneqneditor_icon'),
+    equationEditorIcon: () => cy.get('.cke_button__nextgeneqneditor_icon:visible'),
     equationEditorLabel: () => cy.get('[class*="EquationEditorstyles__Heading"]'),
-    buttonOk: () => cy.get('.ok-btn'),
-    buttonCancel: () => cy.get('.cancel-btn'),
+    okButton: () => cy.get('.ok-btn'),
+    cancelButton: () => cy.get('.cancel-btn'),
+    equationEditorPopUp: () => cy.get('[class*="EquationEditorstyles__EquationEditorContainer"]'),
+    equationWrapper: () => cy.get('.cke_widget_ngie_equation [class*="NGMathJax"]'),
+    equationInInputField: () => cy.get('[class*="ngie_latex"]').eq(0),
     //Aria Label
     ariaLabelText: () => cy.get('[class*="EquationEditorstyles__AriaLabelText"]').eq(1),
     chevronDownIcon: () => cy.get('[class*="EquationEditorstyles__ChevronDownIconWrapper"]'),
+    customizeARIALabel: () => cy.get('[class*="EquationEditorstyles__InputWrapper"] .input-field-label'),
+    customizeARIALabelInputField: () => cy.get('[aria-label="Customize ARIA label"]'),
     //Select Mode
     selectModeLabel: () => cy.get('[class*="EquationEditorstyles__SelectModeLabel"]'),
     editorButton: () => cy.get('[aria-label="Editor"]'),
     editorLabel: () => cy.get('[class*="EquationEditorstyles__RadioButtonLabel"]').eq(0),
+    editorInputFieldArea: () => cy.get('[class*="EquationEditorstyles__PreviewWrapper"]'),
     latexCodeButton: () => cy.get('[aria-label="LaTex code"]'),
     latexCodeLabel: () => cy.get('[class*="EquationEditorstyles__RadioButtonLabel"]').eq(1),
+    latexCodeInputFieldArea: () => cy.get('.view-source-text-area'),
     mathMLButton: () => cy.get('[aria-label="MathML"]'),
     mathMLLabel: () => cy.get('[class*="EquationEditorstyles__RadioButtonLabel"]').eq(2),
+    mathMLInputFieldArea: () => cy.get('.mathml-preview-wrapper [role="textbox"]'),
+    //Tools
+    toolBarWrapper: () => cy.get('.equation-editor-toolbar-wrapper'),
+    subBarWrapper: () => cy.get('.subtools-wrapper'),
+    toolButton: () => cy.get('.tool-wrapper'),
+    toolTitle: () => cy.get('.tool-title'),
+    nextButton: () => cy.get('.next-btn'),
+    previousButton: () => cy.get('.previous-btn'),
+    subToolButton: () => cy.get('.subtools-icon-wrapper'),
 }
 
 const steps = {
@@ -29,13 +45,165 @@ const steps = {
             .eq(0)
             .click();
     },
-}
 
-const tests = {
+    /**
+     * This function verified selected tool using the index
+     * @param {number} index of the tool
+     */
+    verifyToolSelected: (index) => {
+        ckEditorEquationEditorComponent.toolButton()
+            .eq(index)
+            .should('have.class', 'tool-wrapper-selected');
+    },
+
+    writeEquationUsingTools: () => {
+        ckEditorEquationEditorComponent.steps.selectTool(1);
+        ckEditorEquationEditorComponent.steps.selectSubTool(41);
+        ckEditorEquationEditorComponent.steps.selectTool(3);
+        ckEditorEquationEditorComponent.steps.selectSubTool(1);
+        ckEditorEquationEditorComponent.steps.clickOnNextButton();
+        ckEditorEquationEditorComponent.steps.selectTool(9);
+        ckEditorEquationEditorComponent.steps.selectSubTool(2);
+        ckEditorEquationEditorComponent.steps.clickOnPreviousButton();
+        ckEditorEquationEditorComponent.steps.selectTool(6);
+        ckEditorEquationEditorComponent.steps.selectSubTool(7);
+        ckEditorEquationEditorComponent.steps.selectTool(1);
+        ckEditorEquationEditorComponent.steps.selectSubTool(41);
+        ckEditorEquationEditorComponent.steps.selectSubTool(16);
+        ckEditorEquationEditorComponent.steps.selectSubTool(42);
+    },
+
+    /**
+     * This function verified the equation 
+     * @param {string} selector for the equation to be verified
+     * @param {string} text of the equation to be verified
+     */
+    verifyEquation: (selector, text) => {
+        selector
+            .should('have.text', text);
+        return null;
+    },
+
+    clickOnCancelButton: () => {
+        ckEditorEquationEditorComponent.cancelButton()
+            .click();
+    },
+
+    clickOnOkButton: () => {
+        ckEditorEquationEditorComponent.okButton()
+            .click();
+    },
+
+    /**
+     * Selects tools using index
+     * @param {number} index of the tool
+     */
+    selectTool: (index) => {
+        ckEditorEquationEditorComponent.toolButton()
+            .eq(index)
+            .click();
+    },
+
+    /**
+     * Selects subtools using index
+     * @param {number} index of the sub tool
+     */
+    selectSubTool: (index) => {
+        ckEditorEquationEditorComponent.subToolButton()
+            .eq(index)
+            .click();
+    },
+
+    clickOnNextButton: () => {
+        ckEditorEquationEditorComponent.nextButton()
+            .click();
+    },
+
+    clickOnPreviousButton: () => {
+        ckEditorEquationEditorComponent.previousButton()
+            .click();
+    },
+
+    clickOnEditorButton: () => {
+        ckEditorEquationEditorComponent.editorButton()
+            .click();
+    },
+
+    verifyEditorButtonChecked: () => {
+        ckEditorEquationEditorComponent.editorButton()
+            .should('be.checked');
+    },
+
+    clickOnLatexCodeButton: () => {
+        ckEditorEquationEditorComponent.latexCodeButton()
+            .click();
+    },
+
+    verifyLatexCodeButtonChecked: () => {
+        ckEditorEquationEditorComponent.latexCodeButton()
+            .should('be.checked');
+    },
+
+    clickOnMathMLButton: () => {
+        ckEditorEquationEditorComponent.mathMLButton()
+            .click();
+    },
+
+    verifyMathMLButtonChecked: () => {
+        ckEditorEquationEditorComponent.mathMLButton()
+            .should('be.checked');
+    },
+
+    clickOnChevronDownIcon: () => {
+        ckEditorEquationEditorComponent.chevronDownIcon()
+            .click();
+    },
+
+    /**
+     * Type in the equation editor input field
+     * @param {string} text to be typed in the input field
+     */
+    typeInEditorInputFieldArea: (text) => {
+        ckEditorEquationEditorComponent.editorInputFieldArea()
+            .click()
+            .type(text);
+    },
+
+    /**
+     * Type in the latex input field
+     * @param {string} text to be typed in the input field
+     */
+    typeInLatexInputFieldArea: (text) => {
+        ckEditorEquationEditorComponent.latexCodeInputFieldArea()
+            .click();
+        cy.get('.view-source-text-area')
+            .invoke('val', text);
+    },
+
+    /**
+     * Type in the mathML input field
+     * @param {string} text to be typed in the input field
+     */
+    typeInMathMLInputFieldArea: (text) => {
+        ckEditorEquationEditorComponent.mathMLInputFieldArea()
+            .click();
+        cy.wait(1000);
+        cy.get('.mathml-preview-wrapper [role="textbox"]')
+            .invoke('val', text);
+    },
+
+    /**
+     * @param {string} text The text to be typed into the ARIA label input field.
+     * @description This function types the specified text into the ARIA label input field within the CKEditor equation editor component.
+     */
+    typeInCustomizeARIALabelInputField: (text) => {
+        ckEditorEquationEditorComponent.customizeARIALabelInputField()
+            .click()
+            .type(text);
+    }
 }
 
 export const ckEditorEquationEditorComponent = {
     ...selectors,
-    steps,
-    tests
+    steps
 }