itemengine-cypress-automation 1.0.189-e2e-execution-crash-83cdbd4.0 → 1.0.190-7thMayFixes-fcaf7b8.0

package/cypress/pages/drawingResponsePage.js

@@ -59,7 +59,7 @@ const selectors = {
         }
     },
     previewTabToolbarOptionTooltip: () => cy.get('.edit-question-preview-wrapper [role="tooltip"][class*="Tooltipstyles__TooltipContent"]'),
-    previewTabLowerCanvas: () => cy.get('.edit-question-preview-wrapper .lower-canvas'),
+    previewTabLowerCanvas: () => cy.get('.question-preview-wrapper .lower-canvas'),
     previewTabUpperCanvas: () => cy.get('.edit-question-preview-wrapper .upper-canvas'),
     previewTabSecondaryToolbarOptionLabel: () => cy.get('.edit-question-preview-wrapper .drawing-tool__secondary-toolbar__tool-name'),
     previewTabSecondaryToolbarOption: (ariaLabel = null) => {
@@ -194,11 +194,12 @@ const selectors = {
     specialCharactersPopupCategoryTitle: () => cy.get('[class*="characters__container"] [class="drawing-tool-options__options__accordion__header"]'),
     specialCharactersPopupCategoryAccordionIcon: () => cy.get('[class*="characters__container"] [aria-label="AccordionIcon"]'),
 
+    //TODO - update selectors https://redmine.zeuslearning.com/issues/571423
     //Edit tab color picker popup
     editTabColorPickerPopupOpacityPalette: () => cy.get('.react-colorful__last-control .react-colorful__interactive'),
     editTabColorPickerPopupOpacityPicker: () => cy.get('.react-colorful__last-control .react-colorful__pointer'),
     editTabColorPickerPopupCancelButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(0),
-    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(2),
+    editTabColorPickerPopupOkButton: () => cy.get('.compact-popup-action-button-wrapper button').eq(1),
 
     //TODO: Student view: Need to remove once https://redmine.zeuslearning.com/issues/556302 is fixed
     studentAndGradingViewDrawingToolbarOption: (drawingOption = null) => {
@@ -208,7 +209,8 @@ const selectors = {
             return cy.get('.drawing-tool__button')
         }
     },
-    studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0)
+    studentViewUpperCanvas: () => cy.get('.upper-canvas').eq(0),
+    gradingViewPlayFeatureButton: () => cy.get('[class*="DrawingResponsePreviewstyles__PlayBtnWrapper"] button')
 }
 
 const steps = {
@@ -635,7 +637,7 @@ const steps = {
     verifySecondaryPopupLineType: (lineType, index) => {
         drawingResponsePage.previewTabSecondaryOptionPopupOptions()
             .eq(index)
-            .should('have.attr', 'aria-label', `Line Type ${lineType}`);
+            .should('have.attr', 'aria-label', `Line type ${lineType}`);
     },
 
     /**
@@ -1225,6 +1227,25 @@ const steps = {
                 });
         });
     },
+
+    /**
+     * This function sets basic question and saves it
+     * @param {string} inputQuestion input for the question instruction
+     * @param {number} points for the question
+     */
+    createBasicDrawingResponseQuestion: (inputQuestion, points) => {
+        drawingResponsePage.questionInstructionsInputField()
+            .type(inputQuestion);
+        drawingResponsePage.pointsInputField()
+            .type(points);
+        drawingResponsePage.saveQuestionButton()
+            .click();
+    },
+
+    clickOnPlayButtonInGradingView: () => {
+        drawingResponsePage.gradingViewPlayFeatureButton()
+            .click();
+    }
 }
 
 const tests = {

package/cypress/pages/feedbackScalePage.js

@@ -1,11 +1,13 @@
 import { additionalSettingsPanel, commonComponents, createQuestionBasePage, questionInstructionsComponent, autoScoredScoringPreviewTab, studentViewSettingsLabelComponent } from "./components"
 import utilities from "../support/helpers/utilities";
+import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
 const css = Cypress.env('css');
 
 const selectors = {
     ...questionInstructionsComponent,
     ...commonComponents,
     ...additionalSettingsPanel,
+    ...selectQuestionResourceToolPage,
     specifyFeedbackScaleOptionsLabel: () => cy.get('[class*="FeedbackScalestyles__SpecifyFeedbackLabel"]'),
     feedbackScaleStyleDropdownLabel: () => cy.get('#feedback-scale-style-dropdown-label'),
     feedbackScaleStyleDropdown: () => cy.get('#feedback-scale-style-select'),
@@ -103,6 +105,7 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...questionInstructionsComponent.steps,
     ...autoScoredScoringPreviewTab.steps,
+    ...selectQuestionResourceToolPage.steps,
     /**
      * Adds legend text to a specific option in the Legend Text accordion.
      * @param {number} optionIndex - The index of the option in the Legend Text accordion.

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -546,6 +546,20 @@ const steps = {
         fillInTheGapsOverImageDragAndDropPage.dropzonePreviewTab()
             .should('be.visible');
     },
+
+    /**
+     * @param {number} index of option input field
+     * @param {string} textContent to enter text in the options input field
+     */
+    enterTextInOptionInputField: (index, textContent) => {
+        optionsWrapperComponent.optionsSectionWrapper()
+            .within(() => {
+                optionsWrapperComponent.optionsInputField()
+                    .eq(index)
+                    .type(textContent)
+                    .blur();
+            });
+    },
 }
 
 const tests = {

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -157,7 +157,7 @@ const steps = {
     * @description this function verifies width of canvas
     */
     verifyCanvasWidthInPreviewTab: (width) => {
-        fillInTheGapsOverImageDropdownPage.canvasInPreviewTab()
+        fillInTheGapsOverImageDropdownPage.canvasImageInPreviewTab()
             .should('have.attr', 'width', width);
     },
 

package/cypress/pages/graphingPage.js

@@ -1554,7 +1554,7 @@ const steps = {
     */
     selectGraphToolOptionPreviewTab: (toolOption) => {
         graphingPage.graphToolOptionPreviewTab(toolOption)
-            .click();
+            .dblclick();
     },
 
     /**
@@ -1664,6 +1664,24 @@ const steps = {
 
     verifyCorrectAnswerSectionNotExist: () => {
         utilities.verifyElementVisibilityState(utilities.getNthElement(graphingPage.graphCorrectAnswerSection(), 1), 'notExist');
+    },
+
+    /**
+    * This function sets basic question and saves it
+    * @param {string} inputQuestion input for the question instruction
+    * @param {number} points for the question
+    */
+    createBasicGraphingResponseQuestion: (inputQuestion, points) => {
+        graphingPage.questionInstructionsInputField()
+            .type(inputQuestion);
+        graphingPage.pointsInputField()
+            .type(points);
+        graphingPage.steps.selectGraphToolOptionEditTab('Line');
+        graphingPage.steps.plotPointsOnGraphEditTab([{ x: 2, xRange: 20, y: 1, yRange: 20 }, { x: 2, xRange: 20, y: -5, yRange: 20 }]);
+        graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Line');
+        graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: -4, xRange: 20, y: 0, yRange: 20 }, { x: 0, xRange: 20, y: 4, yRange: 20 }]);
+        graphingPage.saveQuestionButton()
+            .click();
     }
 }
 

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();