itemengine-cypress-automation 1.0.275-cssUpdates12Dec-bbaeace.0 → 1.0.275

package/cypress/pages/textEntryMathWithImagePage.js

@@ -1,4 +1,4 @@
-import { imageCanvasComponent, backgroundImageUploadComponent, questionInstructionsComponent, autoScoredScoringPreviewTab } from "./components"
+import { imageCanvasComponent, backgroundImageUploadComponent, questionInstructionsComponent, autoScoredScoringPreviewTab, connectorStyleStyleAndLayoutCustomizationComponent } from "./components"
 import { textEntryMathPage } from "./textEntryMathPage";
 import { dialogBoxBase } from "./dialogBoxBase";
 import utilities from "../support/helpers/utilities";
@@ -9,7 +9,7 @@ const selectors = {
     ...imageCanvasComponent,
     ...textEntryMathPage,
     ...dialogBoxBase,
-
+    ...connectorStyleStyleAndLayoutCustomizationComponent,
     addBackgroundButton: () => cy.get('[data-ngie-testid="add-background-tab"]'),
     responseFieldPreviewTab: () => cy.get('.cloze-math-background-preview .equation-input-without-andornment .mq-root-block'),
     canvasInPreviewTab: () => cy.get('[class*="PreviewTabstyles__ContentWrapper"] .image-container'),
@@ -17,7 +17,18 @@ const selectors = {
     tickIcon: () => cy.get('.add-background-tick-icon-wrapper [data-name*="Rectangle"]'),
     responseFieldWrapperPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="__PointerWrapper"]'),
     pointerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="_PointerDiv"]'),
-    responseFieldNumerationPreviewTab: () => cy.get('.image-container .response-input-adornment')
+    responseFieldNumerationPreviewTab: () => cy.get('.image-container .response-input-adornment'),
+    cancelButton: () => cy.get('[data-testid*="reject-button"]'),
+    setHeightAndWidthForAllTextContainersLabel: () => cy.get('.set-textContainer-dimensions-checkbox label'),
+    setHeightAndWidthForAllTextContainersCheckbox: () => cy.get('.set-textContainer-dimensions-checkbox .ngie-checkbox'),
+    heightLabel: () => cy.get('[aria-labelledby="Height (px)"]'),
+    widthLabel: () => cy.get('[aria-labelledby="Width (px)"]'),
+    heightInputField: () => cy.get('.MuiInputBase-input[aria-label="Height (px)"]'),
+    widthInputField: () => cy.get('.MuiInputBase-input[aria-label="Width (px)"]'),
+    textContainerEditTab: () => cy.get('.canvas-dropzone'),
+    textContainerPreviewTab: () => cy.get('.equation-input-component'),
+    textContainerConnectorStyleLabel: () => cy.get('.set-text-connector-style .textContainer-label'),
+    responseAreaNew: () => cy.get('.canvas-dropzone')
 }
 
 const steps = {
@@ -25,7 +36,7 @@ const steps = {
     ...imageCanvasComponent.steps,
     ...questionInstructionsComponent.steps,
     ...textEntryMathPage.steps,
-
+    ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
     addBackground: () => {
         textEntryMathWithImagePage.addBackgroundButton()
             .click();
@@ -195,13 +206,130 @@ const steps = {
                     .should('have.text', `${index + 1}`)
             });
     },
+
+    clickOnCancelButton: () => {
+        textEntryMathWithImagePage.cancelButton()
+            .click();
+    },
+
+    verifyCheckboxIsCheckedForSetHeightAndWidth: () => {
+        textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersCheckbox()
+            .should('have.class', 'Mui-checked')
+    },
+
+    verifyCheckboxIsUncheckedForSetHeightAndWidth: () => {
+        textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersCheckbox()
+            .should('have.class', 'icon-checkbox-deselected')
+    },
+
+    checkSetHeightAndWidth: () => {
+        textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersCheckbox()
+            .click();
+    },
+
+    /**
+      * This function verifies the height of textContainer
+      * @param {number} index of the textContainer
+      * @param {string} height of the textContainer
+      */
+    verifyHeightOfTextContainerInEditTab: (index, height) => {
+        utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.textContainerEditTab(), index), {
+            'height': height
+        });
+    },
+
+    /**
+      * This function verifies the width of textContainer
+      * @param {number} index of the textContainer
+      * @param {string} width of the textContainer
+      */
+    verifyWidthOfTextContainerInEditTab: (index, width) => {
+        utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.textContainerEditTab(), index), {
+            'width': width
+        });
+    },
+
+    /**
+      * This function verifies the width of textContainer
+      * @param {number} index of the textContainer
+      * @param {string} width of the textContainer
+      */
+    verifyWidthOfTextContainerInPreviewTab: (index, width) => {
+        utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.textContainerPreviewTab(), index), {
+            'width': width
+        });
+    },
+
+    /**
+      * This function verifies the height of textContainer
+      * @param {number} index of the textContainer
+      * @param {string} height of the textContainer
+      */
+    verifyHeightOfTextContainerInPreviewTab: (index, height) => {
+        utilities.verifyCSS(utilities.getNthElement(textEntryMathWithImagePage.textContainerPreviewTab(), index), {
+            'height': height
+        });
+    },
+
+    /**
+     *@description this function insert value in height Input field
+     *@param {number} value of input field
+     */
+    enterValueInHeightInputField: (value) => {
+        textEntryMathWithImagePage.heightInputField()
+            .click()
+            .type(value)
+            .blur()
+    },
+
+    /**
+     *@description this function insert value in width Input field
+     *@param {number} value of input field
+     */
+    enterValueInWidthInputField: (value) => {
+        textEntryMathWithImagePage.widthInputField()
+            .click()
+            .type(value)
+            .blur()
+    },
+
+    clearWidthInputField: () => {
+        textEntryMathWithImagePage.widthInputField()
+            .clear()
+            .blur()
+    },
+
+    clearHeightInputField: () => {
+        textEntryMathWithImagePage.heightInputField()
+            .clear()
+            .blur()
+    },
+
+    /**
+     *@description this function verify the value of height input Field
+     *@param {string} value of input field
+     */
+    verifyHeightInputFieldValue: (value) => {
+        textEntryMathWithImagePage.heightInputField()
+            .should('have.value', value)
+    },
+
+    /**
+     *@description this function verify the value of width input Field
+     *@param {string} value of input field
+     */
+    verifyWidthInputFieldValue: (value) => {
+        textEntryMathWithImagePage.widthInputField()
+            .should('have.value', value)
+    }
 }
 
 const tests = {
     ...backgroundImageUploadComponent.tests,
     ...imageCanvasComponent.tests,
     ...questionInstructionsComponent.tests,
-    ...autoScoredScoringPreviewTab.tests
+    ...autoScoredScoringPreviewTab.tests,
+    ...textEntryMathPage.tests,
 }
 
 export const textEntryMathWithImagePage = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.275-cssUpdates12Dec-bbaeace.0",
+  "version": "1.0.275",
   "description": "",
   "main": "index.js",
   "scripts": {