itemengine-cypress-automation 1.0.237 → 1.0.238

package/cypress/pages/components/draggableOptionsStyleAndLayoutComponent.js

@@ -10,7 +10,7 @@ const selectors = {
     noneDragHandleIconButton: () => cy.get('button[aria-label="none drag handle icon"]'),
     fillColorLabel: () => cy.get('.draggable-options-color-wrapper .sub-section-label').eq(0),
     borderColorLabel: () => cy.get('.draggable-options-color-wrapper .sub-section-label').eq(1),
-    colorBlock: () => cy.get('.draggable-options-color-wrapper .color-grid-wrapper .color-picker-block'),
+    colorBlock: () => cy.get('.draggable-options-color-wrapper .color-picker-block'),
     editColorButton: () => cy.get('.draggable-options-color-wrapper button[aria-label="edit color"]'),
     borderStyleLabel: () => cy.get('.options-border-style .options-label').eq(1),
     dashedBorderStyleToggleButton: () => cy.get('[data-ngie-testid="dashed-toggle-button"]').eq(1),

package/cypress/pages/components/figCommonStyleAndLayoutComponent.js

@@ -7,7 +7,7 @@ const selectors = {
     componentContainerLabel: () => cy.get('[class*="styles__SectionWrapper"][class*="label"]').eq(0),
     fillColorLabel: () => cy.get('.sub-section-label').eq(0),
     borderColorLabel: () => cy.get('.sub-section-label').eq(1),
-    colorBlock: () => cy.get('.color-grid-wrapper .color-picker-block'),
+    colorBlock: () => cy.get('.color-picker-block'),
     editColorButton: () => cy.get('button[aria-label="edit color"]'),
     borderStyleLabel: () => cy.get('.options-border-style .options-label'),
     dashedBorderStyleToggleButton: () => cy.get('[data-ngie-testid="dashed-toggle-button"]').eq(0),

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -5,6 +5,7 @@ import { commonComponents } from "./commonComponents";
 import { optionsWrapperComponent } from "./optionsWrapperComponent";
 import { createQuestionBasePage } from "./createQuestionBasePage";
 import { placeholderTextSectionComponent } from "./placeholderTextSectionComponent";
+import { scoringSectionBaseEditTab } from "./scoringSectionBaseEditTab";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -725,6 +726,27 @@ const steps = {
             'border': borderValue
         });
     },
+
+    verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
+        requiredFieldsArray.forEach((field) => {
+            if (field === 'Please set points') {
+                scoringSectionBaseEditTab.pointsWrapper()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            } else if (field === 'Please enter all option') {
+                fillInTheGapsDropdownCommonComponent.dropdownOptionsLabel()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            } else if (field === 'Please upload an image') {
+                createQuestionBasePage.backgroundImageLabel()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            }
+        });
+    }
 }
 
 const tests = {

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -29,7 +29,7 @@ const selectors = {
     editCellPropertyButton: () => cy.get('.action-menu button'),
     editCellPropertyList: () => cy.get('.ngie-action-cell-container [role="menu"]'),
     editCellPropertyListOption: () => cy.get('[class*="MuiMenuItem"][role="menuitem"]'),
-    editCellPropertyTableWrapper: () => cy.get('.single-select-grid-option-selection-component .selection-grid-wrapper').eq(0),
+    editCellPropertyTableWrapper: () => cy.get('[class*="single-select"] .selection-grid-wrapper').eq(0),
     editCellPropertyRow: () => gridQuestionCommonComponent.editCellPropertyTableWrapper().find('[class*="wrapper-row"]'),
     editCellPropertyTableLeftPaginationButton: () => cy.get('.authoring-selection-grid [class*="SelectionGridstyles__PaginationLeftControl"]'),
     editCellPropertyTableRightPaginationButton: () => cy.get('.authoring-selection-grid [class*="SelectionGridstyles__PaginationRightControl"]'),
@@ -152,7 +152,7 @@ const selectors = {
     gridLabel: () => cy.get('[class*="Gridstyles__SectionWrapper"]'),
     fillColorLabel: () => cy.get('.sub-section-label').eq(0),
     borderColorLabel: () => cy.get('.sub-section-label').eq(1),
-    colorBlock: () => cy.get('.color-picker-block'),
+    colorBlock: () => cy.get('.color-grid-wrapper .color-picker-block'),
     editColorButton: () => cy.get('button[aria-label="edit color"]'),
     colorBlockSelectedIcon: () => cy.get('[class*="BtnSelectionWrapper"] svg'),
 }
@@ -244,6 +244,8 @@ const steps = {
     verifyPlaceholderTextInCellPropertyInputField: ({ row, column }, text) => {
         utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
             utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
+                gridQuestionCommonComponent.cellPropertyInputField()
+                    .focus();
                 gridQuestionCommonComponent.cellPropertyInputField()
                     .should('have.attr', 'data-cke-editorplaceholder', text);
             });
@@ -953,6 +955,7 @@ const steps = {
     clickOnRightPaginationButtonEditCellPropertyTable: () => {
         gridQuestionCommonComponent.editCellPropertyTableRightPaginationButton()
             .click();
+        cy.wait(1000);
     },
 
     /**

package/cypress/pages/components/imageCanvasComponent.js

@@ -791,11 +791,10 @@ const tests = {
      * @param {"text container"|"dropzone"} response value for the error message
      */
     verifyInsertAndDeleteResponseAreaFunctionality: (response) => {
-        it(`When user clicks on close button for response container, then response container should be removed from canvas and error message 'Error: Please insert a ${response}.' should be displayed`, () => {
+        it(`When user clicks on close button for response container, then response container should be removed from canvas and error message should not be displayed`, () => {
             imageCanvasComponent.steps.removeResponseArea(0);
             utilities.verifyElementVisibilityState(imageCanvasComponent.responseAreaWrapper(), 'notExist');
-            utilities.verifyInnerText(commonComponents.errorMessage(), `Error: Please insert a ${response}.`);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When user adds response container, then error message should disappear', () => {
@@ -849,14 +848,13 @@ const tests = {
             imageCanvasComponent.steps.verifyRedoButtonDisabled();
         });
 
-        it(`When the user reaches the initial state by performing undo actions, the \'Undo\' button should get disabled and error message \'Error: Please insert a ${response}.\' should be displayed`, () => {
+        it(`When the user reaches the initial state by performing undo actions, the \'Undo\' button should get disabled and error message should not be displayed`, () => {
             for (var i = 0; i < 4; i++) {
                 imageCanvasComponent.steps.undoAction();
             }
             utilities.verifyElementCount(imageCanvasComponent.responseArea(), 0);
             imageCanvasComponent.steps.verifyUndoButtonDisabled();
-            utilities.verifyInnerText(commonComponents.errorMessage(), `Error: Please insert a ${response}.`);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user reaches the latest state by performing redo actions, the \'Redo\' button should get disabled and error message should disappear', () => {
@@ -868,11 +866,10 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it(`When user clicks on \'Clear all\' button, then all response container should be deleted and error message 'Error: Please insert a ${response}.' should be displayed`, () => {
+        it(`When user clicks on \'Clear all\' button, then all response container should be deleted and error message should not be displayed`, () => {
             imageCanvasComponent.steps.clearAllCanvas();
             utilities.verifyElementVisibilityState(imageCanvasComponent.responseAreaWrapper(), 'notExist');
-            utilities.verifyInnerText(commonComponents.errorMessage(), `Error: Please insert a ${response}.`);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
     },
 

package/cypress/pages/components/numberLineCommonComponent.js

@@ -548,8 +548,8 @@ const tests = {
         it('When user updates value in Min input field then it should be updated in Specify correct answer section', () => {
             numberLineCommonComponent.steps.enterTextInMinInputField(-12);
             numberLineCommonComponent.steps.verifyTextInMinInputField(-12);
-            numberLineCommonComponent.steps.verifyLabelOnNumberLineNumberLineSection([{ value: -11, index: 0 }]);
-            numberLineCommonComponent.steps.verifyLabelOnNumberLineSpecifyCorrectAnswerSection([{ value: -11, index: 0 }]);
+            numberLineCommonComponent.steps.verifyLabelOnNumberLineNumberLineSection([{ value: -12, index: 0 }]);
+            numberLineCommonComponent.steps.verifyLabelOnNumberLineSpecifyCorrectAnswerSection([{ value: -12, index: 0 }]);
         });
 
         it('When user updates value in Max input field then it should be updated in Specify correct answer section', () => {
@@ -607,7 +607,7 @@ const tests = {
             numberLineCommonComponent.steps.enterTextInMinInputField(-12);
             numberLineCommonComponent.steps.verifyTextInMinInputField(-12);
             numberLineCommonComponent.steps.switchToPreviewTab();
-            numberLineCommonComponent.steps.verifyLabelOnNumberLinePreviewTab([{ value: -11, index: 0 }]);
+            numberLineCommonComponent.steps.verifyLabelOnNumberLinePreviewTab([{ value: -12, index: 0 }]);
         });
 
         it('When user updates value in Max input field then it should be updated in preview  tab', () => {
@@ -645,8 +645,8 @@ const tests = {
             it(`When user selects ${option} in line settings section, then number displayed on number line should be ${option} in number line section and specify correct answer section`, () => {
                 numberLineCommonComponent.steps.selectLineSettingsToggleButton(option);
                 numberLineCommonComponent.steps.verifyLineSettingsToggleButtonSelected(option);
-                numberLineCommonComponent.steps.verifyLabelOnNumberLineNumberLineSection([{ value: numbers[index], index: 0 }]);
-                numberLineCommonComponent.steps.verifyLabelOnNumberLineSpecifyCorrectAnswerSection([{ value: numbers[index], index: 0 }]);
+                numberLineCommonComponent.steps.verifyLabelOnNumberLineNumberLineSection([{ value: numbers[index], index: 1 }]);
+                numberLineCommonComponent.steps.verifyLabelOnNumberLineSpecifyCorrectAnswerSection([{ value: numbers[index], index: 1 }]);
             });
         });
 
@@ -676,7 +676,7 @@ const tests = {
                 numberLineCommonComponent.steps.selectLineSettingsToggleButton(option);
                 numberLineCommonComponent.steps.verifyLineSettingsToggleButtonSelected(option);
                 numberLineCommonComponent.steps.switchToPreviewTab();
-                numberLineCommonComponent.steps.verifyLabelOnNumberLinePreviewTab([{ value: numbers[index], index: 0 }]);
+                numberLineCommonComponent.steps.verifyLabelOnNumberLinePreviewTab([{ value: numbers[index], index: 1 }]);
             });
         });
 

package/cypress/pages/components/questionInstructionsComponent.js

@@ -7,7 +7,8 @@ const selectors = {
     questionInstructionsLabelEditTab: () => cy.get('.edit-question-instruction-label'),
     questionInstructionsInputField: () => cy.get('[title="Question Instructions"]'),
     questionInstructionsText: () => cy.get('.question-instruction'),
-    questionInstructionsWrapper: () => cy.get('.edit-question-instruction-wrapper')
+    questionInstructionsWrapper: () => cy.get('.edit-question-instruction-wrapper'),
+    questionInstructionsTextPreviewTab: () => cy.get('.question-instruction:visible'),
 }
 
 const steps = {
@@ -124,7 +125,7 @@ const tests = {
             createQuestionBasePage.steps.switchToEditTab();
             questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
             createQuestionBasePage.steps.switchToPreviewTab();
-            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsTextPreviewTab(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
         });
     }
 };

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -134,7 +134,7 @@ const selectors = {
     dropzoneLabel: () => cy.get('[class*="Dropzonestyles__SectionWrapper"]'),
     fillColorLabel: () => cy.get('.sub-section-label').eq(0),
     borderColorLabel: () => cy.get('.sub-section-label').eq(1),
-    colorBlock: () => cy.get('.color-picker-block'),
+    colorBlock: () => cy.get('.color-grid-wrapper .color-picker-block'),
     editColorButton: () => cy.get('button[aria-label="edit color"]'),
     colorBlockSelectedIcon: () => cy.get('[class*="BtnSelectionWrapper"] svg'),
     dropzoneBorderStyleLabel: () => cy.get('.options-border-style .options-label').eq(0),
@@ -642,7 +642,7 @@ const steps = {
     verifyColumnsCountInSpecifyCorrectAnswerSectionTable: (numberOfColumns) => {
         dragAndDropIntoCategoriesPage.tableRowContainerSpecifyCorrectAnswerSection()
             .eq(0)
-            .within(() => {
+            .within(($element) => {
                 utilities.verifyElementCount(cy.wrap($element).find('[class*="styles__CellContainer"]'), numberOfColumns);
             });
     },

package/cypress/pages/feedbackScalePage.js

@@ -97,7 +97,7 @@ const selectors = {
     scoringHelpText: () => cy.get('[class*="ScoringText"]'),
     studentViewSettingsLabel: () => cy.get('[class*="StudentViewSettingsLabel"]'),
     legendAccordionWrapper: () => cy.get('[class*="feedback-layout-accordion"]'),
-    additionalSettingsAcknowledgementsLabel: () => cy.get('.additional-settings-container [class*="InlineRichTextComponentstyles__LabelWarpper"]')
+    additionalSettingsAcknowledgementsLabel: () => cy.get('.additional-settings-container [class*="InlineRichTextComponentstyles__LabelWrapper"]')
 }
 
 const steps = {

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -1129,7 +1129,6 @@ const tests = {
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
     ...figCommonStyleAndLayoutComponent.tests,
-    ...connectorStyleStyleAndLayoutCustomizationComponent.tests,
 
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {

package/cypress/pages/fillInTheGapsOverImageDropdownPage.js

@@ -35,6 +35,8 @@ const selectors = {
     previewTabCanvas: () => cy.get('.drag-and-drop-canvas'),
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]'),
     dropdownPointer: () => cy.get('.canvas-pointer-wrapper'),
+    dropdownTextLabel: () => cy.get('.dropdown-list .dropdown-label-text'),
+    dropdownTextLabelCollapsed: () => cy.get('.response-dropdown .dropdown-label-text'),
 }
 
 const steps = {

package/cypress/pages/geoGebraActivityPage.js

@@ -154,7 +154,7 @@ const steps = {
         geoGebraActivityPage.resetButton()
             .click();
     },
-    
+
     verifyPointsFieldErrorMessageIsNotDisplayed: () => {
         geoGebraActivityPage.pointsInputField()
             .parents('.points-wrapper')
@@ -162,6 +162,18 @@ const steps = {
                 utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.pleaseEnterPointsErrorMessage(), 'notExist');
             });
     },
+
+    verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
+        requiredFieldsArray.forEach((field) => {
+            if (field === 'Please insert a resource link') {
+                geoGebraActivityPage.insertResourceLinkLabel()
+                    .parents('[class*="ResourceLinkAndWarningIconWrapper"]')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            }
+        });
+    }
 }
 
 const tests = {

package/cypress/pages/imageHighlightPage.js

@@ -87,6 +87,7 @@ const selectors = {
     checkMarkIcon: () => cy.get('.correct-option-icon [data-name*="Rectangle"]'),
     crossMarkIcon: () => cy.get('.incorrect-option-icon [data-name*="Rectangle"]'),
     correctAnswersLabel: () => cy.get('[class*="__AnswerLabel"]'),
+    correctIncorrectStatusMessageText: () => cy.get('[class*="AnswerStatusText"]'),
     highlightNumerationPreviewTab: () => cy.get('[class*="__TextWrapper"]'),
     correctAnswerContainerAnswerWrapper: () => cy.get('[class*="__AnswersWrapper"]'),
     correctAnswerNumeration: () => cy.get('[class*="CellIndexWrapper"]'),

package/cypress/pages/listOrderingPage.js

@@ -31,7 +31,7 @@ const selectors = {
     correctAnswerSectionWrapper: () => cy.get('[class*="ListOrderingResponsestyles__CorrectAnswers"]'),
     correctAnswerSectionAnswerText: () => cy.get('.question-text-wrapper'),
     correctAnswerSectionIconWrapper: () => cy.get('[class*="CorrectAnswerstyles__IconWrapper"]'),
-    questionBorderPreviewTab: () => cy.get('[class*="ListOrderingResponsestyles__DroppableDiv"]'),
+    questionBorderPreviewTab: () => cy.get('[class*="ListOrderingResponsestyles__DroppableDiv"],[class*="ListOrderingResponsestyles__ResponseContainer"]'),
     //grading view and correct answer view
     optionGradingView: () => cy.get('[class*="DraggableItemsWrapper"] [class*="OptionTextWrapper"]'),
     optionWrapperGradingView: () => cy.get('[class*="DraggableItemsWrapper"] [class*="OptionsWrapper"]'),

package/cypress/pages/matchingPage.js

@@ -1551,6 +1551,27 @@ const steps = {
                 .blur();
         });
     },
+
+    verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
+        requiredFieldsArray.forEach((field) => {
+            if (field === 'Please set points') {
+                scoringSectionBaseEditTab.pointsWrapper()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            } else if (field === 'Please enter all option') {
+                matchingPage.optionsLabel()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            } else if (field === 'Please enter all prompts') {
+                matchingPage.promptLabel()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            }
+        })
+    }
 }
 
 const tests = {

package/cypress/pages/multipleSelectionGridPage.js

@@ -145,6 +145,22 @@ const steps = {
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.correctIcon(), 'notExist');
                 utilities.verifyElementVisibilityState(autoScoredScoringPreviewTab.incorrectIcon(), 'notExist');
             });
+    },
+
+    /**
+    * Verify placeholder text in the input field of a table cell property.
+    * @param {Object} position - The position of the table cell property.
+    * @param {number} position.row - The row index (zero-based) of the table cell property.
+    * @param {number} position.column - The column index (zero-based) of the table cell property.
+    * @param {string} text - The placeholder text to verify in the input field.
+    */
+    verifyPlaceholderTextInCellPropertyInputField: ({ row, column }, text) => {
+        utilities.getNthElement(gridQuestionCommonComponent.editCellPropertyRow(), row).within(() => {
+            utilities.getNthElement(gridQuestionCommonComponent.tableCell(), column).within(() => {
+                gridQuestionCommonComponent.cellPropertyInputField()
+                    .should('have.attr', 'placeholder', text);
+            });
+        });
     }
 }
 

package/cypress/pages/numberLineLabelPage.js

@@ -130,7 +130,7 @@ const steps = {
             .eq(index)
             .within(() => {
                 numberLineLabelPage.labelInputField()
-                    .should('have.attr', 'data-cke-editorplaceholder', `Enter label ${index + 1}`);
+                    .should('have.attr', 'data-cke-editorplaceholder', `Enter label`);
                 commonComponents.dragHandleButton()
                     .should('exist');
                 numberLineLabelPage.deleteLabelButton()
@@ -222,7 +222,11 @@ const steps = {
             cy.wait(200);
             numberLineLabelPage.labelInputField()
                 .eq(index)
-                .should('have.text', label)
+                .should('have.text', label);
+            numberLineLabelPage.labelInputField()
+                .eq(index)
+                .click()
+                .blur();
         });
     },
 
@@ -640,11 +644,20 @@ const steps = {
     */
     allotPartialDifferentWeightsPoints: (pointsArray) => {
         pointsArray.forEach((points, index) => {
+            scoringSectionBaseEditTab.pointsInputField()
+                .eq(index)
             scoringSectionBaseEditTab.pointsInputField()
                 .eq(index)
                 .clear()
-                .type(`${points}`)
+            scoringSectionBaseEditTab.pointsInputField()
+                .eq(index)
+                .type(`${points}`);
+            cy.wait(2000);
+            scoringSectionBaseEditTab.pointsInputField()
+                .eq(index)
                 .should('have.value', points)
+            scoringSectionBaseEditTab.pointsInputField()
+                .eq(index)
                 .blur();
         });
     },

package/cypress/pages/shortTextResponsePage.js

@@ -92,6 +92,7 @@ const selectors = {
     flagNonAccessibleLabel: () => cy.get('[data-ngie-testid="response-option-checkbox"] .MuiFormControlLabel-label'),
     ariaLabelLabel: () => cy.get('.aria-label-wrapper .title-casing'),
     ariaLabelInputField: () => cy.get('.aria-label-wrapper [role="textbox"]'),
+    questionInstructionsTextPreviewTab: () => cy.get('.question-instruction:visible'),
 }
 
 const steps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.237",
+  "version": "1.0.238",
   "description": "",
   "main": "index.js",
   "scripts": {