itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-repoUpdate3May-f180558.0

package/cypress/pages/gridFillPage.js

@@ -31,6 +31,7 @@ const selectors = {
     makeResponsiveCheckbox: () => cy.get('.mobile-responsive-wrapper input'),
     makeResponsiveCheckboxIcon: () => cy.get('.mobile-responsive-wrapper .MuiSwitch-thumb'),
     whatIsThisLabel: () => cy.get('.what-is-wrapper [class*="StyledLink"]'),
+    makeResponsiveHelpText: () => cy.get('[class*="WhatIsThisDescriptionWrapper"]'),
     columnsInputField: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] .input-stepper-textfield').eq(0),
     columnsLabel: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] [class*="GridFillstyles__CanvasInputLabelWrapper"]').eq(0),
     columnsIncreaseButton: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] [aria-label="Increase count"]').eq(0),
@@ -41,8 +42,8 @@ const selectors = {
     rowsDecreaseButton: () => cy.get('[class*="GridFillstyles__RowsColWrapper"] [aria-label="Decrease count"]').eq(1),
 
     cellInEditTab: () => cy.get('[class*="GridFillResponsestyles__CellContainer"]'),
-    matchExactPositionLabel: () => cy.get('[data-ngie-testid="exact-match-position-of-cells-checkbox"] [class*="label"]'),
-    matchExactPositionCheckbox: () => cy.get('[data-ngie-testid="exact-match-position-of-cells-checkbox"] input'),
+    matchExactPositionLabel: () => cy.get('[data-ngie-testid="match-exact-position-of-cells-checkbox"] [class*="label"]'),
+    matchExactPositionCheckbox: () => cy.get('[data-ngie-testid="match-exact-position-of-cells-checkbox"] input'),
     cellInSpecifyCorrectAnswerSection: () => cy.get('[class*="GridFillstyles__SetCorrectAnswerWrapper"] [class*="GridFillResponsestyles__CellContainer"]'),
     rowsWrapperSpecifyCorrectAnswerSection: () => cy.get('[class*="GridFillstyles__SetCorrectAnswerWrapper"] [class*="GridFillResponsestyles__RowContainer"]'),
     correctAnswerAccordion: () => cy.get('.correct-answer-accordion'),
@@ -57,7 +58,7 @@ const selectors = {
     gridSpecifyCorrectAnswerSection: () => cy.get('[class*="AnswerAccordionstyles__AnswerPanel"] [class*="GridFillResponsestyles__GridWrapper"]'),
     gridRow: () => cy.get('[class*="GridFillResponsestyles__RowContainer"]'),
     cellShadeCountLabel: () => cy.get('[class*="GridFillResponsestyles__CellFillCountLabel"]'),
-    cellShadeCountInputField: () => cy.get('.cell-count-cls input'),
+    cellShadeCountInputField: () => cy.get('.grid-fill-response-wrapper [aria-label="labeling"]'),
     paginationButtonWrapperSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion  [class*="PaginationControlWrapper"]'),
     paginationTextSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion [class*="PaginationControlWrapper"] [class*="PaginationDetails"]'),
     previousPaginationButtonSpecifyCorrectAnswerSection: () => cy.get('.correct-answer-accordion [class*="PaginationControlWrapper"] [class*="PaginationControl"]').eq(0),
@@ -103,7 +104,7 @@ const selectors = {
     shadeCellButton: () => cy.get('.single-select-toggle-group button').eq(0),
     hideCellButton: () => cy.get('.single-select-toggle-group button').eq(1),
     shadedCellIcon: () => cy.get('[class*="GridFillResponsestyles__CellHideFillIconWrapper"] g[id*="Group"]'),
-    hiddenCellIcon: () => cy.get('[class*="GridFillResponsestyles__CellHideFillIconWrapper"] #Hide_cell'),
+    hiddenCellIcon: () => cy.get('[class*="GridFillResponsestyles__CellHideFillIconWrapper"]'),
     gridCustomizeLayoutSection: () => cy.get('.customize-layout-wrapper-cls [class*="GridFillResponsestyles__GridWrapper"]'),
     cellInCustomizeLayout: () => cy.get('[id*="Response-cell"]'),
     rowsWrapperCustomizeLayout: () => cy.get('.customize-layout-wrapper-cls [class*="GridFillResponsestyles__RowContainer"]'),
@@ -479,10 +480,10 @@ const steps = {
                     .click()
                     .invoke('attr', 'aria-label')
                     .should('include', 'Hide cell');
-                /* utilities.getNthElement(gridFillPage.cellInCustomizeLayout(), columnIndex)
-                     .within(() => {
-                         utilities.verifyElementVisibilityState(gridFillPage.hiddenCellIcon(), 'exist');
-                     });*/
+                utilities.getNthElement(gridFillPage.cellInCustomizeLayout(), columnIndex)
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(gridFillPage.hiddenCellIcon(), 'exist');
+                    });
             });
     },
 
@@ -744,14 +745,7 @@ const steps = {
                 utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
                     .within(() => {
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
-                            .then(($element) => {
-                                cy.window().then((win) => {
-                                    const element = $element[0];
-                                    const pseudoStyle = win.getComputedStyle(element, '::after');
-                                    const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.gridCellCorrectAnswerBg);
-                                });
-                            });
+                            .should('have.css', 'background-color', css.color.gridCellCorrectAnswerBg);
                     });
             });
     },
@@ -763,14 +757,7 @@ const steps = {
                 utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
                     .within(() => {
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
-                            .then(($element) => {
-                                cy.window().then((win) => {
-                                    const element = $element[0];
-                                    const pseudoStyle = win.getComputedStyle(element, '::after');
-                                    const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.gridCellDefaultStateBg);
-                                });
-                            });
+                            .should('have.css', 'background-color', css.color.gridCellDefaultStateBg);
                     });
             });
     },
@@ -782,14 +769,7 @@ const steps = {
                 utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
                     .within(() => {
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
-                            .then(($element) => {
-                                cy.window().then((win) => {
-                                    const element = $element[0];
-                                    const pseudoStyle = win.getComputedStyle(element, '::after');
-                                    const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.gridCellSelectedStateBg);
-                                });
-                            });
+                            .should('have.css', 'background-color', css.color.titleContainerBorder);
                     });
             });
     },
@@ -801,14 +781,7 @@ const steps = {
                 utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
                     .within(() => {
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
-                            .then(($element) => {
-                                cy.window().then((win) => {
-                                    const element = $element[0];
-                                    const pseudoStyle = win.getComputedStyle(element, '::after');
-                                    const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.defaultBackground);
-                                });
-                            });
+                            .should('have.css', 'background-color', css.color.defaultBackground);
                     });
             });
     },
@@ -825,14 +798,7 @@ const steps = {
                 utilities.getNthElement(gridFillPage.rowsWrapperPreviewTab(), rowIndex)
                     .within(() => {
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
-                            .then(($element) => {
-                                cy.window().then((win) => {
-                                    const element = $element[0];
-                                    const pseudoStyle = win.getComputedStyle(element, '::after');
-                                    const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.gridCellIncorrectAnswerBg);
-                                });
-                            });
+                            .should('have.css', 'background-color', css.color.gridCellIncorrectAnswerBg);
                     });
             });
     },
@@ -854,14 +820,7 @@ const steps = {
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
                             .should('have.css', 'border-color', css.color.correctAnswer);
                         utilities.getNthElement(gridFillPage.cellInPreviewTab(), columnIndex)
-                            .then(($element) => {
-                                cy.window().then((win) => {
-                                    const element = $element[0];
-                                    const pseudoStyle = win.getComputedStyle(element, '::after');
-                                    const pseudoBackgroundColor = pseudoStyle.getPropertyValue('background-color');
-                                    expect(pseudoBackgroundColor).to.equal(css.color.gridCellCorrectAnswerBg);
-                                });
-                            });
+                            .should('have.css', 'background-color', css.color.gridCellCorrectAnswerBg);
                     });
             });
     },
@@ -954,7 +913,11 @@ const steps = {
      * @param {number} lengthRows - The expected count of rows.
      */
     verifyRowsCountPreviewTab: (lengthRows) => {
-        utilities.verifyElementCount(gridFillPage.rowsWrapperPreviewTab(), lengthRows);
+        gridFillPage.gridWrapperPreviewTab()
+            .eq(0)
+            .within(() => {
+                utilities.verifyElementCount(gridFillPage.rowsWrapperPreviewTab(), lengthRows);
+            });
     },
 
     /**
@@ -968,6 +931,18 @@ const steps = {
             });
     },
 
+    /**
+     * @description Verifies the count of cells in a grid in the preview tab.
+     * @param {number} expectedCount - The expected count of cells in the grid.
+     */
+    getCellCountInGridPreviewTab: (expectedCount) => {
+        gridFillPage.gridWrapperPreviewTab()
+            .eq(0)
+            .within(() => {
+                utilities.verifyElementCount(gridFillPage.cellInPreviewTab(), expectedCount);
+            });
+    },
+
     expandOpenTheGridSelectorDropdown: () => {
         gridFillPage.openTheGridSelectorDropdownButton()
             .click()
@@ -2891,6 +2866,19 @@ const steps = {
         utilities.verifyElementVisibilityState(gridFillPage.correctAnswerLabel(), 'notExist');
         utilities.verifyElementVisibilityState(gridFillPage.gridWrapperPreviewTab().eq(1), 'notExist');
     },
+
+     /**
+     * @param {number} points - The points to be allotted.
+     * @description - Allots points in the scoring section.
+     */
+     allotPoints: (points) => {
+        scoringSectionBaseEditTab.pointsInputField()
+            .eq(0)
+            .clear()
+            .type(`${points}`)
+            .should('have.value', points)
+            .blur();
+    },
 }
 
 const tests = {
@@ -2985,8 +2973,8 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it(`\'Exact match position of cells\' label and checkbox should be displayed in the ${accordionName} accordion and the checkbox should be checked`, () => {
-            utilities.verifyInnerText(gridFillPage.matchExactPositionLabel(), 'Exact match position of cells');
+        it(`\'Match exact position of cells\' label and checkbox should be displayed in the ${accordionName} accordion and the checkbox should be checked`, () => {
+            utilities.verifyInnerText(gridFillPage.matchExactPositionLabel(), 'Match exact position of cells');
             utilities.verifyElementVisibilityState(gridFillPage.matchExactPositionLabel(), 'visible');
             utilities.verifyElementVisibilityState(gridFillPage.matchExactPositionCheckbox(), 'exist');
             gridFillPage.steps.verifyMatchExactPositionOfCellsCheckboxIsChecked();

package/cypress/pages/index.js

@@ -47,4 +47,8 @@ export * from './geoGebraToolsPage';
 export * from './matchingPage';
 export * from './brainingCampManipulativePage';
 export * from './numberLinePage';
-export * from './textSelectionPage';
+export * from './textSelectionPage';
+export * from './chartsBarPage';
+export * from './chartsLinePage';
+export * from './numberLineLabelPage';
+export * from './chartsDotPlotPage';

package/cypress/pages/itemPreviewSettingsPage.js

@@ -7,6 +7,8 @@ import { scoringSectionBase } from "./components";
 import { questionInstructionsComponent } from "./components";
 import { contentBlocksPage } from "./contentBlocksPage";
 import { createQuestionBasePage } from "./components";
+import { graphingPage } from "./graphingPage";
+import { drawingResponsePage } from "./drawingResponsePage";
 
 const selectors = {
     ...createItemPage,
@@ -105,6 +107,8 @@ const steps = {
     ...scoringSectionBase.steps,
     ...questionInstructionsComponent.steps,
     ...selectQuestionResourceToolPage.steps,
+    ...graphingPage.steps,
+    ...drawingResponsePage.steps,
 
     verifyEnableSideBySidePanelsCheckboxUnchecked: () => {
         itemPreviewSettingsPage.enableSideBySidePanelsCheckbox()