itemengine-cypress-automation 1.0.286-fixesE2E24thJan-7a46dd4.0 → 1.0.288

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -191,28 +191,28 @@ const steps = {
          * Sets options in dropzone in the Preview Tab based on the provided optionsObject.
          * @param {Object} optionsObject - An object where keys are option texts and values are dropzone indices.
          */
-        clickAndDropOptionWithIndexInDropzonePreviewTab: (optionsObject) => {
-            Object.entries(optionsObject).forEach(([index, dropzoneIndex]) => {
-                fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab()
-                    .eq(index)
-                    .click();
-                fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
-                    .eq(dropzoneIndex)
-                    .click({ force: true });
-            });
-        },
-    
+    clickAndDropOptionWithIndexInDropzonePreviewTab: (optionsObject) => {
+        Object.entries(optionsObject).forEach(([index, dropzoneIndex]) => {
+            fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab()
+                .eq(index)
+                .click();
+            fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
+                .eq(dropzoneIndex)
+                .click({ force: true });
+        });
+    },
+
     /**
          * Sets options in dropzone in the Preview Tab based on the provided optionsObject.
          * @param {Object} optionsObject - An object where keys are option texts and values are dropzone indices.
          */
-        clickAndDropOptionOutsideDropzoneWithIndexPreviewTab: (droppedIndex) => {
-            fillInTheGapsOverImageDragAndDropPage.droppedOptionPreviewTab()
-                .eq(droppedIndex)
-                .click();
-            cy.get('.option-drag-and-drop')
-                .click();
-        },
+    clickAndDropOptionOutsideDropzoneWithIndexPreviewTab: (droppedIndex) => {
+        fillInTheGapsOverImageDragAndDropPage.droppedOptionPreviewTab()
+            .eq(droppedIndex)
+            .click();
+        cy.get('.option-drag-and-drop')
+            .click();
+    },
 
 
     /**
@@ -365,7 +365,7 @@ const steps = {
         fillInTheGapsOverImageDragAndDropPage.optionContainerOptionsPreviewTab()
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
         utilities.verifyElementVisibilityState(utilities.getNthElement(draggableOptionContainer.draggableOptionDragIcon(), optionIndex), 'exist');
     },
 
@@ -390,7 +390,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     /**
@@ -432,7 +432,7 @@ const steps = {
             });
     },
 
-    verifyVisibilityOfCorrectAnswerLabel: ()=>{
+    verifyVisibilityOfCorrectAnswerLabel: () => {
         utilities.verifyInnerText(fillInTheGapsOverImageDragAndDropPage.correctAnswersLabel(), 'Correct answers');
     },
 
@@ -764,6 +764,8 @@ const steps = {
     checkBlockRadioButton: () => {
         fillInTheGapsOverImageDragAndDropPage.blockRadioButton()
             .click()
+        cy.wait(500);
+        fillInTheGapsOverImageDragAndDropPage.blockRadioButton()
             .should('be.checked');
     },
 

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -204,6 +204,10 @@ const steps = {
         });
     },
 
+    verifyVisibilityOfCorrectAnswerLabel: ()=>{
+        utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.correctAnswersLabel(), 'Correct answers');
+    },
+
     verifyCorrectAnswerSectionNotExists: () => {
         utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.correctAnswerSectionWrapper(), 'notExist');
     },

package/cypress/pages/graphingPage.js

@@ -30,7 +30,7 @@ const selectors = {
     yMaxInputField: () => cy.get('[class*="GraphHeaderFooter"] input').eq(0),
     yMinLabel: () => cy.get('[class*="GraphHeaderFooter"] [class*="CustomInputFieldLabel"]').eq(1),
     yMinInputField: () => cy.get('[class*="GraphHeaderFooter"] input').eq(1),
-    titlePopupAddLabelLabel: () => cy.get('[aria-labelledby="alert-dialog-title"] .additional-settings-label'),
+    titlePopupAddLabelLabel: () => cy.get('.inline-text-property-label'),
     titlePopupAddLabelInputField: () => cy.get('[aria-labelledby="alert-dialog-title"] [role="textbox"]'),
     titlePopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
     titlePopupSaveButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
@@ -48,8 +48,8 @@ const selectors = {
             return cy.get('[class*="GraphingWrapper"] .ngie-jxgbox .JXGtext')
         }
     },
-    xAxisLabelGraphEditTab: () => cy.get('.graph-left-wrapper .title-container').eq(0),
-    yAxisLabelGraphEditTab: () => cy.get('.graph-footer .title-container').eq(0),
+    yAxisLabelGraphEditTab: () => cy.get('[class*="GraphBoardstyles__GraphBoardWrapper"] .graph-left-wrapper [data-testid="question-instruction-element"]').eq(0),
+    xAxisLabelGraphEditTab: () => cy.get('[class*="GraphBoardstyles__GraphBoardWrapper"] .graph-footer [data-testid="question-instruction-element"]').eq(0),
     graphToolOptionEditTab: (toolOptionAriaLabel = null) => {
         if (toolOptionAriaLabel) {
             return cy.get('.graph-tools-wrapper').eq(0).find(`.single-select-toggle-group-double button[aria-label*=${toolOptionAriaLabel}]`)
@@ -98,8 +98,8 @@ const selectors = {
     xAxisGraphSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region .ngie-jxgbox svg line[stroke-linecap="butt"]').eq(0),
     yAxisGraphSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region .ngie-jxgbox svg line[stroke-linecap="butt"]').eq(1),
     graphTitleSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region .graph-footer .question-text-wrapper').eq(0),
-    xAxisLabelGraphSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region .graph-left-wrapper .question-text-wrapper'),
-    yAxisLabelGraphSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region .graph-footer .question-text-wrapper').eq(1),
+    xAxisLabelGraphSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion .graph-footer [data-testid="question-instruction-element"]').eq(1),
+    yAxisLabelGraphSpecifyCorrectAnswerSection: () => cy.get('.MuiAccordion-region .graph-left-wrapper .question-text-wrapper'),
     graphImageSpecifyCorrectAnswerSection: () => cy.get('.ngie-jxgbox image').eq(1),
     textOnGraphSpecifyCorrectAnswerSection: (graphText) => {
         if (graphText) {
@@ -112,8 +112,8 @@ const selectors = {
     //Preview tab graph
     graphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg'),
     graphTitlePreviewTab: () => cy.get('[class*="GraphingQuestion"] [class*="__GraphHeader"] .question-text-wrapper').eq(0),
-    xAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-left-wrapper .question-text-wrapper'),
-    yAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-footer .question-text-wrapper').eq(1),
+    yAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-left-wrapper .question-text-wrapper'),
+    xAxisLabelGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .graph-footer .question-text-wrapper').eq(1),
     xAxisGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg line[stroke-linecap="butt"]').eq(0),
     yAxisGraphPreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg line[stroke-linecap="butt"]').eq(1),
     graphLinePreviewTab: () => cy.get('[class*="GraphingQuestion"] .ngie-jxgbox svg').eq(0).find('line[tabindex="null"]'),
@@ -243,6 +243,7 @@ const selectors = {
     //Accept repeated points
     acceptRepeatedPointsToggle: () => cy.get('.repeated-points-wrapper input'),
     acceptRepeatedPointsLabel: () => cy.get('.repeated-points-wrapper .MuiFormControlLabel-label'),
+    addLabelInputField: () => cy.get('.inline-text-question-prefix-wrapper .MuiTextField-root'),
 }
 
 const steps = {
@@ -594,18 +595,18 @@ const steps = {
     },
 
     enterTextInTitlePopupAddLabelInputField: (text) => {
-        graphingPage.titlePopupAddLabelInputField()
+        graphingPage.addLabelInputField()
             .clear();
-        graphingPage.titlePopupAddLabelInputField()
+        graphingPage.addLabelInputField()
             .type(text);
         cy.wait(2000);
-        graphingPage.titlePopupAddLabelInputField()
-            .should('have.text', text);
+        graphingPage.addLabelInputField()
+            .should('have.attr', 'title', text);
     },
 
     verifyTextInTitlePopupAddLabelInputField: (text) => {
-        graphingPage.titlePopupAddLabelInputField()
-            .should('have.text', text);
+        graphingPage.addLabelInputField()
+            .should('have.attr', 'title', text);
     },
 
     clickOnTitlePopupCancelButton: () => {

package/cypress/pages/listOrderingPage.js

@@ -108,8 +108,10 @@ const selectors = {
     optionsLabel: () => cy.get('.draggable-options-label'),
     dragHandleIconLabel: () => cy.get('[class*="__SubSectionLabel"]').eq(0),
     dragHandleOptions: () => cy.get('.drag-handle-icon-block'),
-    dragHandle: () => cy.get('.draggable-item-wrapper [class*="drag"]'),
+    dragHandle: () => cy.get('.list-ordering-set-correct-answer-wrapper .draggable-item-wrapper [class*="drag"]'),
+    dragHandlePreviewTab: () => cy.get('.author-question-preview-tab .draggable-item-wrapper [class*="drag"]'),
     dragHandleSeperateList: () => cy.get('.draggable-selected-option [class*="drag"]'),
+    dragHandleSeperateListPreviewTab: () => cy.get('.author-question-preview-tab .draggable-selected-option [class*="drag"]'),
     withBorderOptionStyleButton: () => cy.get('[data-ngie-testid="with-border-toggle-button"]'),
     withoutBorderOptionStyleButton: () => cy.get('[data-ngie-testid="without-border-toggle-button"]'),
     specifyCorrectanswerSectionOption: () => cy.get('[class*="ListOrderingResponsestyles__ItemWrapper"]'),
@@ -246,7 +248,32 @@ const steps = {
                 break;
             case 'none':
                 dragIcon
-                    .should('not.be.visible');
+                    .should('not.exist');
+                break;
+            default:
+                throw new Error('Invalid drag handle option');
+        }
+    },
+
+    verifyDragHandleIconPreviewTab: (dragHandleOption, listType) => {
+        let dragIcon;
+        if (listType === "SameList") {
+            dragIcon = listOrderingPage.dragHandlePreviewTab();
+        } else if (listType === "SeperateList") {
+            dragIcon = listOrderingPage.dragHandleSeperateListPreviewTab();
+        }
+        switch (dragHandleOption) {
+            case 'drag icon':
+                dragIcon
+                    .should('have.class', 'drag-icon-button');
+                break;
+            case 'arrow icon':
+                dragIcon
+                    .should('have.class', 'drag-arrows-icon');
+                break;
+            case 'none':
+                dragIcon
+                    .should('not.exist');
                 break;
             default:
                 throw new Error('Invalid drag handle option');
@@ -1503,9 +1530,9 @@ const steps = {
     clickAndUnDropOptionSeperateList: (optionsText) => {
         listOrderingPage.dropzoneSeperateList()
             .contains(optionsText)
-            .realClick();
+            .click({ force: true });
         listOrderingPage.optionOrientationSeparateList()
-            .realClick();
+            .click({ force: true });
     },
 
     /**

package/cypress/pages/multipleSelectionPage.js

@@ -8,6 +8,7 @@ import { ckEditorInsertImageComponent } from "./components/ckEditorInsertImageCo
 import { ckEditorLinkComponent } from "../pages/components/ckEditorLinkComponent"
 import { createItemPage } from "./createItemPage";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
+import {audioPlayerPage} from "./audioPlayerPage";
 const css = Cypress.env('css');
 const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
 
@@ -33,6 +34,7 @@ const selectors = {
     ...ckEditorInsertImageComponent,
     ...ckEditorLinkComponent,
     ...createItemPage,
+    ...audioPlayerPage,
     //Specify correct answer section
     optionWrapperSpecifyCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
     optionsText: () => cy.get('.mcq-label'),
@@ -75,7 +77,8 @@ const selectors = {
     //correct answer section
     correctAnswersLabel: () => cy.get('[class*="question-preview-wrapper"] [class*="CorrectAnswerLabel"]'),
     correctAnswerSectionWrapper: () => cy.get('[class*="question-preview-wrapper"] .mcq-checkbox-control.mcq-answer-checked').eq(1),
-    optionWrapperCorrectAnswerSection: () => cy.get('.mcq-option-wrapper')
+    optionWrapperCorrectAnswerSection: () => cy.get('.mcq-option-wrapper'),
+    cancelButton: () => cy.get('.save-action-btn-wrapper .MuiButtonBase-root').eq(1),
 }
 
 const steps = {
@@ -103,6 +106,7 @@ const steps = {
     ...ckEditorLinkComponent.steps,
     ...createItemPage.steps,
     ...selectQuestionResourceToolPage.steps,
+    ...audioPlayerPage.steps,
     /**
      * Verifies the contents of an option wrapper in the 'Specify correct answer' section for multiple selection questions.
      * @param {number} optionIndex - The index of the option wrapper to be verified.
@@ -855,6 +859,11 @@ const steps = {
      */
     verifyOptionInputFieldText: (optionAccordionIndex, text) => {
         utilities.verifyInnerText(utilities.getNthElement(multipleSelectionPage.optionsText(), optionAccordionIndex), text)
+    },
+
+    clickOnCancelButton: () => {
+        multipleSelectionPage.cancelButton()
+            .click();
     }
 }
 

package/cypress/pages/rulerPage.js

@@ -86,6 +86,7 @@ const steps = {
     ...measuringToolComponent.steps,
     ...opacityComponent.steps,
     ...imageActionsComponent.steps,
+    ...createItemPage.steps,
 
     clickOnOkButton: () => {
         rulerPage.okButton()

package/cypress/pages/singleSelectionPage.js

@@ -2,6 +2,7 @@ import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
 import { additionalSettingsPanel, createQuestionBasePage, mcqAdditionalSettingsBase, scoringSectionBaseEditTab, autoScoredSpecifyCorrectAnswerSection, optionsWrapperComponent, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, lockUnlockOptionComponent, questionInstructionsComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
 import { createItemPage } from "./createItemPage";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
 
 const options = ['Pollution caused by treating chemical waste', 'Pollution caused by cement production', 'Pollution caused by methane production', 'Pollution caused by cement and methane production'];
@@ -57,6 +58,7 @@ const steps = {
     ...randomizeOptionsComponent.steps,
     ...lockUnlockOptionComponent.steps,
     ...createItemPage.steps,
+    ...selectQuestionResourceToolPage.steps,
     /**
     * Verifies the contents of an option wrapper in the 'Specify correct answer' section for single selection questions.
     * @param {number} optionIndex - The index of the option wrapper to be verified.

package/cypress/pages/studentViewPage.js

@@ -25,8 +25,10 @@ const steps = {
     },
 
     clearResponses: () => {
+        cy.wait(1000);
         studentViewPage.clearResponsesButton()
             .click();
+        cy.wait(1000);
     },
 
     //Note: Remove after https://redmine.zeuslearning.com/issues/549542 is fixed

package/cypress/pages/textEntryMathPage.js

@@ -150,6 +150,8 @@ const selectors = {
     responseInputFieldMathTemplate: () => cy.get('[class*="EquationEditorstyles__FormulaTemplatePreviewWrapper"] [class*="add_response_element"]'),
     responseInputFieldMathTemplatePreviewTab: () => cy.get('[class*="FormulaTemplatePreviewstyles__PreviewWrapper"]'),
     mathTemplateResponseContainerPreviewTab: () => cy.get('.add_response_element'),
+    responseFieldFormulaTemplateFractionNumeratorPreviewTabWithoutResponseContainer: () => cy.get('.mq-numerator'),
+    answersInputFieldMathTemplateVisible: () => cy.get('.equation-input-component .mq-editable-field:visible').eq(1),
     //Equation Editor section
     dragHandleIcon: () => cy.get('[class*="MathPopupstyles__DragHandleIconWrapper"]'),
     cancelButton: () => cy.get('.cancel-btn'),
@@ -308,14 +310,6 @@ const steps = {
             .blur();
     },
 
-    /**
-     * clear answer input field in specify correct answer section
-     * @param {number} answerFieldIndex answer input field index
-     */
-    clearAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex) => {
-        utilities.getNthElement(textEntryMathPage.responseAccordionAnswerInputField(), answerFieldIndex)
-            .clear();
-    },
 
     /**
      * Add input to response accordion answer input field in specify correct answer section
@@ -359,11 +353,11 @@ const steps = {
     },
 
     /**
-     * Select evaluation method
-     * @param {string} evaluationMethodTitle Title of evaluation method
-     * @param {number} index index of evolution method
-     */
-    selectEvaluationMethod: (evaluationMethodTitle) => {
+    * Select evaluation method
+    * @param {string} evaluationMethodTitle Title of evaluation method
+    * @param {number} [index] Index of the evaluation method (optional)
+    */
+    selectEvaluationMethod: (evaluationMethodTitle, index = null) => {
         if (index !== null) {
             utilities.getNthElement(textEntryMathPage.evaluationCard(), index)
                 .contains(evaluationMethodTitle)
@@ -376,7 +370,11 @@ const steps = {
         textEntryMathPage.steps.verifyEvaluationMethodActiveState(evaluationMethodTitle);
     },
 
-    clickOnAddEvaluationButton: () => {
+    /**
+     * add new evaluation tab
+     * @param {number} Index index of add evolution button
+     */
+    clickOnAddEvaluationButton: (index = 0) => {
         utilities.getNthElement(textEntryMathPage.addEvaluationButton(), index)
             .click();
     },
@@ -1344,7 +1342,26 @@ const steps = {
 
     verifyCorrectIncorrectStatusMessageTextNotExist: () => {
         utilities.verifyElementVisibilityState(textEntryMathPage.correctIncorrectStatusMessageText(), 'notExist');
-    }
+    },
+
+    /**
+     * Clicks in the MathTemplate Input box for the specified Response Index
+     * @param {number} responseAreaIndex - The index of the response area to verify.
+     */
+    selectMathTemplateInSpecifyCorrectAnswerSection: (responseIndex) => {
+        textEntryMathPage.answersInputFieldMathTemplateVisible()
+            .click();
+    },
+
+    /**
+    * Focus in the answer input fields of formula template without Response container containing Fractions on numerator
+    * @param {number} responseIndex index of the response to add input
+    */
+    focusInResponseAnswerInputFieldFormulaTemplatePreviewTabWithoutResponseContainer: (responseIndex) => {
+        textEntryMathPage.responseFieldFormulaTemplateFractionNumeratorPreviewTabWithoutResponseContainer()
+            .eq(responseIndex)
+            .click();
+    },
 }
 
 const tests = {
@@ -1399,7 +1416,9 @@ const tests = {
         });
 
         it('User should be able to expand multiple response accordions simultaneously', () => {
-            textEntryMathPage.steps.deleteAlternativeAnswerAccordion(0);
+            if (accordionName === 'Alternate') {
+                textEntryMathPage.steps.deleteAlternativeAnswerAccordion(0);
+            }  
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
             textEntryMathPage.steps.verifyResponseAccordionIsExpanded(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.286-fixesE2E24thJan-7a46dd4.0",
+  "version": "1.0.288",
   "description": "",
   "main": "index.js",
   "scripts": {