itemengine-cypress-automation 1.0.144 → 1.0.145

package/cypress/pages/components/specifyRowsAndColumnsComponent.js

@@ -0,0 +1,132 @@
+import utilities from "../../support/helpers/utilities";
+
+const selectors = {
+    //Specify columns and rows
+    specifyColumnsAndRowsLabel: () => cy.get('[class*="SpecifyColumnRowsLabel"]'),
+    columnsInputStepperLabel: () => cy.get('.input-stepper-label').eq(0),
+    rowsInputStepperLabel: () => cy.get('.input-stepper-label').eq(1),
+    columnsInputStepperWrapper: () => cy.get('.input-stepper-wrapper[aria-label="Columns"]'),
+    rowsInputStepperWrapper: () => cy.get('.input-stepper-wrapper[aria-label="Rows"]'),
+    inputStepperDecreaseButton: () => cy.get('.input-stepper-button[aria-label="Decrease count"]'),
+    inputStepperIncreaseButton: () => cy.get('.input-stepper-button[aria-label="Increase count"]'),
+    inputStepperCountInputField: () => cy.get('.input-stepper-textfield'),
+}
+
+const steps = {
+    verifyColumnInputStepperIncreaseDecreaseButton: () => {
+        specifyRowsAndColumnsComponent.columnsInputStepperWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(specifyRowsAndColumnsComponent.inputStepperIncreaseButton(), 'visible');
+                utilities.verifyElementVisibilityState(specifyRowsAndColumnsComponent.inputStepperDecreaseButton(), 'visible');
+            });
+    },
+
+    verifyRowInputStepperIncreaseDecreaseButton: () => {
+        specifyRowsAndColumnsComponent.rowsInputStepperWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(specifyRowsAndColumnsComponent.inputStepperIncreaseButton(), 'visible');
+                utilities.verifyElementVisibilityState(specifyRowsAndColumnsComponent.inputStepperDecreaseButton(), 'visible');
+            });
+    },
+
+    /**
+     * @description Decrease column input stepper count
+     * @param {number} increaseValue The value by which the column input stepper count is to be decreased
+     */
+    decreaseColumnInputStepperCount: (increaseValue) => {
+        for (let index = 0; index < increaseValue; index++) {
+            specifyRowsAndColumnsComponent.inputStepperDecreaseButton()
+                .eq(0)
+                .click();
+        };
+    },
+
+    /**
+     * @description Increase column input stepper count
+     * @param {number} increaseValue The value by which the column input stepper count is to be increased
+     */
+    increaseColumnInputStepperCount: (increaseValue) => {
+        for (let index = 0; index < increaseValue; index++) {
+            specifyRowsAndColumnsComponent.inputStepperIncreaseButton()
+                .eq(0)
+                .click();
+        };
+    },
+
+    /**
+     * @description Increase row input stepper count
+     * @param {number} increaseValue The value by which the row input stepper count is to be increased
+     */
+    increaseRowInputStepperCount: (increaseValue) => {
+        for (let index = 0; index < increaseValue; index++) {
+            specifyRowsAndColumnsComponent.inputStepperIncreaseButton()
+                .eq(1)
+                .click();
+        };
+    },
+
+    /**
+     * @description Decrease row input stepper count
+     * @param {number} decreaseValue The value by which the row input stepper count is to be decreased
+     */
+    decreaseRowInputStepperCount: (decreaseValue) => {
+        for (let index = 0; index < decreaseValue; index++) {
+            specifyRowsAndColumnsComponent.inputStepperDecreaseButton()
+                .eq(1)
+                .click();
+        };
+    },
+
+    verifyRowInputStepperIncreaseButtonIsDisabled: () => {
+        utilities.verifyElementDisabled(specifyRowsAndColumnsComponent.inputStepperIncreaseButton().eq(1));
+    },
+
+    verifyColumnInputStepperDecreaseButtonIsDisabled: () => {
+        utilities.verifyElementDisabled(specifyRowsAndColumnsComponent.inputStepperDecreaseButton().eq(0));
+    },
+
+    /**
+     * @description Verify the count of columns in column input stepper
+     * @param {number} value Count of columns in input stepper
+     */
+    verifyColumnInputStepperCountInputFieldValue: (value) => {
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(0)
+            .should('have.value', value);
+    },
+
+    /**
+     * @description Verify the count of rows in rows input stepper
+     * @param {number} value Count of rows in input stepper
+     */
+    verifyRowsInputStepperCountInputFieldValue: (value) => {
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(1)
+            .should('have.value', value);
+    },
+
+    /**
+     * @description Add input to column input stepper input field
+     * @param {number} numberOfColumns Number of columns for the specify columns and rows section table
+     */
+    addInputToColumnInputStepper: (numberOfColumns) => {
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(0)
+            .type(`{selectAll}${numberOfColumns}`);
+    },
+
+    /**
+     * @description Add input to column input stepper input field
+     * @param {number} numberOfRows Number of rows for the specify columns and rows section table
+     */
+    addInputToRowInputStepper: (numberOfRows) => {
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(1)
+            .type(`{selectAll}${numberOfRows}`);
+    },
+}
+
+export const specifyRowsAndColumnsComponent = {
+    ...selectors,
+    steps
+}

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -1,4 +1,4 @@
-import { optionsWrapperComponent, createQuestionBasePage, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType, questionInstructionsComponent, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, commonComponents, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, draggableOptionContainer, draggableOptionsSectionComponent, maximumCapacityPerDropzoneComponent, enableOuterBorderComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
+import { optionsWrapperComponent, createQuestionBasePage, autoScoredSpecifyCorrectAnswerSection, scoringSectionBaseEditTab, autoScoredScoringSectionMultiResponseType, questionInstructionsComponent, autoScoredStudentViewSettings, autoScoredScoringPreviewTab, commonComponents, ckEditorToolbar, equationEditorFlyout, randomizeOptionsComponent, allowMultipleInstancesOfSameDraggableOptionComponent, studentViewSettingsLabelComponent, additionalSettingsPanel, draggableOptionContainer, draggableOptionsSectionComponent, maximumCapacityPerDropzoneComponent, enableOuterBorderComponent, specifyRowsAndColumnsComponent, additionalSettingsAccessibilitySectionComponent } from "./components";
 import utilities from "../support/helpers/utilities";
 import constants from "../fixtures/constants";
 const css = Cypress.env('css');
@@ -19,6 +19,7 @@ const selectors = {
     ...optionsWrapperComponent,
     ...draggableOptionsSectionComponent,
     ...enableOuterBorderComponent,
+    ...specifyRowsAndColumnsComponent,
     ...additionalSettingsPanel,
     editCellPropertyButton: () => cy.get('button[aria-label="More Action"]'),
     editCellPropertyList: () => cy.get('.ngie-action-cell-container [role="menu"]'),
@@ -122,6 +123,7 @@ const steps = {
     ...draggableOptionsSectionComponent.steps,
     ...commonComponents.steps,
     ...enableOuterBorderComponent.steps,
+    ...specifyRowsAndColumnsComponent.steps,
     /**
      * @description Modifies the dropzone property based on the specified list option.
      * @param {("Heading" | "Subheading" | "Text" | "Dropzone" | "None")} listOption - The list option to set to the dropzone.
@@ -562,74 +564,6 @@ const steps = {
             });
     },
 
-    /**
-     * @description Verify the count of columns in column input stepper
-     * @param {number} value Count of columns in input stepper
-     */
-    verifyColumnInputStepperCountInputFieldValue: (value) => {
-        dragAndDropIntoCategoriesPage.inputStepperCountInputField()
-            .eq(0)
-            .should('have.value', value);
-    },
-
-    /**
-     * @description Verify the count of rows in rows input stepper
-     * @param {number} value Count of rows in input stepper
-     */
-    verifyRowsInputStepperCountInputFieldValue: (value) => {
-        dragAndDropIntoCategoriesPage.inputStepperCountInputField()
-            .eq(1)
-            .should('have.value', value);
-    },
-
-    /**
-     * @description Increase column input stepper count
-     * @param {number} increaseValue The value by which the column input stepper count is to be increased
-     */
-    increaseColumnInputStepperCount: (increaseValue) => {
-        for (let index = 0; index < increaseValue; index++) {
-            dragAndDropIntoCategoriesPage.inputStepperIncreaseButton()
-                .eq(0)
-                .click();
-        };
-    },
-
-    /**
-     * @description Decrease column input stepper count
-     * @param {number} increaseValue The value by which the column input stepper count is to be decreased
-     */
-    decreaseColumnInputStepperCount: (increaseValue) => {
-        for (let index = 0; index < increaseValue; index++) {
-            dragAndDropIntoCategoriesPage.inputStepperDecreaseButton()
-                .eq(0)
-                .click();
-        };
-    },
-
-    /**
-     * @description Increase row input stepper count
-     * @param {number} decreaseValue The value by which the row input stepper count is to be increased
-     */
-    increaseRowInputStepperCount: (decreaseValue) => {
-        for (let index = 0; index < decreaseValue; index++) {
-            dragAndDropIntoCategoriesPage.inputStepperIncreaseButton()
-                .eq(1)
-                .click();
-        };
-    },
-
-    /**
-     * @description Decrease row input stepper count
-     * @param {number} decreaseValue The value by which the row input stepper count is to be decreased
-     */
-    decreaseRowInputStepperCount: (decreaseValue) => {
-        for (let index = 0; index < decreaseValue; index++) {
-            dragAndDropIntoCategoriesPage.inputStepperDecreaseButton()
-                .eq(1)
-                .click();
-        };
-    },
-
     /**
      * @description Verify the number of columns in the specify columns and rows section table
      * @param {number} numberOfColumns Number of columns in the specify columns and rows section table
@@ -741,34 +675,6 @@ const steps = {
         utilities.verifyElementCount(dragAndDropIntoCategoriesPage.tableRowContainerPreviewTab(), numberOfRows);
     },
 
-    /**
-     * @description Add input to column input stepper input field
-     * @param {number} numberOfColumns Number of columns for the specify columns and rows section table
-     */
-    addInputToColumnInputStepper: (numberOfColumns) => {
-        dragAndDropIntoCategoriesPage.inputStepperCountInputField()
-            .eq(0)
-            .type(`{selectAll}${numberOfColumns}`);
-    },
-
-    /**
-     * @description Add input to column input stepper input field
-     * @param {number} numberOfRows Number of rows for the specify columns and rows section table
-     */
-    addInputToRowInputStepper: (numberOfRows) => {
-        dragAndDropIntoCategoriesPage.inputStepperCountInputField()
-            .eq(1)
-            .type(`{selectAll}${numberOfRows}`);
-    },
-
-    verifyRowInputStepperIncreaseButtonIsDisabled: () => {
-        utilities.verifyElementDisabled(dragAndDropIntoCategoriesPage.inputStepperIncreaseButton().eq(1));
-    },
-
-    verifyColumnInputStepperDecreaseButtonIsDisabled: () => {
-        utilities.verifyElementDisabled(dragAndDropIntoCategoriesPage.inputStepperDecreaseButton().eq(0));
-    },
-
     checkSetFirstColumnCellsAsHeadingCheckbox: () => {
         dragAndDropIntoCategoriesPage.setFirstColumnCellsAsHeadingCheckbox()
             .click();
@@ -1073,22 +979,6 @@ const steps = {
         utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.tableCellContainerSpecifyCorrectAnswerSection().eq(columnIndex), 'hidden');
     },
 
-    verifyColumnInputStepperIncreaseDecreaseButton: () => {
-        dragAndDropIntoCategoriesPage.columnsInputStepperWrapper()
-            .within(() => {
-                utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.inputStepperIncreaseButton(), 'visible');
-                utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.inputStepperDecreaseButton(), 'visible');
-            });
-    },
-
-    verifyRowInputStepperIncreaseDecreaseButton: () => {
-        dragAndDropIntoCategoriesPage.rowsInputStepperWrapper()
-            .within(() => {
-                utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.inputStepperIncreaseButton(), 'visible');
-                utilities.verifyElementVisibilityState(dragAndDropIntoCategoriesPage.inputStepperDecreaseButton(), 'visible');
-            });
-    },
-
     /**
     * @param {("All or nothing" | "Per dropzone" | "Per correct option")} scoringSubtype option from the scoring subtype radio buttons
     * @description this function selects scoring subtype from the scoring section

package/cypress/pages/geoGebraToolsPage.js

@@ -108,7 +108,7 @@ const steps = {
     },
 
     verifyGeoGebraToolIsVisible: () => {
-        cy.wait(5000);
+        cy.wait(7000);
         utilities.verifyElementVisibilityState(geoGebraToolsPage.geoGebraToolPreviewTab(), 'visible');
     },
 

package/cypress/pages/graphingPage.js

@@ -774,6 +774,12 @@ const steps = {
             .should('be.checked');
     },
 
+    uncheckSnapToGridCheckbox: () => {
+        graphingPage.snapToGridCheckbox()
+            .click()
+            .should('not.be.checked');
+    },
+
     verifySnapToCheckboxIsUnchecked: () => {
         graphingPage.snapToGridCheckbox()
             .should('not.be.checked');

package/cypress/pages/gridFillPage.js

@@ -9,6 +9,9 @@ const selectors = {
     ...commonComponents,
     ...autoScoredScoringSectionMultiResponseType,
     ...autoScoredSpecifyCorrectAnswerSection,
+    ...correctIncorrectAnswerLabelComponent,
+    ...commonComponents,
+    ...autoScoredScoringPreviewTab,
 
     columnsInputField: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] .input-stepper-textfield').eq(0),
     columnsLabel: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] [class*="GridFillstyles__CanvasInputLabelWrapper"]').eq(0),
@@ -25,7 +28,7 @@ const selectors = {
     rowsWrapperSpecifyCorrectAnswerSection: () => cy.get('[class*="GridFillstyles__SetCorrectAnswerWrapper"] [class*="GridFillResponsestyles__RowContainer"]'),
     correctAnswerAccordion: () => cy.get('.correct-answer-accordion'),
     correctAnswerLabel: () => cy.get('.answer-accordion-label div'),
-    gridFillWrapper: () => cy.get('.correct-answer-accordion .grid-fill-response-wrapper'),
+    gridWrapper: () => cy.get('.correct-answer-accordion .grid-fill-response-wrapper'),
     pointsPerResponseLabel: () => cy.get('.alternate-points-points-per-text-span'),
     pointsPerResponseScore: () => cy.get('.alternate-points-points-per-value-span'),
     pointsPerResponseWrapper: () => cy.get('.alternate-points-points-per-text-wrapper'),
@@ -75,6 +78,7 @@ const steps = {
     },
 
     /**
+     * Verifies the value of the columns input field.
      * @param {number} value value of columns input field
      */
     verifyColumnsInputField: (value) => {
@@ -107,6 +111,7 @@ const steps = {
     },
 
     /**
+     * Verifies the value of the rows input field.
      * @param {number} value value of rows input field
      */
     verifyRowsInputField: (value) => {
@@ -124,7 +129,7 @@ const steps = {
             .click();
     },
 
-    expandCustomizeLayoutAccordion: () => {
+    clickOnCustomizeLayoutAccordionButton: () => {
         gridFillPage.customizeLayoutAccordionButton()
             .click();
     },
@@ -142,10 +147,10 @@ const steps = {
     },
 
     /**
- * Shades a cell in the customize layout.
- * @param {number} rowIndex - The index of the row containing the cell.
- * @param {number} columnIndex - The index of the column containing the cell.
- */
+     * Shades a cell in the customize layout.
+     * @param {number} rowIndex - The index of the row containing the cell.
+     * @param {number} columnIndex - The index of the column containing the cell.
+     */
     shadeCell: (rowIndex, columnIndex) => {
         utilities.getNthElement(gridFillPage.rowsWrapperCustomizeLayout(), rowIndex)
             .within(() => {
@@ -161,7 +166,7 @@ const steps = {
      * @param {number} rowIndex - The index of the row containing the cell.
      * @param {number} columnIndex - The index of the column containing the cell.
      */
-    unshadeCell: (rowIndex, columnIndex) => {
+    unShadeCell: (rowIndex, columnIndex) => {
         utilities.getNthElement(gridFillPage.rowsWrapperCustomizeLayout(), rowIndex)
             .within(() => {
                 utilities.getNthElement(gridFillPage.cellInCustomizeLayout(), columnIndex)
@@ -227,7 +232,7 @@ const steps = {
      * @param {number} rowIndex - The index of the row containing the cell.
      * @param {number} columnIndex - The index of the column containing the cell.
      */
-    selectCell: (rowIndex, columnIndex) => {
+    selectCellSpecifyCorrectAnswerSection: (rowIndex, columnIndex) => {
         utilities.getNthElement(gridFillPage.rowsWrapperSpecifyCorrectAnswerSection(), rowIndex)
             .within(() => {
                 utilities.getNthElement(gridFillPage.cellInEditTab(), columnIndex)
@@ -242,7 +247,7 @@ const steps = {
      * @param {number} rowIndex - The index of the row containing the cell.
      * @param {number} columnIndex - The index of the column containing the cell.
      */
-    unselectCell: (rowIndex, columnIndex) => {
+    unselectCellSpecifyCorrectAnswerSection: (rowIndex, columnIndex) => {
         utilities.getNthElement(gridFillPage.rowsWrapperSpecifyCorrectAnswerSection(), rowIndex)
             .within(() => {
                 utilities.getNthElement(gridFillPage.cellInEditTab(), columnIndex)
@@ -490,14 +495,64 @@ const steps = {
     },
 
     /**
-     * Verifies if the correct answer accordion is expanded.
+     * Verifies if the default background color is applied to a cell in the preview tab.
+     * @param {number} rowIndex - The index of the row containing the cell.
+     * @param {number} columnIndex - The index of the column containing the cell.
      */
+    verifyResponseCellHasDefaultBackgroundColor: (rowIndex, columnIndex) => {
+        utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
+            .within(() => {
+                utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
+                    .should('have.css', 'background-color', css.color.gridCellDefaultStateBg);
+            });
+    },
+
+    /**
+     * Verifies if the correct response border and background color is applied to a cell in the preview tab.
+     * @param {number} rowIndex - The index of the row containing the cell.
+     * @param {number} columnIndex - The index of the column containing the cell.
+     */
+    verifyCorrectResponseBorderAndBackgroundColor: (rowIndex, columnIndex) => {
+        utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
+            .within(() => {
+                utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
+                    .should('have.css', 'border-color', css.color.correctAnswer);
+                utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
+                    .should('have.css', 'background-color', css.color.gridCellCorrectAnswerBg);
+            });
+    },
+
+    /**
+     * Verifies if the incorrect response border background color is applied to a cell in the preview tab.
+     * @param {number} rowIndex - The index of the row containing the cell.
+     * @param {number} columnIndex - The index of the column containing the cell.
+     */
+    verifyIncorrectResponseBorderAndBackgroundColor: (rowIndex, columnIndex) => {
+        utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
+            .within(() => {
+                utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
+                    .should('have.css', 'border-color', css.color.incorrectAnswer);
+                utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
+                    .should('have.css', 'background-color', css.color.gridCellIncorrectAnswerBg);
+            });
+    },
+
     verifyCorrectAnswerAccordionIsExpanded: () => {
         gridFillPage.correctAnswerAccordion()
             .find('.ngie-accordion-summary')
             .should('have.attr', 'aria-expanded', 'true');
     },
 
+    /**
+    * Verifies if the background color of a response cell in the preview tab
+    * @param {number} index - The index of the cell to verify.
+    */
+    verifyResponseCellHasDefaultBackgroundColor: (index) => {
+        utilities.verifyCSS(utilities.getNthElement(gridFillPage.cellInPreviewTab(), index), {
+            'background-color': css.color.gridCellDefaultStateBg
+        });
+    },
+
     /**    
     * Verify the points score displayed on response
     * @param {number} pointsPerResponse Points to be displayed on response
@@ -525,7 +580,7 @@ const steps = {
             .within(() => {
                 utilities.verifyElementCount(gridFillPage.cellInPreviewTab(), lengthColumns);
             });
-    },
+    }
 }
 
 const tests = {
@@ -540,7 +595,7 @@ const tests = {
             utilities.verifyElementCount(gridFillPage.correctAnswerAccordion(), 1);
             gridFillPage.steps.verifyCorrectAnswerAccordionIsExpanded();
             utilities.verifyInnerText(gridFillPage.correctAnswerLabel(), 'Correct');
-            utilities.verifyElementVisibilityState(gridFillPage.gridFillWrapper(), 'visible');
+            utilities.verifyElementVisibilityState(gridFillPage.gridWrapper(), 'visible');
         });
     },
 

package/cypress/pages/index.js

@@ -44,6 +44,7 @@ export * from './textEntryMathWithImagePage';
 export * from './graphingPage';
 export * from './simpleCalculatorPage'
 export * from './contentBlocksPage';
-export * from './gridFillPage';
 export * from './geoGebraActivityPage';
+export * from './gridFillPage';
 export * from './geoGebraToolsPage';
+export * from './matchingPage';