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

package/cypress/pages/simpleCalculatorPage.js

@@ -0,0 +1,310 @@
+import utilities from "../support/helpers/utilities";
+import { createQuestionBasePage } from "./components/";
+
+const selectors = {
+    calculatorWrapper: () => cy.get('[class*="SimpleCalculatorComponentWrapper"]'),
+    calculatorDisplay: () => cy.get('.calculator-screen-wrapper'),
+    calculatorDisplayEquation: () => cy.get('.calculator-result-wrapper'),
+    checkHistoryButton: () => cy.get('[role="button"][aria-label*="history"]'),
+    undoButton: () => cy.get('[role="button"][aria-label*="undo action"]'),
+    redoButton: () => cy.get('[role="button"][aria-label*="redo action"]'),
+    allClearButton: () => cy.get('[role="button"][aria-label*="All clear"]'),
+    deleteButton: () => cy.get('[role="button"][aria-label*="Delete"]'),
+    divisionButton: () => cy.get('[role="button"][aria-label*="Divide"]'),
+    additionButton: () => cy.get('[role="button"][aria-label*="Add"]'),
+    multiplicationButton: () => cy.get('[role="button"][aria-label*="Multiply"]'),
+    subtractionButton: () => cy.get('[role="button"][aria-label*="Subtract"]'),
+    leftArrowButton: () => cy.get('[role="button"][aria-label*="Move cursor left"]'),
+    rightArrowButton: () => cy.get('[role="button"][aria-label*="Move cursor right"]'),
+    equalToButton: () => cy.get('[role="button"][aria-label*="Equal"]'),
+    leftParenthesesButton: () => cy.get('[role="button"][aria-label*="Left Bracket"]'),
+    rightParenthesesButton: () => cy.get('[role="button"][aria-label*="Right Bracket"]'),
+    piButton: () => cy.get('[role="button"][aria-label*="Pi"]'),
+    squareButton: () => cy.get('[role="button"][aria-label*="Square"]'),
+    reciprocalButton: () => cy.get('[role="button"][aria-label*="Reciprocal"]'),
+    percentageButton: () => cy.get('[role="button"][aria-label*="Percent"]'),
+    squareRootButton: () => cy.get('[role="button"][aria-label*="Root"]'),
+    exponentButton: () => cy.get('[role="button"][aria-label*="Exponent"]'),
+    signChangeButton: () => cy.get('[role="button"][aria-label*="Sign change"]'),
+    decimalButton: () => cy.get('[role="button"][aria-label*="Decimal"]'),
+    zeroButton: () => cy.get('[role="button"][aria-label*="0 Digit"]'),
+    oneButton: () => cy.get('[role="button"][aria-label*="1 Digit"]'),
+    twoButton: () => cy.get('[role="button"][aria-label*="2 Digit"]'),
+    threeButton: () => cy.get('[role="button"][aria-label*="3 Digit"]'),
+    fourButton: () => cy.get('[role="button"][aria-label*="4 Digit"]'),
+    fiveButton: () => cy.get('[role="button"][aria-label*="5 Digit"]'),
+    sixButton: () => cy.get('[role="button"][aria-label*="6 Digit"]'),
+    sevenButton: () => cy.get('[role="button"][aria-label*="7 Digit"]'),
+    eightButton: () => cy.get('[role="button"][aria-label*="8 Digit"]'),
+    nineButton: () => cy.get('[role="button"][aria-label*="9 Digit"]'),
+    calculatorDragHandleButton: () => cy.get('[class*="SimpleCalculatorComponentstyles__DragHandleWrapper"]'),
+    calculatorHistoryPanel: () => cy.get('.large-history-wrapper'),
+    historyPanelEquation: () => cy.get('.large-history-wrapper [class*="HistoryResult"]'),
+    historyPanelResult: () => cy.get('.large-history-wrapper [class*="HistoryScreen"]'),
+    customizeCalculatorSettingsHistoryButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="History button"]'),
+    customizeCalculatorSettingsUndoRedoButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Undo/Redo button"]'),
+    customizeCalculatorSettingsParenthesesButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Parentheses button"]'),
+    customizeCalculatorSettingsPiButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Pi button"]'),
+    customizeCalculatorSettingsSquareButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Square button"]'),
+    customizeCalculatorSettingsReciprocalButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Reciprocal button"]'),
+    customizeCalculatorSettingsPercentageButton: () => cy.get('[class*="SimpleCalculatorstyles__ButtonsWrapper"] [aria-label*="Percentage button"]'),
+    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"]'),
+}
+
+const steps = {
+    ...createQuestionBasePage.steps,
+    /**
+     * @description Verifies the displayed result value on the calculator.
+     * @param {string} value - The expected value to verify against.
+     */
+    verifyCalculatorDisplayResultValue: (value) => {
+        utilities.verifyTextContent(simpleCalculatorPage.calculatorDisplay(), value);
+    },
+
+    /**
+     * @description Verifies the displayed input equation value on the calculator.
+     * @param {string} value - The expected value to verify against.
+     */
+    verifyCalculatorDisplayInputEquationValue: (value) => {
+        utilities.verifyTextContent(simpleCalculatorPage.calculatorDisplayEquation(), value);
+    },
+
+    verifyUndoButtonDisabled: () => {
+        simpleCalculatorPage.undoButton()
+            .should('have.class', 'disable');
+    },
+
+    verifyRedoButtonDisabled: () => {
+        simpleCalculatorPage.redoButton()
+            .should('have.class', 'disable');
+    },
+
+    verifyUndoButtonEnabled: () => {
+        simpleCalculatorPage.undoButton()
+            .should('not.have.class', 'disable');
+    },
+
+    verifyRedoButtonEnabled: () => {
+        simpleCalculatorPage.redoButton()
+            .should('not.have.class', 'disable');
+    },
+
+    /**
+     * @description Clicks on a button in the calculator.
+     * @param {string} button - The button to click. Options: ('all clear', 'delete', 'division', 'addition', 'multiplication', 'subtraction', 'left arrow', 'right arrow', 'equal to', 'left parenthesis', 'right parenthesis', 'pi', 'square', 'reciprocal', 'percentage', 'square root', 'exponent', 'sign change', 'decimal', 'zero', 'one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'undo', 'redo')
+     */
+    clickOnACalculatorButton: (button) => {
+        switch (button) {
+            case 'all clear':
+                simpleCalculatorPage.allClearButton()
+                    .click();
+                break;
+            case 'delete':
+                simpleCalculatorPage.deleteButton()
+                    .click();
+                break;
+            case 'division':
+                simpleCalculatorPage.divisionButton()
+                    .click();
+                break;
+            case 'addition':
+                simpleCalculatorPage.additionButton()
+                    .click();
+                break;
+            case 'multiplication':
+                simpleCalculatorPage.multiplicationButton()
+                    .click();
+                break;
+            case 'subtraction':
+                simpleCalculatorPage.subtractionButton()
+                    .click();
+                break;
+            case 'left arrow':
+                simpleCalculatorPage.leftArrowButton()
+                    .click();
+                break;
+            case 'right arrow':
+                simpleCalculatorPage.rightArrowButton()
+                    .click();
+                break;
+            case 'equal to':
+                simpleCalculatorPage.equalToButton()
+                    .click();
+                break;
+            case 'left parenthesis':
+                simpleCalculatorPage.leftParenthesesButton()
+                    .click();
+                break;
+            case 'right parenthesis':
+                simpleCalculatorPage.rightParenthesesButton()
+                    .click();
+                break;
+            case 'pi':
+                simpleCalculatorPage.piButton()
+                    .click();
+                break;
+            case 'square':
+                simpleCalculatorPage.squareButton()
+                    .click();
+                break;
+            case 'reciprocal':
+                simpleCalculatorPage.reciprocalButton()
+                    .click();
+                break;
+            case 'percentage':
+                simpleCalculatorPage.percentageButton()
+                    .click();
+                break;
+            case 'square root':
+                simpleCalculatorPage.squareRootButton()
+                    .click();
+                break;
+            case 'exponent':
+                simpleCalculatorPage.exponentButton()
+                    .click();
+                break;
+            case 'sign change':
+                simpleCalculatorPage.signChangeButton()
+                    .click();
+                break;
+            case 'decimal':
+                simpleCalculatorPage.decimalButton()
+                    .click();
+                break;
+            case 'zero':
+                simpleCalculatorPage.zeroButton()
+                    .click();
+                break;
+            case 'one':
+                simpleCalculatorPage.oneButton()
+                    .click();
+                break;
+            case 'two':
+                simpleCalculatorPage.twoButton()
+                    .click();
+                break;
+            case 'three':
+                simpleCalculatorPage.threeButton()
+                    .click();
+                break;
+            case 'four':
+                simpleCalculatorPage.fourButton()
+                    .click();
+                break;
+            case 'five':
+                simpleCalculatorPage.fiveButton()
+                    .click();
+                break;
+            case 'six':
+                simpleCalculatorPage.sixButton()
+                    .click();
+                break;
+            case 'seven':
+                simpleCalculatorPage.sevenButton()
+                    .click();
+                break;
+            case 'eight':
+                simpleCalculatorPage.eightButton()
+                    .click();
+                break;
+            case 'nine':
+                simpleCalculatorPage.nineButton().
+                    click();
+                break;
+            case 'undo':
+                simpleCalculatorPage.undoButton().
+                    click();
+                break;
+            case 'redo':
+                simpleCalculatorPage.redoButton().
+                    click();
+                break;
+            default:
+                throw new Error(`Invalid button: ${button}`);
+        }
+    },
+
+    resetCalculator: () => {
+        simpleCalculatorPage.steps.clickOnACalculatorButton('all clear');
+    },
+
+    selectCheckHistoryButton: () => {
+        simpleCalculatorPage.checkHistoryButton()
+            .click()
+            .should('have.class', 'active');
+    },
+
+    unselectCheckHistoryButton: () => {
+        simpleCalculatorPage.checkHistoryButton()
+            .click()
+            .should('not.have.class', 'active');
+    },
+
+    /**
+     * Verifies the calculator history at a specific index.
+     * @param {number} index - The index of the history entry to verify.
+     * @param {string} equation - The expected equation displayed in the history.
+     * @param {string} result - The expected result displayed in the history.
+     */
+    verifyCalculatorHistory: (index, equation, result) => {
+        utilities.verifyInnerText(utilities.getNthElement(simpleCalculatorPage.historyPanelEquation(), index), equation);
+        utilities.verifyInnerText(utilities.getNthElement(simpleCalculatorPage.historyPanelResult(), index), result);
+    },
+
+    selectCustomizeCalculatorSettingsHistoryButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsHistoryButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsUndoRedoButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsUndoRedoButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsParenthesesButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsParenthesesButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsPiButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsPiButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsSquareButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSquareButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsReciprocalButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsReciprocalButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsPercentageButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsPercentageButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsSquareRootButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSquareRootButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsExponentButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsExponentButton()
+            .click();
+    },
+
+    selectCustomizeCalculatorSettingsSignChangeButton: () => {
+        simpleCalculatorPage.customizeCalculatorSettingsSignChangeButton()
+            .click();
+    },
+}
+
+export const simpleCalculatorPage = {
+    ...selectors,
+    steps
+}