itemengine-cypress-automation 1.0.119 → 1.0.121

package/cypress/support/migrationHelpers/extractLrnQuestionData.js

@@ -10,6 +10,7 @@ export const lrnPage = {
     clozeMathResponse: () => cy.get('.lrn_cloze_response'),
     clozeMathCorrectAnswerMathMl: () => cy.get('.lrn_correctAnswerList math'),
     correctAnswersResponseText: () => cy.get('.lrn_responseText'),
+    backgroundCanvasImage: () => cy.get('.lrn_imagecloze_image'),
     steps: {
         checkShowAnswersToggle: () => {
             lrnPage.showAnswersToggle()
@@ -183,8 +184,78 @@ export const extractLrnQuestionData = {
                     });
                 obj.correctAnswersMathMl = correctAnswersMathMl;
                 obj.correctAnswersText = correctAnswersText;
-                //extract math outerhtml
-                //extract response text and outer html, verify it with the other one
+                //response numeration in show answers
+            });
+        lrnGradingDataArr.push(obj);
+    },
+
+    textEntryMathImage: (lrnQuestionDataArr, index) => {
+        let obj = {};
+        cy.log(`Extracting the question instructions, question and response count from question ${index}`);
+        obj.questionIndex = index;
+        obj.questionType = 'textEntryMathImage';
+        lrnPage.questionWrapper()
+            .eq(index)
+            .within(() => {
+                lrnPage.questionInstructions()
+                    .then(($ins) => {
+                        let text = $ins[0].innerText;
+                        obj.previewQuestionInstructions = text;
+                    });
+                lrnPage.clozeMathResponse()
+                    .then(($responseFields) => {
+                        obj.previewResponseCount = $responseFields.length;
+                    });
+                lrnPage.backgroundCanvasImage()
+                    .then(($element) => {
+                        let bgImageAltText = $element[0].alt;
+                        obj.bgImageAltText = bgImageAltText;
+                    });
+            });
+        lrnQuestionDataArr.push(obj);
+    },
+
+    textEntryMathImageGrading: (lrnGradingDataArr, index) => {
+        let obj = {};
+        cy.log(`Extracting the question instructions, question, response count and correct responses from question ${index}`);
+        obj.questionIndex = index;
+        obj.questionType = 'textEntryMathImage';
+        lrnPage.questionWrapper()
+            .eq(index)
+            .within(() => {
+                lrnPage.questionInstructions()
+                    .then(($ins) => {
+                        let text = $ins[0].innerText;
+                        obj.gradingQuestionInstructions = text;
+                    });
+                lrnPage.clozeMathResponseWrapper()
+                    .then(($question) => {
+                        let innerText = $question[0].innerText;
+                        obj.gradingQuestion = innerText;
+                    });
+                lrnPage.clozeMathResponse()
+                    .then(($responseFields) => {
+                        obj.gradingResponseCount = $responseFields.length;
+                    });
+                const correctAnswersMathMl = [];
+                const correctAnswersText = [];
+                lrnPage.clozeMathCorrectAnswerMathMl()
+                    .each(($element) => {
+                        let outerHtml = $element[0].outerHTML;
+                        correctAnswersMathMl.push(outerHtml);
+                    });
+                lrnPage.correctAnswersResponseText()
+                    .each(($element) => {
+                        let innerText = $element[0].innerText;
+                        correctAnswersText.push(innerText);
+                    });
+                lrnPage.backgroundCanvasImage()
+                    .then(($element) => {
+                        let bgImageAltText = $element[0].alt;
+                        obj.bgImageAltText = bgImageAltText;
+                    });
+                obj.correctAnswersMathMl = correctAnswersMathMl;
+                obj.correctAnswersText = correctAnswersText;
             });
         lrnGradingDataArr.push(obj);
     },

package/cypress/support/migrationHelpers/lrnQestionTypesENUM.js

@@ -1,6 +1,7 @@
 const lrnQuestionTypesENUM = {
     mcq: 'mcq',
     textEntryMath: 'Cloze math',
+    textEntryMathImage: 'Cloze math with image',
     essayResponseMath: 'Math essay with rich text',
     singleSelection: 'Multiple choice – standard',
     multipleSelection: 'Multiple choice – multiple response',

package/cypress/support/migrationHelpers/verifyIeQuestionData.js

@@ -8,9 +8,10 @@ export const iePage = {
     questionWrapper: () => cy.get('.ngie-question-wrapper'),
     barsPreloader: () => cy.get('[id="question-item-instruction-loader"]'),
     previewQuestionTextWrapper: () => cy.get('.preview-question-text-wrapper'),
-    textEntryMathResponseWrapper: () => cy.get('.preview-question-text-wrapper .cloze-response-wrapper '),
+    textEntryMathResponseWrapper: () => cy.get('.cloze-math-preview-wrapper .cloze-math-response-input-field'),
     textEntryMathCorrectAnswerMathMl: () => cy.get('.ngie_latex math'),
     textEntryMathCorrectAnswersResponseText: () => cy.get('.ngie_latex'),
+    backgroundCanvasImage: () => cy.get('.background-image'),
 };
 
 export const verifyIeQuestionData = {
@@ -70,7 +71,6 @@ export const verifyIeQuestionData = {
             });
     },
 
-
     textEntryMath: (expectedQuestionData, index) => {
         cy.get('.cloze-math-preview-wrapper')
             .eq(index)
@@ -92,6 +92,7 @@ export const verifyIeQuestionData = {
                 utilities.verifyInnerText(singleSelectionPage.questionInstructionsText(), expectedQuestionData.gradingQuestionInstructions);
                 iePage.previewQuestionTextWrapper()
                     .should('exist');
+                //Not working due to numeration being displayed above responses in IE
                 // utilities.verifyInnerText(iePage.previewQuestionTextWrapper(), expectedQuestionData.gradingQuestion);
                 iePage.textEntryMathResponseWrapper()
                     .then(($resposneWrapper) => {
@@ -108,6 +109,52 @@ export const verifyIeQuestionData = {
             });
     },
 
+    textEntryMathImage: (expectedQuestionData, index) => {
+        //Limitations: Verifying text content of the question wrapper as in ie numeration is displayed in the question wrapper section as well
+        //Correct answer numeration, as lrn has an option to not select numeration but still numeration is displayed in the correct ans but in that case numeration in not displayed in IE
+        cy.get('.cloze-math-preview-wrapper .label-image-with-text-preview')
+            .eq(index)
+            .parents('.ngie-question-wrapper')
+            .within(() => {
+                utilities.verifyInnerText(singleSelectionPage.questionInstructionsText(), expectedQuestionData.previewQuestionInstructions);
+                // Not working due to numeration being displayed above responses in IE
+                // utilities.verifyInnerText(iePage.previewQuestionTextWrapper(), expectedQuestionData.previewQuestion);
+                iePage.textEntryMathResponseWrapper()
+                    .then(($resposneWrapper) => {
+                        expect($resposneWrapper.length).to.be.eq(expectedQuestionData.previewResponseCount);
+                    });
+                iePage.backgroundCanvasImage()
+                    .then(($element) => {
+                        expect($element[0].alt).to.be.eq(expectedQuestionData.bgImageAltText);
+                    });
+            });
+    },
+
+    textEntryMathImageGrading: (expectedQuestionData, index) => {
+        cy.get('.cloze-math-preview-wrapper .label-image-with-text-preview')
+            .eq(index)
+            .parents('.ngie-question-wrapper')
+            .within(() => {
+                utilities.verifyInnerText(singleSelectionPage.questionInstructionsText(), expectedQuestionData.gradingQuestionInstructions);
+                iePage.textEntryMathResponseWrapper()
+                    .then(($resposneWrapper) => {
+                        expect($resposneWrapper.length).to.be.eq(expectedQuestionData.gradingResponseCount);
+                    });
+                iePage.textEntryMathCorrectAnswerMathMl()
+                    .each(($element, index) => {
+                        expect($element.get(0).outerHTML).to.deep.eq(expectedQuestionData.correctAnswersMathMl[index]);
+                    });
+                iePage.textEntryMathCorrectAnswersResponseText()
+                    .each(($element, index) => {
+                        utilities.verifyInnerText(cy.wrap($element), expectedQuestionData.correctAnswersText[index]);
+                    });
+                iePage.backgroundCanvasImage()
+                    .then(($element) => {
+                        expect($element[0].alt).to.be.eq(expectedQuestionData.bgImageAltText);
+                    });
+            });
+    },
+
     essayResponseMath: (expectedQuestionData, index) => {
         cy.get('.ngie-essay-response-math')
             .eq(index)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.119",
+  "version": "1.0.121",
   "description": "",
   "main": "index.js",
   "scripts": {