itemengine-cypress-automation 1.0.90 → 1.0.91

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

@@ -464,7 +464,7 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
             cy.log('Pre-step: Selecting \'Value is equivalent\' evaluation method');
             textEntryMathPage.steps.selectEvaluationMethod(evaluationMethods[1].name);
             utilities.verifyCSS(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.caseSensitive).find('[class*="MuiFormControlLabel-label"]'), {
-                'color': css.color.customSettingsCheckboxLabel,
+                'color': css.color.checkboxLabel,
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.regular,
             });

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -161,8 +161,8 @@ export const equationEditorCategoriesAndSymbols = {
             },
             sqrt: {
                 title: 'Square Root',
-                textElement: null,
-                ariaLabel: 'SquareRoot',
+                text: null,
+                ariaLabel: 'Sqrt',
                 displayText: null,
             },
             cubeRoot: {
@@ -1698,91 +1698,91 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             sin: {
                 title: 'sin',
-                textElement: 'sin',
+                textElement: null,
                 ariaLabel: 'Sine',
                 displayText: 'sin'
             },
             cos: {
                 title: 'cos',
-                textElement: 'cos',
+                textElement: null,
                 ariaLabel: 'CosineT',
                 displayText: 'cos'
             },
             tan: {
                 title: 'tan',
-                textElement: 'tan',
+                textElement: null,
                 ariaLabel: 'TangentT',
                 displayText: 'tan'
             },
             sec: {
                 title: 'sec',
-                textElement: 'sec',
+                textElement: null,
                 ariaLabel: 'Sec',
                 displayText: 'sec'
             },
             cosec: {
                 title: 'cosec',
-                textElement: 'cosec',
+                textElement: null,
                 ariaLabel: 'Cosec',
                 displayText: 'cosec'
             },
             cot: {
                 title: 'cot',
-                textElement: 'cot',
+                textElement: null,
                 ariaLabel: 'Cot',
                 displayText: 'cot'
             },
             sinInverse: {
                 title: 'sin inverse',
-                textElement: 'sin',
+                textElement: null,
                 ariaLabel: 'SinInverse',
                 displayText: 'sin−1'
             },
             cosInverse: {
                 title: 'cos inverse',
-                textElement: 'cos',
+                textElement: null,
                 ariaLabel: 'CosInverse',
                 displayText: 'cos−1'
             },
             TanInverse: {
                 title: 'tan inverse',
-                textElement: 'tan',
+                textElement: null,
                 ariaLabel: 'TanInverse',
                 displayText: 'tan−1'
             },
             secInverse: {
                 title: 'sec inverse',
-                textElement: 'sec',
+                textElement: null,
                 ariaLabel: 'SecInverse',
                 displayText: 'sec−1'
             },
             cosecInverse: {
                 title: 'cosec inverse',
-                textElement: 'csc',
+                textElement: null,
                 ariaLabel: 'CosecInverse',
                 displayText: 'csc−1'
             },
             cotInverse: {
                 title: 'cot inverse',
-                textElement: 'cot',
+                textElement: null,
                 ariaLabel: 'CotInverse',
                 displayText: 'cot−1'
             },
             arcsin: {
                 title: 'arcsin',
-                textElement: 'arcsin',
+                textElement: null,
                 ariaLabel: 'Arcsin',
                 displayText: 'arcsin'
             },
             arccos: {
                 title: 'arccos',
-                textElement: 'arccos',
+                textElement: null,
                 ariaLabel: 'Arccos',
                 displayText: 'arccos'
             },
             arctan: {
                 title: 'arctan',
-                textElement: 'arctan',
+                textElement: null,
                 ariaLabel: 'Arctan',
                 displayText: 'arctan'
             }
@@ -1794,187 +1794,187 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             gram: {
                 title: 'Gram',
-                textElement: 'g',
+                textElement: null,
                 ariaLabel: 'Gram',
                 displayText: 'g'
             },
             meter: {
                 title: 'Meter',
-                textElement: 'm',
+                textElement: null,
                 ariaLabel: 'Meter',
                 displayText: 'm'
             },
             litre: {
                 title: 'Litre',
-                textElement: 'L',
+                textElement: null,
                 ariaLabel: 'Litre',
                 displayText: 'L'
             },
             second: {
                 title: 'Second',
-                textElement: 's',
+                textElement: null,
                 ariaLabel: 'Second',
                 displayText: 's'
             },
             kilogram: {
                 title: 'Kilogram',
-                textElement: 'kg',
+                textElement: null,
                 ariaLabel: 'Kilogram',
                 displayText: 'kg'
             },
             centigram: {
                 title: 'Centigram',
-                textElement: 'cg',
+                textElement: null,
                 ariaLabel: 'Centigram',
                 displayText: 'cg'
             },
             milligram: {
                 title: 'Milligram',
-                textElement: 'mg',
+                textElement: null,
                 ariaLabel: 'Milligram',
                 displayText: 'mg'
             },
             microgram: {
                 title: 'Microgram',
-                textElement: 'μg',
+                textElement: null,
                 ariaLabel: 'Microgram',
                 displayText: 'µg'
             },
             nanogram: {
                 title: 'Nanogram',
-                textElement: 'ng',
+                textElement: null,
                 ariaLabel: 'Nanogram',
                 displayText: 'ng'
             },
             kilometer: {
                 title: 'Kilometer',
-                textElement: 'km',
+                textElement: null,
                 ariaLabel: 'Kilometer',
                 displayText: 'km'
             },
             centimeter: {
                 title: 'Centimeter',
-                textElement: 'cm',
+                textElement: null,
                 ariaLabel: 'Centimeter',
                 displayText: 'cm'
             },
             millimeter: {
                 title: 'Millimeter',
-                textElement: 'mm',
+                textElement: null,
                 ariaLabel: 'Millimeter',
                 displayText: 'mm'
             },
             micrometer: {
                 title: 'Micrometer',
-                textElement: 'μm',
+                textElement: null,
                 ariaLabel: 'Micrometer',
                 displayText: 'µm'
             },
             nanometer: {
                 title: 'Nanometer',
-                textElement: 'nm',
+                textElement: null,
                 ariaLabel: 'Nanometer',
                 displayText: 'nm'
             },
             millilitre: {
                 title: 'Millilitre',
-                textElement: 'mL',
+                textElement: null,
                 ariaLabel: 'Millilitre',
                 displayText: 'mL'
             },
             microlitre: {
                 title: 'Microlitre',
-                textElement: 'μL',
+                textElement: null,
                 ariaLabel: 'Microlitre',
                 displayText: 'µL'
             },
             kilosecond: {
                 title: 'Kilosecond',
-                textElement: 'ks',
+                textElement: null,
                 ariaLabel: 'Kilosecond',
                 displayText: 'ks'
             },
             centisecond: {
                 title: 'Centisecond',
-                textElement: 'cs',
+                textElement: null,
                 ariaLabel: 'Centisecond',
                 displayText: 'cs'
             },
             millisecond: {
                 title: 'Millisecond',
-                textElement: 'ms',
+                textElement: null,
                 ariaLabel: 'Millisecond',
                 displayText: 'ms'
             },
             microsecond: {
                 title: 'Microsecond',
-                textElement: 'μs',
+                textElement: null,
                 ariaLabel: 'Microsecond',
                 displayText: 'µs'
             },
             nanosecond: {
                 title: 'Nanosecond',
-                textElement: 'ns',
+                textElement: null,
                 ariaLabel: 'Nanosecond',
                 displayText: 'ns'
             },
             ounce: {
                 title: 'Ounce',
-                textElement: 'oz',
+                textElement: null,
                 ariaLabel: 'Ounce',
                 displayText: 'oz'
             },
             Pound: {
                 title: 'Pound',
-                textElement: 'lb',
+                textElement: null,
                 ariaLabel: 'Pound',
                 displayText: 'lb'
             },
             inch: {
                 title: 'Inch',
-                textElement: 'in',
+                textElement: null,
                 ariaLabel: 'Inch',
                 displayText: 'in'
             },
             foot: {
                 title: 'Foot',
-                textElement: 'ft',
+                textElement: null,
                 ariaLabel: 'Foot',
                 displayText: 'ft'
             },
             mile: {
                 title: 'Mile',
-                textElement: 'mi',
+                textElement: null,
                 ariaLabel: 'Mile',
                 displayText: 'mi'
             },
             fluidOunce: {
                 title: 'Fluid Ounce',
-                textElement: 'fl oz',
+                textElement: null,
                 ariaLabel: 'FluidOunce',
                 displayText: 'fl oz'
             },
             cup: {
                 title: 'Cup',
-                textElement: 'cup',
+                textElement: null,
                 ariaLabel: 'Cup',
                 displayText: 'cup'
             },
             pint: {
                 title: 'Pint',
-                textElement: 'pt',
+                textElement: null,
                 ariaLabel: 'Pint',
                 displayText: 'pt'
             },
             quart: {
                 title: 'Quart',
-                textElement: 'qt',
+                textElement: null,
                 ariaLabel: 'Quart',
                 displayText: 'qt'
             },
             gallon: {
                 title: 'Gallon',
-                textElement: 'gal',
+                textElement: null,
                 ariaLabel: 'Gallon',
                 displayText: 'gal'
             }
@@ -1986,7 +1986,7 @@ export const equationEditorCategoriesAndSymbols = {
         symbols: {
             limit: {
                 title: 'Limit x to',
-                textElement: 'lim',
+                textElement: null,
                 ariaLabel: 'LimitXTo',
                 displayText: 'limx→'
             },
@@ -1998,7 +1998,7 @@ export const equationEditorCategoriesAndSymbols = {
             },
             eulersNumber: {
                 title: 'Euler\'s number',
-                textElement: 'e',
+                textElement: null,
                 ariaLabel: 'EulersNumber',
                 displayText: 'e'
             },

package/cypress/fixtures/theme/ilc.json

@@ -106,7 +106,7 @@
         "unSelectedEvaluationMethodTitle": "rgb(82, 0, 255)",
         "evaluationMethodContainerBorder": "rgb(186, 201, 255)",
         "selectedEvaluationMethodContainerBg": "rgb(0, 0, 124)",
-        "customSettingsCheckboxLabel": "rgb(34, 34, 76)",
+        "checkboxLabel": "rgb(34, 34, 76)",
         "separatorsUnselectedOption": "rgb(68, 68, 97)"
     },
     "fontSize": {

package/cypress/pages/components/commonComponents.js

@@ -7,7 +7,7 @@ const selectors = {
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]'),
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
-    errorMessage: () => cy.get('.error-text-message'),
+    errorMessage: () => cy.get('[role="alert"].error-text-message'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
     dropdownList: () => cy.get('.dropdown-list'),
     dragHandleButton: () => cy.get('.dragicon-button'),

package/cypress/pages/components/desmosToolComponent.js

@@ -10,7 +10,7 @@ const selectors = {
     previewTabDesmosToolSidebar: () => cy.get('.dcg-sidebar'),
     previewTabDesmosToolSidebarButton: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`.dcg-sidebar [role="button"][aria-label*="${ariaLabel}"]`)
+            return cy.get(`.dcg-sidebar [role="button"][aria-label*="${ariaLabel}"]`).eq(0)
         } else {
             return cy.get('.dcg-sidebar [role="button"]')
         }

package/cypress/pages/components/equationEditorFlyout.js

@@ -18,7 +18,7 @@ const selectors = {
     categoryCharactersWrapper: () => cy.get('.subtools-container'),
     categoryCharacters: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`.subtools-icon-wrapper[tabindex="0"][aria-label="${ariaLabel}"]`)
+            return cy.get(`.subtools-icon-wrapper[tabindex="0"][aria-label*="${ariaLabel}"]`).eq(0)
         } else {
             return cy.get('.subtools-icon-wrapper[tabindex="0"]')
         }
@@ -31,7 +31,7 @@ const selectors = {
     inputFieldCursor: () => cy.get('.mq-hasCursor'),
     inputFieldFirstEmptyBox: () => cy.get('.mq-empty').eq(0),
     categoryTooltip: () => cy.get('.__react_component_tooltip'),
-    dialogBoxTitle: () => cy.get('[role="alertdialog"]')
+    dialogBoxTitle: () => cy.get('#alert-dialog-title')
 }
 
 const steps = {
@@ -107,15 +107,15 @@ const steps = {
      * @description Select category and enter the equations in equation editor input field
      * @param {Object[]} responses - An array of objects containing the categoryName and symbolName
      * @param {string} responses[].categoryName Name of the category
-     * @param {string} responses[].symbolName Name of the symbol from the selected category
+     * @param {string} responses[].symbolAriaLabel Aria-label of the symbol from the selected category
      */
     enterEquation: (responses) => {
-        responses.forEach(({ categoryName, symbolName }) => {
+        responses.forEach(({ categoryName, symbolAriaLabel }) => {
             equationEditorFlyout.categoryTab()
-                .contains(equationEditorCategoriesAndSymbols[categoryName].displayName, { matchCase: false })
+                .contains(categoryName, { matchCase: false })
                 .click();
-            symbolName.forEach((individualSymbol) => {
-                equationEditorFlyout.categoryCharacters(equationEditorCategoriesAndSymbols[categoryName].symbols[individualSymbol].ariaLabel)
+            symbolAriaLabel.forEach((individualSymbol) => {
+                equationEditorFlyout.categoryCharacters(individualSymbol)
                     .click();
             });
         });
@@ -157,6 +157,63 @@ const steps = {
             .type(text)
     },
 
+    verifyDefaultEquationEditorInputFieldWithCursor: () => {
+        equationEditorFlyout.previewInputField()
+            .verifyInnerText('')
+            .should('be.visible')
+            .and('have.class', 'mq-focused');
+    },
+
+    /**
+     * Verify category tiles displayed in equation editor flyout
+     * @param {string[]} equationCategoriesNameArray Array of names of categories in equation editor
+     */
+    verifyEquationEditorCategoryTiles: (equationCategoriesNameArray) => {
+        equationEditorFlyout.categoryTab()
+            .each(($el, index) => {
+                utilities.verifyInnerText(cy.wrap($el), equationCategoriesNameArray[index]);
+                cy.wrap($el)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTabIcon(), 'exist');
+                    });
+            });
+    },
+
+    /**
+     * Verify category not displayed in equation editor flyout
+     * @param {string[]} categoryName Name of category
+     */
+    verifyCategoryNotDisplayedInEquationEditor: (categoryName) => {
+        utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTab().contains(categoryName, { matchCase: false }), 'notExist');
+    },
+
+    /**
+    * Verify category is displayed in equation editor flyout
+    * @param {string[]} categoryName Name of category
+    */
+    verifyCategoryIsDisplayedInEquationEditor: (categoryName) => {
+        utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTab().contains(categoryName, { matchCase: false }), 'visible');
+    },
+
+    verifyCategoryTileSelectedInEquationEditor: (categoryName) => {
+        equationEditorFlyout.categoryTab(categoryName)
+            .should('have.class', 'selected-tool-content-color');
+    },
+
+    clickOnEquationEditorCancelButton: () => {
+        equationEditorFlyout.buttonCancel()
+            .click();
+    },
+
+    clickOnEquationEditorButtonNext: () => {
+        equationEditorFlyout.buttonNext()
+            .click();
+    },
+
+    clickOnEquationEditorButtonPrevious: () => {
+        equationEditorFlyout.buttonPrevious()
+            .click();
+    },
     ///Old
     addGenericEquationUsingEquationEditorToCKEditorInputField: () => {
         equationEditorFlyout.categoryTab(equationEditorCategoriesAndSymbols['basic'].displayName)
@@ -179,6 +236,60 @@ const steps = {
             .contains(constants.CKEditorEquationEditorPopupInputFieldEnteredEquationText);
         equationEditorFlyout.buttonOk()
             .click();
+    },
+
+    /**
+     * @description Select category and enter the equations in equation editor input field
+     * @param {Object[]} responses - An array of objects containing the categoryName and symbolName
+     * @param {string} responses[].categoryName Name of the category
+     * @param {string} responses[].symbolName Name of the symbol from the selected category
+     */
+    enterEquation: (responses) => {
+        responses.forEach(({ categoryName, symbolName }) => {
+            equationEditorFlyout.categoryTab()
+                .contains(equationEditorCategoriesAndSymbols[categoryName].displayName, { matchCase: false })
+                .click();
+            symbolName.forEach((individualSymbol) => {
+                equationEditorFlyout.categoryCharacters(equationEditorCategoriesAndSymbols[categoryName].symbols[individualSymbol].ariaLabel)
+                    .click();
+            });
+        });
+    },
+
+    /**
+     * @description type in the equation editor input field
+     * @param {string} text - text to be entered in the input field
+     */
+    enterTextInPreviewInputField: (text) => {
+        equationEditorFlyout.previewInputField()
+            .type(text);
+    },
+
+    clickOnOkButton: () => {
+        equationEditorFlyout.buttonOk()
+            .click();
+    },
+
+    /**
+     * @description type in the equation editor input field first empty box
+     * @param {string} text - text to be entered in the first empty box of field
+     */
+    enterTextInFirstEmptyBox: (textArray) => {
+        textArray.forEach((text) => {
+            equationEditorFlyout.inputFieldFirstEmptyBox()
+                .click()
+                .type(text)
+        });
+    },
+
+    /**
+     * @description type in the equation editor cursor input field
+     * @param {string} text - text to be entered at the cursor
+     */
+    enterTextAtInputFieldCursor: (text) => {
+        equationEditorFlyout.inputFieldCursor()
+            .click()
+            .type(text)
     }
 }
 

package/cypress/pages/components/essayResponseCommonComponents.js

@@ -48,6 +48,7 @@ const selectors = {
     //Preview tab
     responseField: () => cy.get('[title="Enter your response to the question here."]'),
     responseFieldWordCount: () => cy.get('[class*="InputLimitLabelWrapper"]'),
+    responseFieldEquation: () => cy.get('.cke_widget_element'),
 }
 
 const steps = {
@@ -155,7 +156,31 @@ const steps = {
             .should('be.checked');
     },
 
-    
+    /**
+     * verify response field equation text content
+     * @param {number} equationIndex index of equation
+     * @param {string} equationText equation text content
+     */
+    verifyResponseFieldEquationText: (equationIndex, equationText) => {
+        essayResponseCommonComponents.responseField()
+            .within(() => {
+                utilities.verifyTextContent(utilities.getNthElement(essayResponseCommonComponents.responseFieldEquation(), equationIndex), equationText)
+            });
+    },
+
+    /**
+     * Open response field equation container equation editor
+     * @param {string} equationText equation text content
+     * @param {number} equationIndex index of equation
+     */
+    openResponseFieldEquationContainerEquationEditor: (equationIndex) => {
+        essayResponseCommonComponents.responseField()
+            .within(() => {
+                utilities.getNthElement(essayResponseCommonComponents.responseFieldEquation(), equationIndex)
+                    .dblclick();
+            });
+    },
+
     ///OLD
 
     //TODO: need to improve this, we are passing two parameters here, only one should suffice

package/cypress/pages/components/figOverImageCanvasComponent.js

@@ -4,7 +4,7 @@ import { commonComponents } from "./commonComponents";
 import { createQuestionBasePage } from "./createQuestionBasePage";
 
 const selectors = {
-    insertResponseAreaButton: () => cy.get('button[aria-label*="insert"]').eq(0),
+    insertResponseAreaButton: () => cy.get('[class*="ControlsBtnWrapper"] button').eq(1),
     selectResponseAreaButton: () => cy.get('button[aria-label*="select"]').eq(0),
     insertTextAreaButton: () => cy.get('button[aria-label*="insert text"]').eq(0),
     canvas: () => cy.get('[class*="Canvasstyle__DragAndDropCanvas"]'),

package/cypress/pages/drawingResponsePage.js

@@ -237,7 +237,7 @@ const selectors = {
     //TODO: Student view: Need to remove once https://redmine.zeuslearning.com/issues/556302 is fixed
     studentAndGradingViewDrawingToolbarOption: (drawingOption = null) => {
         if (drawingOption) {
-            return cy.get(`.drawing-tool__button[aria-label = "${drawingOption}"]`).eq(0)
+            return cy.get(`.drawing-tool__button[aria-label*="${drawingOption}"]`).eq(0)
         } else {
             return cy.get('.drawing-tool__button')
         }