itemengine-cypress-automation 1.0.105 → 1.0.107

package/cypress/pages/components/editCategoryFlyout.js

@@ -18,8 +18,8 @@ const selectors = {
     characterTickIcon: () => cy.get('.tick-icon-wrapper'),
     buttonReset: () => cy.get('.reset-btn-equation-editor'),
     resetIcon: () => cy.get('.reset-btn-icon-wrapper svg'),
-    buttonSave: () => cy.get('.action-btn-wrapper button').eq(0),
-    buttonCancel: () => cy.get('.action-btn-wrapper button').eq(1)
+    buttonSave: () => cy.get('button.action-button').eq(0),
+    buttonCancel: () => cy.get('button.action-button').eq(1)
 }
 
 const steps = {
@@ -31,6 +31,168 @@ const steps = {
                 essayResponsePage.equationEditorSectionCategoriesEditIcon()
                     .click();
             });
+    },
+
+    selectAllCategoryCharacters: () => {
+        editCategoryFlyout.categoryCharacters()
+            .each(($el) => {
+                cy.wrap($el)
+                    .click()
+                    .should('have.class', 'Mui-selected');
+            });
+    },
+
+    verifyAllCategoryCharactersSelected: () => {
+        editCategoryFlyout.categoryCharacters()
+            .each(($el) => {
+                cy.wrap($el)
+                    .should('have.class', 'Mui-selected');
+            });
+    },
+
+    /**
+     * @description this function selects category characters
+     * @param {string} characterAriaLabel aria-label of character 
+     */
+    selectCategoryCharacters: (characterAriaLabel) => {
+        editCategoryFlyout.categoryCharacters()
+            .contains('[aria-label]', `${characterAriaLabel}`)
+            .click();
+    },
+
+    /**
+     * @description this function selects category characters
+     * @param {number} index of character 
+     */
+    selectCategoryCharactersUsingIndex: (index) => {
+        editCategoryFlyout.categoryCharacters()
+            .eq(index)
+            .should('have.class', 'Mui-selected');
+    },
+
+    deselectAllCategoryCharacters: () => {
+        editCategoryFlyout.categoryCharacters()
+            .each(($el) => {
+                cy.wrap($el)
+                    .click();
+            });
+    },
+
+    /**
+     * @description this function deselects category characters
+     * @param {string} characterAriaLabel aria-label of character 
+     */
+    deselectCategoryCharacters: (characterAriaLabel) => {
+        editCategoryFlyout.categoryCharacters()
+            .contains('[aria-label]', `${characterAriaLabel}`, { matchCase: false })
+            .click();
+        editCategoryFlyout.categoryCharacters()
+            .contains('[aria-label]', `${characterAriaLabel}`, { matchCase: false })
+            .should('not.have.class', 'Mui-selected');
+    },
+
+    verifyAllCategoryCharactersNotSelected: () => {
+        editCategoryFlyout.categoryCharacters()
+            .each(($el) => {
+                cy.wrap($el)
+                    .should('not.have.class', 'Mui-selected');
+            });
+    },
+
+    /**
+     * @description this verifies de selected category characters
+     * @param {string} characterAriaLabel aria-label of character 
+     */
+    verifyCategoryCharacterNotSelected: (characterAriaLabel) => {
+        editCategoryFlyout.categoryCharacters()
+            .contains('[aria-label]', `${characterAriaLabel}`, { matchCase: false })
+            .should('not.have.class', 'Mui-selected');
+    },
+
+    clickOnCancelButton: () => {
+        editCategoryFlyout.buttonCancel()
+            .click();
+    },
+
+    clickOnSaveButton: () => {
+        editCategoryFlyout.buttonSave()
+            .click();
+    },
+
+    verifyCategoryCheckboxIsChecked: () => {
+        editCategoryFlyout.categoryCheckbox()
+            .should('be.checked');
+    },
+
+    verifyCategoryCheckboxIsUnchecked: () => {
+        editCategoryFlyout.categoryCheckbox()
+            .should('not.be.checked');
+    },
+
+    checkCategoryCheckbox: () => {
+        editCategoryFlyout.categoryCheckbox()
+            .click()
+            .should('be.checked');
+    },
+
+    uncheckCategoryCheckbox: () => {
+        editCategoryFlyout.categoryCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
+    verifyCategoryCheckboxIsPartiallyChecked: () => {
+        editCategoryFlyout.categoryCheckbox()
+            .should('have.attr', 'data-indeterminate', 'true');
+    },
+
+    reset: () => {
+        editCategoryFlyout.buttonReset()
+            .click();
+    },
+
+    /**
+    * @description this function verifies the aria label of category characters along with its selected state
+    * @param {string[]} symbolsArray array of aria label of category characters
+    */
+    verifyCategoryCharactersAndSelectedState: (arrayOfSymbolsAriaLabel) => {
+        editCategoryFlyout.categoryCharacters()
+            .then(($symbols) => {
+                for (let index = 0; index < $symbols.length - 1; index++) {
+                    editCategoryFlyout.categoryCharacters()
+                        .eq(index)
+                        .should('have.class', 'Mui-selected')
+                        .invoke('attr', 'aria-label')
+                        .then((ariaLabel) => {
+                            const expectedValue = `${arrayOfSymbolsAriaLabel[index + 1].ariaLabel} selected`;
+                            expect(ariaLabel.toLowerCase()).to.equal(expectedValue.toLowerCase())
+                        });
+                }
+            });
+    },
+
+    /**
+     * @description this function verifies the drag icon of category characters along with its title and text element
+     * @param {string[]} symbolsArray array of aria label of category characters
+     */
+    verifyCategoryCharactersDragIconAndTitle: (symbolsArray) => {
+        editCategoryFlyout.categoryCharacters()
+            .each(($el, index) => {
+                cy.wrap($el)
+                    .within(() => {
+                        editCategoryFlyout.characterDragIcon()
+                            .should('be.visible')
+                        editCategoryFlyout.characterTickIcon()
+                            .should('not.have.attr', 'aria-checked', 'false');
+                    })
+                cy.wrap($el)
+                    .find('title')
+                    .should('have.text', symbolsArray[index].title);
+                if (symbolsArray[index].textElement) {
+                    cy.wrap($el)
+                        .verifyInnerText(symbolsArray[index].textElement)
+                }
+            });
     }
 }
 

package/cypress/pages/components/equationEditorFlyout.js

@@ -103,6 +103,19 @@ const steps = {
         utilities.verifyElementCount(equationEditorFlyout.categoryCharacters(), symbolsArray.length);
     },
 
+    /**
+     * @description this function verifies equation editor category characters without first character
+     * @param {string[]} symbolsArray aria-label of characters 
+     */
+    verifyEquationEditorCharacterWithoutFirstCharacter: (symbolsArray) => {
+        equationEditorFlyout.categoryCharacters()
+            .each(($el, index) => {
+                cy.wrap($el)
+                    .should('have.attr', 'aria-label')
+                    .and('include', symbolsArray[index + 1].ariaLabel);
+            });
+    },
+
     /**
      * @description Select category and enter the equations in equation editor input field
      * @param {Object[]} responses - An array of objects containing the categoryName and symbolName
@@ -290,6 +303,28 @@ const steps = {
         equationEditorFlyout.inputFieldCursor()
             .click()
             .type(text)
+    },
+
+    /**
+     * @description selects the character from equation editor
+     * @param {string} characterAriaLabel aria label of character
+     */
+    selectCategoryCharacters: (characterAriaLabel) => {
+        equationEditorFlyout.categoryCharacters(characterAriaLabel)
+            .click();
+    },
+
+    selectAllCategories: () => {
+        equationEditorFlyout.steps.selectCategoryCharacters()
+            .each(($el) => {
+                cy.wrap($el)
+                    .click();
+            });
+    },
+
+    focusInPreviewInputField: () => {
+        equationEditorFlyout.previewInputField()
+            .click();
     }
 }
 
@@ -349,7 +384,7 @@ const tests = {
                         .invoke('attr', 'aria-label')
                         .then((ariaLabel) => {
                             const expectedValue = symbolsArray[index].ariaLabel;
-                            expect(ariaLabel.trim().toLowerCase()).to.equal(expectedValue.toLowerCase());
+                            expect(ariaLabel.trim().toLowerCase()).to.include(expectedValue.toLowerCase());
                             cy.wrap($el)
                                 .find('title')
                                 .should('have.text', symbolsArray[index].title);

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -181,8 +181,6 @@ const steps = {
             });
     },
 
-    ///OLD
-
     //TODO: need to improve this, we are passing two parameters here, only one should suffice
     openAndSelectOptionFromDisplayWordLimitDropdown: (optionIndex, optionName) => {
         essayResponseCommonComponents.displayWordLimitDropdown()