itemengine-cypress-automation 1.0.201-28thMayRepoUpdate-e720349.0 → 1.0.201

package/cypress/pages/numberLinePage.js

@@ -3,6 +3,7 @@ import { createQuestionBasePage, toolsAndControlsComponent, questionInstructions
 import { dialogBoxBase } from './dialogBoxBase';
 const css = Cypress.env('css');
 const range = 20.75;
+const tolerance = 11.36;
 
 const selectors = {
     ...toolsAndControlsComponent,
@@ -153,9 +154,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][tabindex="0"]`)
                         .should('exist');
                 });
@@ -174,10 +175,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg [stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('be.visible');
                 });
@@ -195,9 +196,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get(`.ngie-accordion .ngie-jxgbox svg [stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -216,9 +217,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get(`.ngie-accordion .ngie-jxgbox svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][tabindex="0"]`)
                         .should('not.exist');
                 });
@@ -276,9 +277,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][tabindex="0"]`)
                         .should('exist');
                 });
@@ -316,9 +317,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -336,9 +337,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.incorrectAnswer);
                 });
@@ -357,10 +358,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('be.visible');
                 });
@@ -378,9 +379,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -399,10 +400,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -420,9 +421,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -441,10 +442,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('have.css', 'stroke', css.color.incorrectAnswer);
                 });
@@ -462,9 +463,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -484,10 +485,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('not.exist');
                 });
@@ -505,9 +506,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -587,9 +588,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][pointer-events="visiblePainted"]`)
                         .should('exist');
                 });
@@ -608,9 +609,9 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const xPixel = originX + x * (graphWidth / range);
+                    const xPixel = originX + x * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg ellipse[cx*="${Math.floor(xPixel)}"][cy*="${Math.floor(originY)}"][display="inline"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -629,10 +630,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('be.visible');
                 });
@@ -650,9 +651,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -671,10 +672,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('have.css', 'stroke', css.color.correctAnswer);
                 });
@@ -692,9 +693,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`[stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
@@ -714,10 +715,10 @@ const steps = {
                 .then(($graphElement) => {
                     const graphWidth = $graphElement[0].clientWidth;
                     const graphHeight = $graphElement[0].clientHeight;
-                    const originX = graphWidth / 2;
+                    const originX = graphWidth / 2 + tolerance / 2;
                     const originY = graphHeight / 2;
-                    const x1Pixel = originX + x1 * (graphWidth / range);
-                    const x2Pixel = originX + x2 * (graphWidth / range);
+                    const x1Pixel = originX + x1 * ((graphWidth - tolerance) / range);
+                    const x2Pixel = originX + x2 * ((graphWidth - tolerance) / range);
                     cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg [stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)
                         .should('not.exist');
                 });
@@ -735,9 +736,9 @@ const steps = {
             .then(($graphElement) => {
                 const graphWidth = $graphElement[0].clientWidth;
                 const graphHeight = $graphElement[0].clientHeight;
-                const originX = graphWidth / 2;
+                const originX = graphWidth / 2 + tolerance / 2;
                 const originY = graphHeight / 2;
-                const x1Pixel = originX + startingPoint * (graphWidth / range);
+                const x1Pixel = originX + startingPoint * ((graphWidth - tolerance) / range);
                 const rayArrowWidth = 18;
                 const x2Pixel = direction === "left" ? rayArrowWidth : graphWidth - rayArrowWidth;
                 cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(1).find(`svg [stroke-linecap="butt"][x1*="${Math.floor(x1Pixel)}"][y1*="${Math.floor(originY)}"][x2*="${Math.floor(x2Pixel)}"][y2*="${Math.floor(originY)}"]`)

package/cypress/pages/textSelectionPage.js

@@ -143,7 +143,6 @@ const steps = {
         textSelectionPage.questionInputField()
             .find('[data-widget="ngie_equation"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInQuestionInputField: () => {
@@ -171,7 +170,6 @@ const steps = {
         textSelectionPage.specifyPossibleOptionsTextFieldWrapper()
             .find('span[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInSpecifyPossibleOptionsSection: () => {
@@ -199,7 +197,6 @@ const steps = {
         textSelectionPage.specifyCorrectAnswerTextWrapper()
             .find('span[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInSpecifyCorrectAnswerSection: () => {

package/cypress/pages/videoResponsePage.js

@@ -28,7 +28,7 @@ const selectors = {
     retakeRecordingButton: () => cy.get('.recording-again-button'),
     playerTimer: () => cy.get('[class*="VideoRecorderstyle__PlayerTimerWrapper"]'),
     playbackSpeedButton: () => cy.get('button[aria-label="Playback speed"]'),
-    fullScreenButton: () => cy.get('button[aria-label="Full Screen"]'),
+    fullScreenButton: () => cy.get('button[aria-label="Full screen"]'),
     savedResponseText: () => cy.get('[class*="VideoRecorderstyle__ResponseTextWrapper"]'),
     maxRecorderLengthInputField: () => cy.get('input[aria-label="max recording duration"]'),
     confirmRetakeButton: () => cy.get('.delete-action-btn-wrapper button').eq(1),
@@ -963,6 +963,10 @@ const steps = {
                 expect(flyoutHeight).to.be.closeTo(height, 2)
                 expect(flyoutWidth).to.be.closeTo(width, 2)
             });
+    },
+
+    verifyResponseIsRecordedHelpText: () => {
+        utilities.verifyInnerText(videoResponsePage.savedResponseText(), 'Your response has been recorded.');
     }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.201-28thMayRepoUpdate-e720349.0",
+  "version": "1.0.201",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -35,4 +35,4 @@
     "node-fetch": "^3.3.2",
     "react-uuid": "^2.0.0"
   }
-}
+}