itemengine-cypress-automation 1.0.180-essayResponseLazyLoadingFix-63cd8a3.0 → 1.0.181-figDropdown-5a8309d.0

package/cypress/support/migrationHelpers/extractLrnQuestionData.js

@@ -13,6 +13,7 @@ export const lrnPage = {
     correctAnswersResponseText: () => cy.get('.lrn_correctAnswerList li'),
     backgroundCanvasImage: () => cy.get('.lrn_imagecloze_image'),
     essayResponseTextArea: () => cy.get('.lrn_texteditor_editable'),
+    essayResponseResponseWrapper: () => cy.get('.lrn_response_wrapper'),
     essayResponseToolbarButton: () => cy.get('[aria-label="Text controls"] button.lrn_btn'),
     essayResponseFooter: () => cy.get('.lrn-toolbar-footer'),
     essayResponseToolbarWordCountWrapper: () => cy.get('.lrn_toolbar_right'),
@@ -283,7 +284,7 @@ export const extractLrnQuestionData = {
                         obj.textAreaPlaceholder = textAreaPlaceholder;
                     });
                 let toolbarButtons = [];
-                lrnPage.essayResponseTextArea()
+                lrnPage.essayResponseResponseWrapper()
                     .then(($element) => {
                         if ($element[0].innerHTML.includes('type="button"')) {
                             lrnPage.essayResponseToolbarButton()
@@ -482,7 +483,7 @@ export const extractLrnQuestionData = {
 
     figText: (lrnQuestionDataArr, index) => {
         let obj = {};
-        cy.log(`Extracting the question instructions, question and response count from question ${index}`);
+        cy.log(`Extracting the question instructions, question, response count, response field properties from question ${index}`);
         obj.questionIndex = index;
         obj.questionType = 'figText';
         lrnPage.steps.extractQuestionInstructions(obj, index);
@@ -529,7 +530,7 @@ export const extractLrnQuestionData = {
 
     figTextGrading: (lrnQuestionDataArr, index) => {
         let obj = {};
-        cy.log(`Extracting the question instructions, question and response count from question ${index}`);
+        cy.log(`Extracting the question instructions, question, response count, response field properties from question ${index}`);
         obj.questionIndex = index;
         obj.questionType = 'figText';
         lrnPage.steps.extractQuestionInstructions(obj, index);
@@ -793,7 +794,111 @@ export const extractLrnQuestionData = {
                 obj.correctAnswers = correctAnswers;
             });
         lrnGradingDataArr.push(obj);
-    }
+    },
+
+    figDropdown: (lrnQuestionDataArr, index) => {
+        let obj = {};
+        cy.log(`Extracting the question instructions, question and response count from question ${index}`);
+        obj.questionIndex = index;
+        obj.questionType = 'figDropdown';
+        lrnPage.steps.extractQuestionInstructions(obj, index);
+        lrnPage.questionWrapper()
+            .eq(index)
+            .within(() => {
+                lrnPage.questionContainerPreviewTab()
+                    .then(($question) => {
+                        let innerText = $question[0].innerText;
+                        innerText = innerText.replace(/\n/g, '');
+                        //getting rid of the   and ​
+                        innerText = innerText.replace(/\u00a0/g, ' ');
+                        innerText = innerText.replace(/\u200b/g, '');
+                        innerText = innerText.trim()
+                        obj.previewQuestion = innerText;
+                    });
+                lrnPage.clozeResponse()
+                    .then(($responseFields) => {
+                        obj.previewResponseCount = $responseFields.length;
+                    });
+                let responses = [];
+                lrnPage.clozeResponse()
+                    .each(($responseField) => {
+                        let responseObj = {}
+                        responseObj.placeholder = $responseField[0].placeholder;
+                        responseObj.spellcheck = $responseField[0].spellcheck;
+                        // responseObj.ariaLabel = $responseField[0].ariaLabel;
+                        responses.push(responseObj);
+                    });
+                obj.responses = responses;
+                let allDropdownOptions = [];
+                lrnPage.clozeResponse()
+                    .each(($element) => {
+                        let currentOptions = [];
+                        cy.wrap($element)
+                            .find('[role="option"]')
+                            .each(($element, index) => {
+                                if (index !== 0) {
+                                    let innerText = $element[0].innerText;
+                                    currentOptions.push(innerText);
+                                }
+                            }).then(() => {
+                                allDropdownOptions.push(currentOptions);
+                            });
+                    });
+                obj.allDropdownOptions = allDropdownOptions;
+            });
+        lrnQuestionDataArr.push(obj);
+    },
+
+    figDropdownGrading: (lrnQuestionDataArr, index) => {
+        let obj = {};
+        cy.log(`Extracting the question instructions, question and response count from question ${index}`);
+        obj.questionIndex = index;
+        obj.questionType = 'figDropdown';
+        lrnPage.steps.extractQuestionInstructions(obj, index);
+        lrnPage.questionWrapper()
+            .eq(index)
+            .within(() => {
+                lrnPage.questionContainerPreviewTab()
+                    .then(($question) => {
+                        let innerText = $question[0].innerText;
+                        innerText = innerText.replace(/\n/g, '');
+                        //getting rid of the   and ​
+                        innerText = innerText.replace(/\u00a0/g, ' ');
+                        innerText = innerText.replace(/\u200b/g, '');
+                        innerText = innerText.trim()
+                        obj.previewQuestion = innerText;
+                    });
+                cy.get('.lrn_clozedropdown_answer')
+                    .then(($responseFields) => {
+                        obj.previewResponseCount = $responseFields.length;
+                    });
+                let correctAnswers = [];
+                cy.get('.lrn_correctAnswerList li')
+                    .each(($answers) => {
+                        let answerData = {}
+                        cy.wrap($answers)
+                            .within(() => {
+                                cy.get('.lrn_responseIndex')
+                                    .then(($element) => {
+                                        let answerNumeration = $element[0].innerText;
+                                        answerData.answerNumeration = answerNumeration;
+                                    });
+                                let options = []
+                                cy.get('.lrn_responseText')
+                                    .each(($option) => {
+                                        let optionData = {}
+                                        let innerText = $option[0].innerText;
+                                        optionData.innerText = innerText;
+                                        options.push(optionData);
+                                    });
+                                answerData.options = options
+                            });
+                        correctAnswers.push(answerData);
+                    });
+                obj.correctAnswers = correctAnswers;
+            });
+        lrnQuestionDataArr.push(obj);
+    },
 
     /*     singleSelection: (lrnQuestionDataArr, index) => {
             let obj = {};

package/cypress/support/migrationHelpers/lrnQestionTypesENUM.js

@@ -13,7 +13,8 @@ const lrnQuestionTypesENUM = {
     shortTextResponse: 'Short text',
     uploadResponse: 'File upload',
     figDragAndDrop: 'Cloze with drag & drop',
-    contentBlocks: 'Passage'
+    contentBlocks: 'Passage',
+    figDropdown: 'Cloze with drop down'
 }
 
 export default lrnQuestionTypesENUM;

package/cypress/support/migrationHelpers/migrationScript.js

@@ -9,6 +9,7 @@ const migrationQuestionTypes = Cypress.env('migrationQuestionTypes');//["textEnt
 const migrationQuestionTypesLrn = migrationQuestionTypes.map((questionType) => lrnQuestionTypesENUM[questionType]);
 let lrnMcqTypesRegex = /Multiple choice – standard|Multiple choice – multiple response|True or false|Multiple choice – block layout/;
 let lrnEssayResponseRegex = /Math essay with rich text|Essay with rich text/
+let lrnFigDropdownRegex = /Cloze with drop down|Cloze dropdown/
 
 
 let lrnQuestionDataArr = [];
@@ -28,6 +29,7 @@ const extractLrnPreviewData = (currQuestionType, lrnQuestionDataArr, index) => {
         case lrnQuestionTypesENUM.uploadResponse: return extractLrnQuestionData.uploadResponse(lrnQuestionDataArr, index);
         case lrnQuestionTypesENUM.figDragAndDrop: return extractLrnQuestionData.figDragAndDrop(lrnQuestionDataArr, index);
         case lrnQuestionTypesENUM.contentBlocks: return extractLrnQuestionData.contentBlocks(lrnQuestionDataArr, index);
+        case lrnQuestionTypesENUM.figDropdown: return extractLrnQuestionData.figDropdown(lrnQuestionDataArr, index);
         default: throw new Error('Invalid lrn question type');
     }
 }
@@ -46,6 +48,7 @@ const verifyIePreviewData = (questionType, questionData, index) => {
         case 'uploadResponse': return verifyIeQuestionData.uploadResponse(questionData, index);
         case 'figDragAndDrop': return verifyIeQuestionData.figDragAndDrop(questionData, index);
         case 'contentBlocks': return verifyIeQuestionData.contentBlocks(questionData, index);
+        case 'figDropdown': return verifyIeQuestionData.figDropdown(questionData, index);
         default: throw new Error('Invalid ngie question type');
     }
 }
@@ -62,7 +65,9 @@ const extractLrnGradingData = (currQuestionType, lrnGradingDataArr, index) => {
         case lrnQuestionTypesENUM.figDragAndDrop: return extractLrnQuestionData.figDragAndDropGrading(lrnGradingDataArr, index);
         case lrnQuestionTypesENUM.essayResponse: return cy.log('Manually Graded Question Type');
         case lrnQuestionTypesENUM.essayResponseBasic: return cy.log('Manually Graded Question Type');
+        case lrnQuestionTypesENUM.drawingResponse: return cy.log('Manually Graded Question Type');
         case lrnQuestionTypesENUM.contentBlocks: return cy.log('Resource and tool');
+        case lrnQuestionTypesENUM.figDropdown: return extractLrnQuestionData.figDropdownGrading(lrnGradingDataArr, index);
         default: throw new Error('Invalid lrn question type');
     }
 }
@@ -80,6 +85,8 @@ const verifyIeGradingData = (questionType, questionData, index) => {
         case 'contentBlocks': return cy.log('Resource and tool');
         case 'essayResponse': return cy.log('Manually Graded Question Type');
         case 'essayResponseBasic': return cy.log('Manually Graded Question Type');
+        case 'drawingResponse': return cy.log('Manually Graded Question Type');
+        case 'figDropdown': return verifyIeQuestionData.figDropdownGrading(questionData, index);
         default: throw new Error('Invalid ngie question type');
     }
 }
@@ -123,6 +130,9 @@ export const migrationScript = (referenceIds) => {
                                     ;
                                     currQuestionType = lrnQuestionTypesENUM.essayResponse;
                                 }
+                                if (lrnFigDropdownRegex.test(currQuestionType)) {
+                                    currQuestionType = lrnQuestionTypesENUM.figDropdown;
+                                }
                                 if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                     extractLrnPreviewData(currQuestionType, lrnQuestionDataArr, index)
                                 }
@@ -154,6 +164,9 @@ export const migrationScript = (referenceIds) => {
                                             if (migrationQuestionTypesLrn.includes(currQuestionType)) {
                                                 extractLrnGradingData(currQuestionType, lrnGradingDataArr, index);
                                             }
+                                            if (migrationQuestionTypesLrn.includes(currQuestionType)) {
+                                                currQuestionType = lrnQuestionTypesENUM.figDropdown;
+                                            }
                                         });
                                 }
                             });

package/cypress/support/migrationHelpers/verifyIeQuestionData.js

@@ -1,4 +1,4 @@
-import { essayResponsePage, fillInTheGapsDragAndDropPage, contentBlocksPage, fillInTheGapsTextPage, multipleSelectionPage, textEntryMathPage, uploadResponsePage } from "../../pages";
+import { essayResponsePage, fillInTheGapsDragAndDropPage, contentBlocksPage, fillInTheGapsTextPage, multipleSelectionPage, textEntryMathPage, uploadResponsePage, fillInTheGapsDropdownPage } from "../../pages";
 import { draggableOptionContainer, fillInTheGapsDragAndDropCommonComponents } from "../../pages/components";
 import { singleSelectionPage } from "../../pages/singleSelectionPage"
 import utilities from "../helpers/utilities";
@@ -45,11 +45,16 @@ export const iePage = {
                         questionInstructions = questionInstructions.replace(/00:00\n\/\n00:00\n/g, '');
                         expect(questionInstructions).to.be.eq(expectedQuestionData.previewQuestionInstructions)
                     });
-            } else if (expectedQuestionData.previewQuestionInstructions === '') {
-                utilities.verifyInnerText(singleSelectionPage.questionInstructionsText(), '');
             } else {
-                singleSelectionPage.questionInstructionsText()
-                    .should('not.exist');
+                cy.get('[class*="QuestionTypeWrapper"]')
+                    .then(($questionInstructions) => {
+                        if ($questionInstructions[0].innerHTML.includes('question-instruction')) {
+                            utilities.verifyInnerText(singleSelectionPage.questionInstructionsText(), '');
+                        } else {
+                            singleSelectionPage.questionInstructionsText()
+                                .should('not.exist');
+                        }
+                    });
             }
         }
     }
@@ -258,7 +263,7 @@ export const verifyIeQuestionData = {
                         let textAreaPlaceholder = $element[0].attributes["data-cke-editorplaceholder"]?.nodeValue;
                         expect(textAreaPlaceholder).to.be.eq(expectedQuestionData.textAreaPlaceholder);
                     });
-                if (expectedQuestionData.toolbarButtons.length != 0) {
+                if (expectedQuestionData.toolbarButtons.length !== 0) {
                     let ieButtonsTitle = [];
                     let ieButtonsExpected = expectedQuestionData.toolbarButtons.map((button) => {
                         return essayResponseToolbarOptionsENUM[button];
@@ -270,6 +275,9 @@ export const verifyIeQuestionData = {
                         }).then(() => {
                             expect(ieButtonsTitle).to.have.deep.members(ieButtonsExpected);
                         });
+                } else {
+                    essayResponsePage.previewTabToolbarOption()
+                        .should('not.exist');
                 }
                 if (expectedQuestionData.hasWordLimit || expectedQuestionData.hasWordCount) {
                     if (expectedQuestionData.hasWordLimit) {
@@ -740,7 +748,102 @@ export const verifyIeQuestionData = {
                         });
                 });
             });
-    }
+    },
+
+    figDropdown: (expectedQuestionData, index) => {
+        cy.get('.ngie-cloze-with-dropdown')
+            .eq(index)
+            .within(() => {
+                iePage.steps.verifyQuestionInstructions(expectedQuestionData);
+                //Unable to verify question container as dropdown options also appear in expectedQuestionData object
+                /*  fillInTheGapsDropdownPage.questionContainerPreviewTab()
+                      .then(($question) => {
+                          let innerText = $question[0].innerText;
+                          innerText = innerText.replace(/\n/g, '');
+                          //getting rid of the   and ​
+                          innerText = innerText.replace(/\u00a0/g, ' ');
+                          innerText = innerText.replace(/\u200b/g, '');
+                          innerText = innerText.trim()
+                          expect(expectedQuestionData.previewQuestion).to.be.include(innerText);
+                      }); */
+                fillInTheGapsDropdownPage.dropdownWrapperPreviewTab()
+                    .then(($resposneWrapper) => {
+                        expect($resposneWrapper.length).to.be.eq(expectedQuestionData.previewResponseCount);
+                    });
+                fillInTheGapsDropdownPage.dropdownWrapperPreviewTab()
+                    .each(($responseField, index) => {
+                        expect($responseField[0].placeholder).to.be.eq(expectedQuestionData.responses[index].placeholder);
+                        expect($responseField[0].spellcheck).to.be.eq(expectedQuestionData.responses[index].spellcheck);
+                        //   expect($responseField[0].ariaLabel).to.be.eq(expectedQuestionData.responses[index].ariaLabel);
+                    });
+
+            });
+        let allDropdownOptions = [];
+        for (let dropdownCount = 0; dropdownCount < expectedQuestionData.allDropdownOptions.length; dropdownCount++) {
+            cy.get('.ngie-cloze-with-dropdown')
+                .eq(index)
+                .within(() => {
+                    fillInTheGapsDropdownPage.dropdownWrapperPreviewTab()
+                        .eq(dropdownCount)
+                        .click();
+                });
+            let currentOptions = [];
+            utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.dropdownList(), 'visible');
+            fillInTheGapsDropdownPage.dropdownListOptions()
+                .each(($option) => {
+                    let optionText = $option[0].innerText;
+                    currentOptions.push(optionText);
+                }).then(() => {
+                    cy.get('body')
+                        .click();
+                    utilities.verifyElementVisibilityState(fillInTheGapsDropdownPage.dropdownList(), 'notExist');
+                    allDropdownOptions.push(currentOptions);
+                    if (allDropdownOptions.length === expectedQuestionData.allDropdownOptions.length) {
+                        expect(allDropdownOptions.length).to.equal(expectedQuestionData.allDropdownOptions.length);
+                        allDropdownOptions.forEach((options, index) => {
+                            expect(options).to.deep.equal(expectedQuestionData.allDropdownOptions[index]);
+                        });
+                    };
+                });
+        }
+    },
+
+    figDropdownGrading: (expectedQuestionData, index) => {
+        cy.get('.ngie-cloze-with-dropdown')
+            .eq(index)
+            .within(() => {
+                cy.log('Here')
+                iePage.steps.verifyQuestionInstructions(expectedQuestionData);
+                //Unable to verify question container as dropdown options also appear in expectedQuestionData object
+                /* fillInTheGapsDropdownPage.questionContainerPreviewTab()
+                     .then(($question) => {
+                         let innerText = $question[0].innerText;
+                         innerText = innerText.replace(/\n/g, '');
+                         //getting rid of the &nbsp; and &ZeroWidthSpace;
+                         innerText = innerText.replace(/\u00a0/g, ' ');
+                         innerText = innerText.replace(/\u200b/g, '');
+                         innerText = innerText.trim()
+                         expect(expectedQuestionData.previewQuestion).to.be.include(innerText);
+                     });*/
+                fillInTheGapsDropdownPage.dropdownWrapperPreviewTab()
+                    .then(($resposneWrapper) => {
+                        expect($resposneWrapper.length).to.be.eq(expectedQuestionData.previewResponseCount);
+                    });
+                expectedQuestionData.correctAnswers.forEach((correctAnswerData, index) => {
+                    fillInTheGapsDropdownPage.correctAnswerResponseWrapper()
+                        .eq(index)
+                        .within(() => {
+                            cy.get('.answer-numeration-number-box')
+                                .then(($answerNumeration) => {
+                                    expect($answerNumeration[0].innerText).to.be.eq(correctAnswerData.answerNumeration);
+                                });
+                            cy.get('.question-text-wrapper').then(($answerOption) => {
+                                expect($answerOption[0].innerText).to.be.eq(correctAnswerData.options[0].innerText);
+                            });
+                        });
+                });
+            });
+    },
 
     /*     singleSelection: (expectedQuestionData, index) => {
             cy.get('.ngie-single-select')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.180-essayResponseLazyLoadingFix-63cd8a3.0",
+  "version": "1.0.181-figDropdown-5a8309d.0",
   "description": "",
   "main": "index.js",
   "scripts": {