itemengine-cypress-automation 1.0.276-updatedRepo12thDec-303c8a0.0 → 1.0.277

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -94,7 +94,6 @@ const selectors = {
     correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('[class*="Canvasstyle__DragAndDropCanvas"] .drag-and-drop-canvas'),
     dropzoneNumerationBox: () => cy.get('.answer-numeration-number-box'),
     correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('.dnd-correct-answer-wrapper [class*="ResponseDropZonestyles__ResponseWrapper"]'),
-    responseAreaPreviewTab: () => cy.get('[class*="ResponseDropZonestyles__ResponseWrapper"] .cell'),
 }
 
 const steps = {
@@ -336,7 +335,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');
     },
 
@@ -361,7 +360,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -704,13 +703,13 @@ const steps = {
     verifyOptionInDropzoneNotWrapped: () => {
         fillInTheGapsOverImageDragAndDropPage.dropzoneOptionSpecifyCorrectAnswerSection()
             .eq(0)
-            .should('have.css', 'height', '22px');
+            .should('have.css', 'height', '24px');
     },
 
     verifyOptionInDropzoneWrapped: () => {
         fillInTheGapsOverImageDragAndDropPage.dropzoneOptionSpecifyCorrectAnswerSection()
             .eq(0)
-            .should('have.css', 'height', '66px');
+            .should('have.css', 'height', '72px');
     },
 
     expandOptionInDropzone: () => {
@@ -994,13 +993,13 @@ const steps = {
                         break;
                     case 'Left':
                         fillInTheGapsOverImageDragAndDropPage.optionPanelWrapper()
-                            .should('have.css', 'width', '143.84375px')
+                            .should('have.css', 'width', '142.84375px')
                             .and('have.css', 'padding-right', '24px')
                             .and('have.css', 'padding-left', '8px')
                         break;
                     case 'Right':
                         fillInTheGapsOverImageDragAndDropPage.optionPanelWrapper()
-                            .should('have.css', 'width', '143.84375px')
+                            .should('have.css', 'width', '142.84375px')
                             .and('have.css', 'padding-right', '8px')
                             .and('have.css', 'padding-left', '24px')
                         break;
@@ -1181,18 +1180,6 @@ const steps = {
                 });
             });
     },
-
-    /**
-     * Verifies the border style of a response area element.
-     * @param {number} responseAreaIndex - The index of the response area to verify.
-     * @param {string} borderStyle - The expected border style value.
-     */
-    verifyResponseAreaOverImageBorderStyle: (responseAreaIndex, borderStyle) => {
-        const styleName = borderStyle.toLowerCase();
-        utilities.verifyCSS(utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.responseAreaPreviewTab(), responseAreaIndex), {
-            'border-style': styleName
-        });
-    },
 }
 
 const tests = {

package/cypress/pages/gridFillPage.js

@@ -174,7 +174,7 @@ const selectors = {
     correctAnswerLabel: () => cy.get('[class*="GridFillResponsestyles__CorrectAnswerLabel"]'),
     warningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
     warningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]'),
-    resetButton: () => cy.get('[class*="reset-color-wrapper"] button')
+    resetButton: () => cy.get('[class*="reset-color-wrapper"] button'),
 }
 
 const steps = {
@@ -2849,7 +2849,8 @@ const steps = {
         scoringSectionBaseEditTab.pointsInputField()
             .eq(0)
             .should('have.value', points)
-    }
+
+    },
 }
 
 const tests = {

package/cypress/pages/listOrderingPage.js

@@ -125,8 +125,6 @@ const selectors = {
     leftToggleButton: () => cy.get('[data-ngie-testid="left-toggle-button"]'),
     rightToggleButton: () => cy.get('[data-ngie-testid="right-toggle-button"]'),
     pannelPlacementRightToggle: () => cy.get('.panel-placement-reversed-cls'),
-    correctIconNew: () => cy.get('[class*="ClozeWithDragAndDropstyles__TickIconWrapper"].icon-correct'),
-    incorrectIconNew: () => cy.get('[class*="ClozeWithDragAndDropstyles__TickIconWrapper"].icon-incorrect'),
 }
 
 const steps = {
@@ -246,7 +244,7 @@ const steps = {
                 break;
             case 'none':
                 dragIcon
-                    .should('not.be.visible');
+                    .should('not.exist');
                 break;
             default:
                 throw new Error('Invalid drag handle option');
@@ -296,7 +294,7 @@ const steps = {
             utilities.verifyElementVisibilityState(listOrderingPage.connectorIcon().eq(connector), 'visible');
         }
     },
-
+    
     /**
     * Verifies the connector.
     * @param {string} connectorName - name of the connector
@@ -407,7 +405,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -502,7 +500,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -688,7 +686,7 @@ const steps = {
         utilities.getNthElement(listOrderingPage.optionSpecifyCorrectAnswerSection(), index)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -873,7 +871,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1230,7 +1228,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1274,7 +1272,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1549,7 +1547,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1561,7 +1559,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1573,7 +1571,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1585,7 +1583,7 @@ const steps = {
             .eq(optionIndex)
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+            //  .contains(constants.CKEditorInputFieldEnteredEquationText); ;
     },
 
     /**
@@ -1715,11 +1713,6 @@ const steps = {
                 .should('have.css', 'pointer-events', 'none');
         });
     },
-
-    verifyCorrectIncorrectIconsNotExistListOrderingReorderAsSeparate: () => {
-        utilities.verifyElementVisibilityState(listOrderingPage.correctIconNew(), 'notExist');
-        utilities.verifyElementVisibilityState(listOrderingPage.incorrectIconNew(), 'notExist');
-    }
 }
 
 const tests = {

package/cypress/pages/matchingPage.js

@@ -167,7 +167,6 @@ const selectors = {
     draggableOptionsLabel: () => cy.get('.draggable-options-label'),
     dragHandleIconLabel: () => cy.get('[class*="__SubSectionLabel"]').eq(3),
     dragHandle: () => cy.get('[class*="DraggableItemstyle__ItemWrapper"] [class*="drag"]'),
-    dragHandleNew: () => cy.get('[class*="DraggableItemstyle__ItemContainer"] .drag-icon-button'),
     dragHandleOptions: () => cy.get('.drag-handle-icon-block'),
     draggableOptionPanelPlacementLabel: () => cy.get('.draggable-option-panel-label'),
     panelPlacementLabel: () => cy.get('.panel-placement-style .options-label'),
@@ -894,19 +893,6 @@ const steps = {
             });
     },
 
-    /**
-    * @description Verifies the incorrect option icon for a specified dropzone in the Preview Tab.
-    * @param {number} dropzoneIndex - The index of the dropzone to verify.
-    * @param {number} optionIndex - The index of the option to verify.
-    */
-    verifyIncorrectOptionIconForEmptyOption: (dropzoneIndex) => {
-        matchingPage.dropzonePreviewTab()
-            .eq(dropzoneIndex)
-            .within(() => {
-                utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'exist');
-            });
-    },
-
     /**
     * @description Verifies the absence of a correct/incorrect option icon for a specified option in the Preview Tab.
     * @param {number} optionIndex - The index of the option to verify.
@@ -2313,7 +2299,7 @@ const steps = {
                     .should('have.class', 'drag-arrows-icon');
                 break;
             case 'none':
-                matchingPage.dragHandleNew()
+                matchingPage.dragHandle()
                     .should('not.exist');
                 break;
         }
@@ -2352,7 +2338,7 @@ const steps = {
             case 'none':
                 matchingPage.previewTabQuestionWrapper()
                     .within(() => {
-                        matchingPage.dragHandleNew()
+                        matchingPage.dragHandle()
                             .should('not.exist');
                     });
                 break;