itemengine-cypress-automation 1.0.131-updateILCrepo6March-02c78d1.0 → 1.0.132

package/cypress/pages/simpleCalculatorPage.js

@@ -1,7 +1,8 @@
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage } from "./components/";
+import { createQuestionBasePage, toolVisibilityComponent } from "./components/";
 
 const selectors = {
+    ...toolVisibilityComponent,
     calculatorWrapper: () => cy.get('[class*="SimpleCalculatorComponentWrapper"]'),
     calculatorDisplay: () => cy.get('.calculator-screen-wrapper'),
     calculatorDisplayEquation: () => cy.get('.calculator-result-wrapper'),
@@ -51,10 +52,19 @@ const selectors = {
     customizeCalculatorSettingsSquareRootButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Square root button"]'),
     customizeCalculatorSettingsExponentButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Exponent button"]'),
     customizeCalculatorSettingsSignChangeButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Sign change button"]'),
+    customizeCalculatorSettingsLabel: () => cy.get('.calculator-custom-setting-wrapper'),
+    customizeCalculatorSettingsButtonLabel: () => cy.get('.calculator-button-label'),
+    tickIcon: () => cy.get('[data-name="Icon feather-check"]'),
+    calculatorVisibilityLabel: () => cy.get('.calculator-visibility-label-wrapper'),
+    calculatorVisibilityButton: () => cy.get('.calculator-button'),
+    visibleIcon: () => cy.get('.calculator-button g'),
+    hideIcon: () => cy.get('.calculator-button #Hide_cell'),
+    closeCalculatorButton: () => cy.get('[role="button"][aria-label="close calculator"]')
 }
 
 const steps = {
     ...createQuestionBasePage.steps,
+    ...toolVisibilityComponent.steps,
     /**
      * @description Verifies the displayed result value on the calculator.
      * @param {string} value - The expected value to verify against.
@@ -255,53 +265,173 @@ const steps = {
 
     selectCustomizeCalculatorSettingsHistoryButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsHistoryButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsUndoRedoButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsUndoRedoButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsParenthesesButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsParenthesesButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsPiButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsPiButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsSquareButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsSquareButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsReciprocalButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsReciprocalButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsPercentageButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsPercentageButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsSquareRootButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsSquareRootButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
+    },
+
+    deselectCustomizeCalculatorSettingsSquareRootButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSquareRootButton()
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'notExist');
+            });
     },
 
     selectCustomizeCalculatorSettingsExponentButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsExponentButton()
-            .click();
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
     },
 
     selectCustomizeCalculatorSettingsSignChangeButton: () => {
         simpleCalculatorPage.customizeCalculatorSettingsSignChangeButton()
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
+    },
+
+    deselectCustomizeCalculatorSettingsSignChangeButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSignChangeButton()
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'notExist');
+            });
+    },
+
+    verifyCustomizeCalculatorSettingsHistoryButtonSelectedState: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsHistoryButton()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
+    },
+
+    verifyCustomizeCalculatorSettingsUndoRedoButtonSelectedState: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsUndoRedoButton()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
+    },
+
+    verifyCustomizeCalculatorSettingsParenthesesButtonSelectedState: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsParenthesesButton()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'visible');
+            });
+    },
+
+    verifyCustomizeCalculatorSettingsSignChangeButtonDeselectedState: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSignChangeButton()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'notExist');
+            });
+    },
+
+    verifyCustomizeCalculatorSettingsSquareRootButtonDeselectedState: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSquareRootButton()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'notExist');
+            });
+    },
+
+    deselectCustomizeCalculatorSettingsHistoryButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsHistoryButton()
+            .click()
+            .within(() => {
+                utilities.verifyElementVisibilityState(simpleCalculatorPage.tickIcon(), 'notExist');
+            });
+    },
+
+    /**
+     * @param {("Show"|"Hide")} visibility denotes the visibility on visibility button in preview tab
+     * @description function verifies the visibility button and its icon in preview tab
+     */
+    verifyCalculatorVisibilityButtonLabel: (visibility) => {
+        utilities.verifyInnerText(simpleCalculatorPage.calculatorVisibilityButton(), `${visibility} calculator`);
+        if (visibility == 'Hide') {
+            utilities.verifyElementVisibilityState(simpleCalculatorPage.hideIcon(), 'visible');
+        } else {
+            utilities.verifyElementVisibilityState(simpleCalculatorPage.visibleIcon(), 'visible');
+        }
+    },
+
+    verifyCalculatorNotExists: () => {
+        utilities.verifyElementVisibilityState(simpleCalculatorPage.calculatorWrapper(), 'notExist');
+    },
+
+    verifyCalculatorIsVisible: () => {
+        utilities.verifyElementVisibilityState(simpleCalculatorPage.calculatorWrapper(), 'visible');
+    },
+
+    clickOnCalculatorVisibilityButton: () => {
+        simpleCalculatorPage.calculatorVisibilityButton()
             .click();
     },
+
+    clickOnCloseCalculatorButton: () => {
+        simpleCalculatorPage.closeCalculatorButton()
+            .click();
+    }
 }
 
 export const simpleCalculatorPage = {

package/cypress/pages/textEntryMathPage.js

@@ -18,7 +18,7 @@ const selectors = {
     //Response accordion
     responseAccordion: () => cy.get('.response-accordion [class*="ResponseAccordionstyles__ResponsePanel"]'),
     responseAccordionLabel: () => cy.get('[class*="ResponseAccordionstyles__Label"]'),
-    responseAccordionAnswerInputField: () => cy.get('[title*="Enter answer"]'),
+    responseAccordionAnswerInputField: () => cy.get('.equation-input-component .mq-editable-field'),
     responseAccordionPointsWrapper: () => cy.get('[class*="ResponseAccordionstyles__PointsDiv"]'),
     responseAccordionPointsLabel: () => cy.get('[class*="ResponseAccordionstyles__PointsLabel"]'),
     responseAccordionPointsScore: () => cy.get('[class*="ResponseAccordionstyles__Points-"]'),
@@ -40,7 +40,7 @@ const selectors = {
     answersLabel: () => cy.get('[class*="ResponseEvaluationstyles__AnswersWrapper"] .options-label'),
     responseAccordionAddAlternateButton: () => cy.get('[class*="ResponseEvaluationstyles__AnswersWrapper"] .add-option-wrapper-cls button'),
     answerInputFieldWrapper: () => cy.get('.cloze-math-answer-option-input'),
-    answersInputField: () => cy.get('[title*="Enter answer"]'),
+    answersInputField: () => cy.get('.equation-input-component .mq-editable-field'),
     answersInputFieldDeleteButton: () => cy.get('.option-delete-button-wrapper'),
     answersInputFieldNumeration: () => cy.get('[class*="SingleOptionstyle__AdornmentDiv"]'),
 
@@ -202,6 +202,7 @@ const steps = {
     addInputToResponseAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex, input) => {
         utilities.getNthElement(textEntryMathPage.responseAccordionAnswerInputField(), answerFieldIndex)
             .type(`${input}`);
+        equationEditorFlyout.steps.clickOnOkButton();
         utilities.verifyInnerText(utilities.getNthElement(textEntryMathPage.responseAccordionAnswerInputField(), answerFieldIndex), `${input}`);
     },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.131-updateILCrepo6March-02c78d1.0",
+  "version": "1.0.132",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,4 +35,4 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0"
   }
-}
+}