itemengine-cypress-automation 1.0.341-e2eFixes18March-66a79d0.0 → 1.0.341-graphAndCharts-0a4e8d7.0

package/cypress/pages/components/gridQuestionCommonComponent.js

@@ -1083,11 +1083,13 @@ const steps = {
 
     expandDefaultOptionDropdown: () => {
         gridQuestionCommonComponent.defaultOptionDropdown()
+            .trigger('mouseover')
             .click();
     },
 
     expandDefaultTextDropdown: () => {
         gridQuestionCommonComponent.defaultTextDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -1152,6 +1154,7 @@ const steps = {
     //Additional settings
     expandRowNumerationDropdown: () => {
         gridQuestionCommonComponent.rowNumerationDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -1384,6 +1387,7 @@ const steps = {
 
     expandRowSpacingDropdown: () => {
         gridQuestionCommonComponent.rowSpacingDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -1472,6 +1476,7 @@ const steps = {
     expandColumnSpacingDropdown: () => {
         gridQuestionCommonComponent.columnSpacingDropdown()
             .eq(0)
+            .trigger('mouseover')
             .click();
     },
 
@@ -1608,6 +1613,7 @@ const steps = {
 
     expandColumnDimensionsDropdown: () => {
         gridQuestionCommonComponent.columnDimensionsDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -2071,43 +2077,6 @@ const steps = {
 }
 
 const tests = {
-    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
-            autoScoredScoringPreviewTab.studentViewRadioButton()
-                .should('be.checked');
-            autoScoredScoringPreviewTab.gradingViewRadioButton()
-                .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
-            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
-        });
-
-        it('CSS of Preview mode contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.codeBlockText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-    },
-
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it(`When the user selects any scoring type except for manual scored, then the question grid should be displayed in the specify correct answer section`, () => {
             gridQuestionCommonComponent.steps.verifyTableCellPropertySpecifyCorrectAnswerSection({ row: 0, column: 0 }, 'None');
@@ -2752,6 +2721,8 @@ const tests = {
             it(`When user selects 'Column dimensions' ${option} option then ${option} spacing should be displayed between the columns`, () => {
                 gridQuestionCommonComponent.steps.expandColumnDimensionsDropdown();
                 gridQuestionCommonComponent.steps.selectColumnDimensionsDropdownOption(option);
+                utilities.verifyInnerText(gridQuestionCommonComponent.columnDimensionsDropdown(), option);
+                utilities.verifyElementVisibilityState(gridQuestionCommonComponent.columnDimensionsDropdown(), 'visible');
                 gridQuestionCommonComponent.steps.verifyColumnDimensionsSpecifyCorrectAnswer(option);
             });
         });

package/cypress/pages/components/hideExpressionListComponent.js

@@ -0,0 +1,53 @@
+import utilities from "../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const selectors = {
+    hideExpressionListLabel: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] .MuiFormControlLabel-label'),
+    hideExpressionListCheckbox: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] input'),
+}
+
+const steps = {
+    verifyHideExpressionListCheckboxUnchecked: () => {
+        hideExpressionListComponent.hideExpressionListCheckbox()
+            .should('not.be.checked');
+    },
+    checkHideExpressionListCheckbox: () => {
+        hideExpressionListComponent.hideExpressionListCheckbox()
+            .click()
+            .should('be.checked');
+    },
+}
+const tests = {
+    verifyHideExpressionList: () => {
+        it('\'Hide expression list\' label and checkbox should be displayed and by default it should be unchecked', () => {
+            utilities.verifyInnerText(hideExpressionListComponent.hideExpressionListLabel(), 'Hide expression list');
+            utilities.verifyElementVisibilityState(hideExpressionListComponent.hideExpressionListLabel(), 'visible');
+            hideExpressionListComponent.steps.verifyHideExpressionListCheckboxUnchecked();
+        });
+
+        it('User should be able to check the \'Hide expression list\' checkbox', () => {
+            hideExpressionListComponent.steps.checkHideExpressionListCheckbox();
+        });
+
+        it('CSS of hide expression list checkbox and label', { tags: 'css' }, () => {
+            utilities.verifyCSS(hideExpressionListComponent.hideExpressionListLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+            utilities.verifyCSS(hideExpressionListComponent.hideExpressionListCheckbox().parents('[data-ngie-testid="hide-expression-list-checkbox"]').find('svg g').eq(1), {
+                'fill': css.color.primaryBtnBg
+            });
+        });
+
+        it('Accessibility of hide expression list', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(hideExpressionListComponent.hideExpressionListCheckbox().parents('[data-ngie-testid="hide-expression-list-checkbox"]'))
+        });
+    }
+}
+
+export const hideExpressionListComponent = {
+    ...selectors,
+    steps,
+    tests
+}

package/cypress/pages/components/imageCanvasComponent.js

@@ -38,6 +38,7 @@ const selectors = {
     },
     textResponse: () => cy.get('[class*="Canvasstyle__TextBoxContainer"] textarea'),
     canvasImage: () => cy.get('.canvas-image').eq(0),
+    canvasUploadedImage: () => cy.get('.canvas-image'),
     canvasImageInPreviewTab: () => cy.get('[class*="question-preview-wrapper"] [class*="ImageWrapper"] img'),
     imagePropertiesLabel: () => cy.get('[class*="ImagePropertiesstyles__SectionLabel"]'),
     fillImageToCanvasLabel: () => cy.get('[data-ngie-testid="fill-image-to-canvas-checkbox"] .MuiFormControlLabel-label'),
@@ -791,10 +792,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 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.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When user adds response container, then error message should disappear', () => {
@@ -847,13 +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 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 (let i = 0; i < 4; i++) {
                 imageCanvasComponent.steps.undoAction();
             }
             utilities.verifyElementCount(imageCanvasComponent.responseArea(), 0);
             imageCanvasComponent.steps.verifyUndoButtonDisabled();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            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', () => {
@@ -865,10 +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 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.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
     },
 

package/cypress/pages/components/index.js

@@ -69,3 +69,4 @@ export * from './draggableOptionsStyleAndLayoutComponent';
 export * from './connectorStyleStyleAndLayoutCustomizationComponent';
 export * from './equationEditorSectionCommonComponent';
 export * from './ckEditorAudioPlayerComponent';
+export * from './hideExpressionListComponent';

package/cypress/pages/components/mcqAdditionalSettingsBase.js

@@ -39,6 +39,7 @@ const selectors = {
 const steps = {
     expandOptionDesignDropdown: () => {
         mcqAdditionalSettingsBase.optionDesignDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -62,6 +63,7 @@ const steps = {
 
     expandOptionNumerationDropdown: () => {
         mcqAdditionalSettingsBase.optionNumerationDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -106,6 +108,8 @@ const steps = {
 
     expandNumberOfOptionsColumnDropdown: () => {
         mcqAdditionalSettingsBase.numberOfOptionColumnsDropdown()
+            .should('be.visible') // Ensure the dropdown is visible
+            .trigger('mouseover')
             .click();
     },
 

package/cypress/pages/components/optionsWrapperComponent.js

@@ -78,7 +78,7 @@ const steps = {
             .eq(index)
             .within(() => {
                 commonComponents.errorMessage()
-                    .should('have.text', 'Error: Option is required.');
+                    .should('not.exist');
             });
     },
 

package/cypress/pages/components/questionInstructionsComponent.js

@@ -92,6 +92,13 @@ const steps = {
     clearQuestionInstructionsInputField: () => {
         questionInstructionsComponent.questionInstructionsInputField()
             .clear();
+    },
+ 
+    /**
+     * @description - verifies the visibilty of question instruction text in all views.
+     */
+    verifyVisibityOfQuestionInstructionsText: () => {
+        utilities.verifyElementVisibilityState(questionInstructionsComponent.questionInstructionsText(), 'visible');
     }
 }
 

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -67,6 +67,7 @@ const steps = {
     expandScoringTypeDropdown: () => {
         utilities.scrollIntoView(scoringSectionBaseEditTab.scoringTypeDropdown());
         scoringSectionBaseEditTab.scoringTypeDropdown()
+            .trigger('mouseover')
             .click();
         utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
     },
@@ -80,7 +81,6 @@ 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');
     },
 
@@ -159,8 +159,10 @@ const steps = {
 
     expandMinimumScoringDropdown: () => {
         scoringSectionBaseEditTab.minimumScoringDropdown()
+            .trigger('mouseover')
             .click();
         cy.wait(1500);
+        utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
     },
 
     /**
@@ -193,16 +195,20 @@ const tests = {
             utilities.verifyElementVisibilityState(scoringSectionBaseEditTab.scoringTypeDropdown(), 'visible');
         });
 
-        it(`Clicking on Scoring Type dropdown should open a list of scoring types - ${scoringTypeArray}`, () => {
+        it(`Clicking on Scoring Type dropdown should open a list of scoring types - ${scoringTypeArray} and on selecting an option from the scoring type dropdown, the dropdown should close`, () => {
             scoringSectionBaseEditTab.scoringTypeDropdown()
                 .click();
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'exist');
             scoringTypeArray.forEach((option, count) => {
                 utilities.verifyInnerText(utilities.getNthElement(scoringSectionBaseEditTab.scoringTypeDropdownListOptions(), count), option);
             });
+            scoringSectionBaseEditTab.steps.selectOptionFromScoringTypeDropdown(scoringTypeArray[0]);
+            utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
         });
 
         it('CSS of Scoring type dropdown in active state', { tags: 'css' }, () => {
+            scoringSectionBaseEditTab.scoringTypeDropdown()
+                .click();
             utilities.verifyCSS(utilities.getNthElement(scoringSectionBaseEditTab.scoringTypeDropdownListOptions(), 0), {
                 'color': css.color.liText,
                 'font-size': css.fontSize.default,
@@ -215,18 +221,7 @@ const tests = {
                 'font-weight': css.fontWeight.regular,
                 'background-color': css.color.transparent
             });
-        });
-
-        it('Accessibility of Scoring type dropdown in active state', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(commonComponents.dropdownList())
-        });
-
-        it('On selecting an option from the scoring type dropdown, the dropdown should close', () => {
             scoringSectionBaseEditTab.steps.selectOptionFromScoringTypeDropdown(scoringTypeArray[0]);
-            utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'notExist');
-        });
-
-        it('CSS of Scoring section label and dropdown', { tags: 'css' }, () => {
             utilities.verifyCSS(scoringSectionBaseEditTab.scoringLabel(), {
                 'color': css.color.sectionHeading,
                 'font-size': css.fontSize.default,
@@ -243,6 +238,10 @@ const tests = {
                 'font-weight': css.fontWeight.regular
             });
         });
+
+        it('Accessibility of Scoring type dropdown in active state', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(scoringSectionBaseEditTab.scoringTypeDropdown())
+        });
     },
 
     verifyPointsLabelAndInputField: () => {