itemengine-cypress-automation 1.0.381-fixes-r1-4b1054a.0 → 1.0.381-regressionFixes10June-8dc1710.0

package/cypress/pages/components/ckEditorLinkComponent.js

@@ -12,7 +12,7 @@ const selectors = {
     linkLabel: () => cy.get('.dialog-header-label'),
     linkPopUpWrapper: () => cy.get('.custom-link-wrapper'),
     urlInQuestionInstruction: () => cy.get('[data-cke-saved-href*="https"]'),
-    foxImageLinkUrlValueCheck: () => cy.get('[src*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
+    foxImageLinkUrlValueCheck: () => cy.get('[href*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
     urlInputField: () => cy.get('input[class*="cke_dialog_ui_input_text"]').eq(1),
     OkButton: () => cy.get('[title="OK"]'),
     //Link Info
@@ -24,8 +24,8 @@ const selectors = {
     linkTypeDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(0),
     protocolLabel: () => cy.get('.dialog-input-label').eq(2),
     protocolDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(1),
-    urlLabel: () => cy.get('.dialog-input-label').eq(0),
-    urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(0),
+    urlLabel: () => cy.get('.cke_dialog_ui_text .dialog-input-label').eq(1),
+    urlInputField: () => cy.get('.cke_dialog_ui_input_text input').eq(1),
     //Protocol
     protocolDropDown: () => cy.get('.dialog-input-area').eq(2),
     selectProtocolOptionDropdown: (protocolType = null) => {
@@ -55,8 +55,7 @@ const steps = {
 
     addURLInLinkPopUp: (text) => {
         ckEditorLinkComponent.urlInputField()
-            .type(text, { delay: 0 })
-            .blur();
+            .type(text, { delay: 0 });
     },
 
     addTextInDisplayText: (text) => {
@@ -72,7 +71,7 @@ const steps = {
 
     expandProtocolDropDown: () => {
         ckEditorLinkComponent.protocolDropDown()
-            .click({force: true});
+            .click({ force: true });
     },
 
     selectProtocolType: (protocolType) => {
@@ -122,12 +121,12 @@ const steps = {
             doc.addEventListener('click', () => {
                 setTimeout(function () { doc.location.reload() }, 5000);
             });
-        ckEditorLinkComponent.foxImageLinkUrlValueCheckPreviewTab()
+            ckEditorLinkComponent.foxImageLinkUrlValueCheckPreviewTab()
                 .click();
-         cy.verifyDownload(fileName);
+            cy.verifyDownload(fileName);
         });
     },
-    
+
 
     clickSendItToServerButton: () => {
         ckEditorLinkComponent.sendItToServerButton()

package/cypress/pages/components/colorPopupComponent.js

@@ -6,6 +6,7 @@ const selectors = {
     ...dialogBoxBase,
     colorBlock: () => cy.get('.color-picker-block'),
     colorSaturationPalette: () => cy.get('.react-colorful__saturation'),
+    alphaPicker : () => cy.get('.react-colorful__alpha'),
     colorSaturationPicker: () => cy.get('.react-colorful__saturation-pointer .react-colorful__pointer-fill'),
     colorHuePalette: () => cy.get('.react-colorful__hue'),
     colorHuePicker: () => cy.get('.react-colorful__hue-pointer .react-colorful__pointer-fill'),
@@ -97,6 +98,11 @@ const steps = {
             .click();
     },
 
+    clickInAlphaPicker: () => {
+        colorPopupComponent.alphaPicker()
+            .click();
+    },
+
     clickInColorHuePalette: () => {
         colorPopupComponent.colorHuePalette()
             .click();

package/cypress/pages/components/createQuestionBasePage.js

@@ -120,36 +120,49 @@ const steps = {
      */
     verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
         requiredFieldsArray.forEach((field) => {
-            if (field === 'Please set points') {
+            if (field === 'Please set points.') {
                 scoringSectionBaseEditTab.pointsWrapper()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please enter all option values') {
+            } else if (field === 'Please enter all option values.') {
                 optionsWrapperComponent.optionsLabel()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please upload an image') {
+            } else if (field === 'Please upload an image.') {
                 createQuestionBasePage.backgroundImageLabel()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please insert a dropzone' || field === 'Please insert a text container') {
+            } else if (field === 'Please insert a dropzone' || field === 'Please insert a text container.') {
                 createQuestionBasePage.canvasLabel()
                     .parents('[class*="CanvasLabelWrapper"]')
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'notExist');
                     });
-            } else if (field === 'Please enter all questions' || field === 'Please enter all prompts') {
+            } else if (field === 'Please enter all questions.' || field === 'Please enter all prompts.') {
                 gridQuestionCommonComponent.specifyRowsAndColumnsTableHelpText()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
             }
+            else if (field === 'Please select a file type') {
+                // Upload Response Select File Type Accordion
+                cy.get('.edit-question-edit-tab-wrapper .ngie-accordion-summary')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            } else if (field === 'Please enter text block.') {
+                // Content Block Body Label
+                cy.get('.options-label')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            }
         })
     },
-  
+
 
     clickOnEditQuestionButton: () => {
         createQuestionBasePage.editButton()

package/cypress/pages/components/desmosToolComponent.js

@@ -21,7 +21,7 @@ const selectors = {
     previewTabDesmosToolKeypad: () => cy.get('[class*="DesmosToolstyles__DesmosToolViewWrapper"] .dcg-basic-keypad-container'),
     previewTabDesmosToolKeypadKeys: (ariaLabel = null) => {
         if (ariaLabel) {
-            return cy.get(`.dcg-basic-keypad  .dcg-keypad-btn[aria-label*="${ariaLabel}"]:visible`)
+            return cy.get(`.dcg-basic-keypad  .dcg-keypad-btn[aria-label*="${ariaLabel}"]`)
         } else {
             return cy.get('.dcg-basic-keypad  .dcg-keypad-btn')
         }

package/cypress/pages/components/draggableOptionsSectionComponent.js

@@ -26,6 +26,7 @@ const selectors = {
 const steps = {
     expandDraggableOptionsLayoutDropdown: () => {
         draggableOptionsSectionComponent.draggableOptionsLayoutDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -35,6 +36,7 @@ const steps = {
      */
     selectOptionFromDraggableOptionsLayoutDropdown: (listOption) => {
         draggableOptionsSectionComponent.draggableOptionsLayoutDropdownListOptions(listOption)
+            .trigger('mouseover')
             .click();
     },
 

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -252,50 +252,35 @@ const tests = {
             equationEditorFlyout.steps.verifyCategoryIsDisplayedInEquationEditor(`${equationEditorCategoriesAndSymbols['greek'].displayName}`);
         });
 
-        it('On deselecting all the categories an error message should be displayed \'Error: Please select a category.\' and the preview tab Equation Editor flyout should be empty', () => {
-            cy.log('Pre step: Switching to Edit tab')
+        it('On deselecting all the categories, an error message "Error: Please select a category." should be displayed, and the preview tab Equation Editor flyout should be empty', () => {
+            cy.log('Pre step: Switching to Edit tab');
             equationEditorSectionCommonComponent.steps.switchToEditTab();
             if (questionType == 'essay response') {
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+                // Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
                 equationEditorSectionCommonComponent.steps.expandCustomizeFormattingOptionsAccordion();
             }
             equationEditorSectionCommonComponent.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['intermediate'].displayName}`, `${equationEditorCategoriesAndSymbols['primary'].displayName}`, `${equationEditorCategoriesAndSymbols['general'].displayName}`, `${equationEditorCategoriesAndSymbols['common'].displayName}`, `${equationEditorCategoriesAndSymbols['algebra'].displayName}`, `${equationEditorCategoriesAndSymbols['geo'].displayName}`, `${equationEditorCategoriesAndSymbols['compare'].displayName}`, `${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols['keyPad'].displayName}`]);
-            utilities.verifyInnerText(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'Error: Please select a category.');
-            cy.log('Switching to Preview tab')
+            utilities.verifyElementVisibilityState(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'notExist');
+            cy.log('Switching to Preview tab');
             equationEditorSectionCommonComponent.steps.switchToPreviewTab();
             if (questionType == 'essay response') {
                 equationEditorSectionCommonComponent.steps.selectPreviewTabToolbarOption('Equation Editor');
-            }
-            else {
+            } else {
                 equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             }
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
             utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTabTitle(), 'notExist');
             utilities.verifyElementVisibilityState(equationEditorFlyout.categoryCharactersWrapper(), 'notExist');
-            cy.log('Post step: Switching to Edit tab')
+            cy.log('Post step: Switching to Edit tab');
             equationEditorSectionCommonComponent.steps.switchToEditTab();
             if (questionType == 'essay response') {
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+                // Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
                 equationEditorSectionCommonComponent.steps.expandCustomizeFormattingOptionsAccordion();
-            };
-        });
-
-        //https://redmine.zeuslearning.com/issues/530205
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), {
-                'color': css.color.errorText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(equationEditorSectionCommonComponent.selectACategoryErrorMessage());
+            }
         });
 
-        it('When user selects any category then the error message should disappear', () => {
+        it('User should be able to select any category', () => {
             equationEditorSectionCommonComponent.steps.selectACategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-            utilities.verifyElementVisibilityState(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'notExist');
         });
     },
 

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -718,17 +718,17 @@ const steps = {
 
     verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
         requiredFieldsArray.forEach((field) => {
-            if (field === 'Please set points') {
+            if (field === 'Please set points.') {
                 scoringSectionBaseEditTab.pointsWrapper()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please enter all option values') {
+            } else if (field === 'Please enter all option values.') {
                 fillInTheGapsDropdownCommonComponent.dropdownOptionsLabel()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please upload an image') {
+            } else if (field === 'Please upload an image.') {
                 createQuestionBasePage.backgroundImageLabel()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
@@ -745,6 +745,34 @@ const steps = {
                 const clientWidth = $dropdown[0].clientWidth;
                 expect(scrollWidth).to.not.be.greaterThan(clientWidth);
             });
+    },
+
+    /**
+         * @description Verify the options of a dropdown in the specify correct answer section.
+         * @param {number} index Index of the dropdown.
+         * @param {string[]} optionsArray Array of expected options.
+         */
+    verifyDropdownOptionsSpecifyCorrectAnswerSection: (index, optionsArray) => {
+        fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection()
+            .eq(index)
+            .click();
+        fillInTheGapsDropdownCommonComponent.dropdownListOptions()
+            .should('have.length', optionsArray.length)
+            .each(($option, optionIndex) => {
+                cy.wrap($option)
+                    .should('have.text', optionsArray[optionIndex]);
+            });
+    },
+
+    /**
+     * Verifies the contents of option fields within the options section.
+     * @param {Array<string>} optionsTextArray - An array of strings representing the expected text content for each option field.
+     */
+    verifyOptionFieldContent: (optionsTextArray) => {
+        optionsTextArray.forEach((option, optionIndex) => {
+            utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownOptionsInputField(), optionIndex)
+                .should('have.value', option);
+        });
     }
 }
 

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -44,6 +44,7 @@ const selectors = {
     optionsButton: () => cy.get('[class*="PreviewSelectionButton"]'),
     optionsButtonPreviewTab: () => cy.get('.preview-selection-grid [class*="PreviewSelectionButton"]'),
     gridPreviewTab: () => cy.get('.single-selection-grid-wrapper:visible'),
+    gridPrintPreviewTab: () => cy.get('[data-testid="print-preview-selection-grid-table"]'),
     gridSpecifyCorrectAnswerSection: () => cy.get('.set-correct-ans-selection-grid'),
     tableCell: () => cy.get('[class*="CellContainer"]'),
     tableCellWrapperSpecifyCorrectAnswerSection: () => cy.get('.set-correct-ans-selection-grid [class*="TableCellWrapper"]'),
@@ -214,8 +215,11 @@ const steps = {
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .click();
                 gridQuestionCommonComponent.cellPropertyInputField()
-                    .clear()
-                    .type(text)
+                    .clear();
+                gridQuestionCommonComponent.cellPropertyInputField()
+                    .click()
+                gridQuestionCommonComponent.cellPropertyInputField()
+                    .type(text);
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .blur();
             });
@@ -351,6 +355,55 @@ const steps = {
         });
     },
 
+
+    /**
+     * Verifies the property of a cell in the print preview of a grid question component.
+     * @param {Object} cellPosition - The position of the cell to verify, containing row and column indices.
+     * @param {number} cellPosition.row - The row index of the cell.
+     * @param {number} cellPosition.column - The column index of the cell.
+     * @param {'None'|Heading'|'Subheading'|'Text'|'Radio button'|'Checkbox'|'Radio button with text'|'Checkbox with text'|'No radio button'|'No checkbox'} cellProperty - The property to verify for the cell.
+     * @throws {Error} If an invalid cellProperty is provided.
+     */
+    verifyTableCellPropertyPrintPreviewTab: ({ row, column }, cellProperty) => {
+        gridQuestionCommonComponent.gridPrintPreviewTab().within(() => {
+            utilities.getNthElement(gridQuestionCommonComponent.tableRow(), row)
+                .within(() => {
+                    switch (cellProperty) {
+                        case 'None':
+                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
+                                .should('have.class', 'cell-content-none');
+                            break;
+                        case 'Heading':
+                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
+                                .should('have.class', 'cell-content-heading');
+                            break;
+                        case 'Subheading':
+                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
+                                .should('have.class', 'cell-content-subeading');
+                            break;
+                        case 'Text':
+                        case 'No radio button':
+                        case 'No checkbox':
+                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
+                                .should('have.class', 'cell-content-text');
+                            break;
+                        case 'Radio button':
+                        case 'Checkbox':
+                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
+                                .should('have.class', 'cell-content-radio');
+                            break;
+                        case 'Radio button with text':
+                        case 'Checkbox with text':
+                            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column)
+                                .should('have.class', 'cell-content-radio-text');
+                            break;
+                        default:
+                            throw new Error('Invalid list option');
+                    };
+                });
+        });
+    },
+
     /**
      * Verifies the property of a cell in the specify correct answer section of a grid question component.
      * @param {Object} cellPosition - The position of the cell to verify, containing row and column indices.

package/cypress/pages/components/imageCanvasComponent.js

@@ -57,7 +57,8 @@ const selectors = {
     selectedColorBlockInTextColorPopup: () => cy.get('.color-library-selected'),
     textColorPopupWrapper: () => cy.get('[class*="Canvasstyle__TextColorPopupWrapper"]'),
     textColorLabelInTextColorPopup: () => cy.get('[class*="Canvasstyle__PopupText"]'),
-    canvasWrapperPreviewTab: () => cy.get('.image-container')
+    canvasWrapperPreviewTab: () => cy.get('.image-container'),
+    canvasToolbar: () => cy.get('[class*="Canvasstyle__ButtonsWrapper"]')
 }
 
 const steps = {
@@ -730,6 +731,11 @@ const steps = {
             'border-style': styleName
         });
     },
+
+    clickOnCanvasToolbar: () => {
+        imageCanvasComponent.canvasToolbar()
+            .click();
+    }
 }
 
 const tests = {
@@ -803,17 +809,17 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('User should be able to add maximum 20 multiple response containers inside canvas', () => {
+        it('User should be able to add multiple response containers inside canvas', () => {
             for (let i = 0; i < 21; i++) {
                 imageCanvasComponent.steps.insertResponseArea(i * 2);
             }
-            utilities.verifyElementCount(imageCanvasComponent.responseAreaWrapper(), 20);
+            utilities.verifyElementCount(imageCanvasComponent.responseAreaWrapper(), 22);
         });
 
         it('When user clicks on close button for a response container, then response container should disappear and numeration for existing response containers should be changed appropriately', () => {
             imageCanvasComponent.steps.removeResponseArea(0);
-            utilities.verifyElementCount(imageCanvasComponent.responseAreaWrapper(), 19);
-            for (let i = 0; i < 19; i++) {
+            utilities.verifyElementCount(imageCanvasComponent.responseAreaWrapper(), 21);
+            for (let i = 0; i < 21; i++) {
                 utilities.verifyInnerText(utilities.getNthElement(imageCanvasComponent.responseAreaNumerationText(), i), `${i + 1}`);
             }
         });

package/cypress/pages/components/questionInstructionsComponent.js

@@ -9,6 +9,8 @@ const selectors = {
     questionInstructionsText: () => cy.get('.question-instruction'),
     questionInstructionsWrapper: () => cy.get('.edit-question-instruction-wrapper'),
     questionInstructionsTextPreviewTab: () => cy.get('.question-instruction:visible'),
+    questionNumberPrintPreviewText: () => cy.get('[data-testid="print-preview-question-number"]'),
+    questionInstructionsPrintPreviewText: () => cy.get('[data-testid="question-instruction-element"]').first(),
 }
 
 const steps = {

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -29,6 +29,8 @@ const selectors = {
         }
     },
     minimumPointsLabel: () => cy.get('[class*="min-score-points-label"]'),
+    questionLabel: () => cy.get('[class*="addResponseCKEditorstyles__TitleWrapper"]'),
+    questionWarningIcon: () => cy.get('[class*="addResponseCKEditorstyles__IconWrapper"]'),
     minimumPointsInputField: () => cy.get('.min-score-points-input-field input'),
 }
 
@@ -81,6 +83,7 @@ const steps = {
         scoringSectionBaseEditTab.scoringTypeDropdownListOptions(convertedString)
             .should('be.visible') // Ensure the dropdown option is visible
             .click();
+        cy.wait(2000); // Wait for the dropdown to close
         utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
     },
 

package/cypress/pages/components/specifyRowsAndColumnsComponent.js

@@ -114,6 +114,9 @@ const steps = {
         specifyRowsAndColumnsComponent.inputStepperCountInputField()
             .eq(0)
             .type(`{selectAll}${numberOfColumns}`);
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(0)
+            .should('have.value', numberOfColumns);
     },
 
     /**
@@ -124,7 +127,20 @@ const steps = {
         specifyRowsAndColumnsComponent.inputStepperCountInputField()
             .eq(1)
             .type(`{selectAll}${numberOfRows}`);
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(1)
+            .should('have.value', numberOfRows);
     },
+
+      /**
+     * @description Add input to column input stepper input field
+     * @param {number} numberOfRows Number of rows for the specify columns and rows section table
+     */
+    enterInputToRowInputStepper: (numberOfRows) => {
+        specifyRowsAndColumnsComponent.inputStepperCountInputField()
+            .eq(1)
+            .type(`{selectAll}${numberOfRows}`);
+    }
 }
 
 const tests = {

package/cypress/pages/contentBlocksPage.js

@@ -67,6 +67,8 @@ const selectors = {
 
 const steps = {
     ...createQuestionBasePage.steps,
+    ...createItemPage.steps,
+    ...commonComponents.steps,
 
     addGroupDivider: () => {
         contentBlocksPage.addGroupDividerButton()