itemengine-cypress-automation 1.0.170-fixes10April-45deaac.0 → 1.0.171-shortTextResponseMigration-d31a252.0

package/cypress/support/migrationHelpers/extractLrnQuestionData.js

@@ -27,6 +27,8 @@ export const lrnPage = {
     draggableResponseMathMl: () => cy.get('[aria-label="Possible responses"] .lrn_btn_drag math'),
     questionContainerPreviewTab: () => cy.get('.lrn_response_input'),
     specialCharactersButton: () => cy.get('.lrn_charactermapbutton'),
+    shortTextAnswerInputField: () => cy.get('.lrn_textinput input'),
+    shortTextCorrectAnswerText: () => cy.get('.lrn_correctAnswerList .lrn_responseText'),
     steps: {
         checkShowAnswersToggle: () => {
             lrnPage.showAnswersToggle()
@@ -496,7 +498,7 @@ export const extractLrnQuestionData = {
                     .parent()
                     .then(($responseField) => {
                         obj.isMultiline = $responseField[0].type === 'textarea' ? true : false;
-                        if($responseField[0].innerHTML.includes('lrn_charactermapbutton')) {
+                        if ($responseField[0].innerHTML.includes('lrn_charactermapbutton')) {
                             obj.specialCharactersEnabled = true;
                         }
                     });
@@ -550,6 +552,51 @@ export const extractLrnQuestionData = {
         lrnQuestionDataArr.push(obj);
     },
 
+    shortTextResponse: (lrnQuestionDataArr, index) => {
+        let obj = {};
+        cy.log(`Extracting the question instructions and answer input field attributes from question ${index}`);
+        obj.questionIndex = index;
+        obj.questionType = 'shortTextResponse'
+        lrnPage.steps.extractQuestionInstructions(obj, index);
+        lrnPage.questionWrapper()
+            .eq(index)
+            .within(() => {
+                lrnPage.shortTextAnswerInputField()
+                    .then(($answerField) => {
+                        let responseObj = {}
+                        responseObj.placeholder = $answerField[0].placeholder;
+                        responseObj.maxLength = $answerField[0].maxLength;
+                        responseObj.type = $answerField[0].type;
+                        responseObj.spellcheck = $answerField[0].spellcheck;
+                        responseObj.ariaLabel = $answerField[0].ariaLabel;
+                        obj.answerInputField = [responseObj];
+                        if ($answerField.parent()[0].innerHTML.includes('lrn_charactermapbutton')) {
+                            obj.specialCharactersEnabled = true;
+                        }
+                    });
+            })
+        lrnQuestionDataArr.push(obj);
+    },
+
+    shortTextResponseGrading: (lrnQuestionDataArr, index) => {
+        let obj = {};
+        cy.log(`Extracting the question instructions and correct answers from question ${index}`);
+        obj.questionIndex = index;
+        obj.questionType = 'shortTextResponse';
+        lrnPage.steps.extractQuestionInstructions(obj, index);
+        lrnPage.questionWrapper()
+            .eq(index)
+            .then(($responseWrapper) => {
+                if ($responseWrapper[0].innerHTML.includes('lrn_correctAnswers')) {
+                    lrnPage.shortTextCorrectAnswerText().then(($element) => {
+                        let innerText = $element[0].innerText;
+                        obj.correctAnswersText = innerText;
+                    });
+                };
+            });
+        lrnQuestionDataArr.push(obj);
+    }
+
     /*     singleSelection: (lrnQuestionDataArr, index) => {
             let obj = {};
             cy.log(`Extracting the question instructions and options from question ${index}`);

package/cypress/support/migrationHelpers/lrnQestionTypesENUM.js

@@ -10,6 +10,7 @@ const lrnQuestionTypesENUM = {
     multipleSelection: 'Multiple choice – multiple response',
     trueOrFalse: 'True or false',
     figText: 'Cloze with text',
+    shortTextResponse: 'Short text'
 }
 
 export default lrnQuestionTypesENUM;

package/cypress/support/migrationHelpers/migrationScript.js

@@ -24,6 +24,7 @@ const extractLrnPreviewData = (currQuestionType, lrnQuestionDataArr, index) => {
         case lrnQuestionTypesENUM.drawingResponse: return extractLrnQuestionData.drawingResponse(lrnQuestionDataArr, index);
         case lrnQuestionTypesENUM.dndIntoCategories: return extractLrnQuestionData.dndIntoCategories(lrnQuestionDataArr, index);
         case lrnQuestionTypesENUM.figText: return extractLrnQuestionData.figText(lrnQuestionDataArr, index);
+        case lrnQuestionTypesENUM.shortTextResponse: return extractLrnQuestionData.shortTextResponse(lrnQuestionDataArr, index);
         default: throw new Error('Invalid lrn question type');
     }
 }
@@ -38,6 +39,7 @@ const verifyIePreviewData = (questionType, questionData, index) => {
         case 'drawingResponse': return verifyIeQuestionData.drawingResponse(questionData, index);
         case 'dndIntoCategories': return verifyIeQuestionData.dndIntoCategories(questionData, index);
         case 'figText': return verifyIeQuestionData.figText(questionData, index);
+        case 'shortTextResponse': return verifyIeQuestionData.shortTextResponse(questionData, index);
         default: throw new Error('Invalid ngie question type');
     }
 }
@@ -49,6 +51,7 @@ const extractLrnGradingData = (currQuestionType, lrnGradingDataArr, index) => {
         case lrnQuestionTypesENUM.textEntryMathImage: return extractLrnQuestionData.textEntryMathImageGrading(lrnGradingDataArr, index);
         case lrnQuestionTypesENUM.dndIntoCategories: return extractLrnQuestionData.dndIntoCategoriesGrading(lrnGradingDataArr, index);
         case lrnQuestionTypesENUM.figText: return extractLrnQuestionData.figTextGrading(lrnGradingDataArr, index);
+        case lrnQuestionTypesENUM.shortTextResponse: return extractLrnQuestionData.shortTextResponseGrading(lrnGradingDataArr, index);
         default: throw new Error('Invalid lrn question type');
     }
 }
@@ -60,6 +63,7 @@ const verifyIeGradingData = (questionType, questionData, index) => {
         case 'textEntryMathImage': return verifyIeQuestionData.textEntryMathImageGrading(questionData, index);
         case 'dndIntoCategories': return verifyIeQuestionData.dndIntoCategoriesGrading(questionData, index);
         case 'figText': return verifyIeQuestionData.figTextGrading(questionData, index);
+        case 'shortTextResponse': return verifyIeQuestionData.shortTextResponseGrading(questionData, index);
         default: throw new Error('Invalid ngie question type');
     }
 }

package/cypress/support/migrationHelpers/verifyIeQuestionData.js

@@ -1,4 +1,4 @@
-import { essayResponsePage, fillInTheGapsTextPage, multipleSelectionPage, textEntryMathPage } from "../../pages";
+import { essayResponsePage, fillInTheGapsTextPage, multipleSelectionPage, shortTextResponsePage, textEntryMathPage } from "../../pages";
 import { draggableOptionContainer } from "../../pages/components";
 import { singleSelectionPage } from "../../pages/singleSelectionPage"
 import utilities from "../helpers/utilities";
@@ -23,7 +23,9 @@ export const iePage = {
     drawingResponseLowerCanvas: () => cy.get('.lower-canvas'),
     figCorrectAnswerBlock: () => cy.get('[class*="AnswerCell"]'),
     figTextResponseField: () => cy.get('[class*="response"][class*="-input"] .MuiInputBase-input'),
-
+    shortTextResponseAnswerInputField: () => cy.get('[class*="response"][class*="-input"] .MuiInputBase-input'),
+    shortTextResponseCorrectAnswerText: () => cy.get('[class*="CorrectAnswerValueWrapper"]'),
+    specialCharactersButtonPreviewTab: () => cy.get('.custon-special-character-button'),
     steps: {
         verifyQuestionInstructions: (expectedQuestionData) => {
             if (expectedQuestionData.previewQuestionInstructions) {
@@ -476,7 +478,7 @@ export const verifyIeQuestionData = {
                     .eq(0)
                     .click()
                     .then(() => {
-                        if(expectedQuestionData.specialCharactersEnabled) {
+                        if (expectedQuestionData.specialCharactersEnabled) {
                             utilities.verifyElementVisibilityState(fillInTheGapsTextPage.specialCharactersButtonPreviewTab(), 'visible');
                         } else {
                             utilities.verifyElementVisibilityState(fillInTheGapsTextPage.specialCharactersButtonPreviewTab(), 'notExist');
@@ -510,6 +512,53 @@ export const verifyIeQuestionData = {
             });
     },
 
+    shortTextResponse: (expectedQuestionData, index) => {
+        cy.get('.ngie-short-text-response')
+            .eq(index)
+            .within(() => {
+                iePage.steps.verifyQuestionInstructions(expectedQuestionData);
+                iePage.shortTextResponseAnswerInputField()
+                    .then(($answerField) => {
+                        expect($answerField[0].placeholder).to.be.eq(expectedQuestionData.answerInputField[0].placeholder);
+                        expect($answerField[0].maxLength).to.be.eq(expectedQuestionData.answerInputField[0].maxLength);
+                        expect($answerField[0].type).to.be.eq(expectedQuestionData.answerInputField[0].type);
+                        expect($answerField[0].spellcheck).to.be.eq(expectedQuestionData.answerInputField[0].spellcheck);
+                        const ariaLabel = $answerField[0].ariaLabel;
+                        const ariaLabelParts = ariaLabel.split('Maximum');
+                        const trimmedAriaLabel = ariaLabelParts[0].trim();
+                        expect(trimmedAriaLabel).to.be.eq(expectedQuestionData.answerInputField[0].ariaLabel);
+                    });
+                iePage.shortTextResponseAnswerInputField()
+                    .click()
+                    .then(() => {
+                        if (expectedQuestionData.specialCharactersEnabled) {
+                            utilities.verifyElementVisibilityState(iePage.specialCharactersButtonPreviewTab(), 'visible');
+                        } else {
+                            utilities.verifyElementVisibilityState(iePage.specialCharactersButtonPreviewTab(), 'notExist');
+                        }
+                    });
+            });
+    },
+
+    shortTextResponseGrading: (expectedQuestionData, index) => {
+        cy.get('.ngie-short-text-response')
+            .eq(index)
+            .within(() => {
+                iePage.steps.verifyQuestionInstructions(expectedQuestionData);
+            });
+        cy.get('.ngie-short-text-response')
+            .eq(index)
+            .then(($previewWrapper) => {
+                if ($previewWrapper[0].innerHTML.includes('CorrectAnswerWrapper')) {
+                    iePage.shortTextResponseCorrectAnswerText().then(($element) => {
+                        utilities.verifyInnerText(cy.wrap($element), expectedQuestionData.correctAnswersText);
+                    });
+                } else {
+                    utilities.verifyElementVisibilityState(iePage.shortTextResponseCorrectAnswerText(), 'notExist');
+                }
+            });
+    }
+
     /*     singleSelection: (expectedQuestionData, index) => {
             cy.get('.ngie-single-select')
                 .eq(index)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.170-fixes10April-45deaac.0",
+  "version": "1.0.171-shortTextResponseMigration-d31a252.0",
   "description": "",
   "main": "index.js",
   "scripts": {