itemengine-cypress-automation 1.0.343 → 1.0.344-graph-and-chart-r2-8153722.0

package/cypress/pages/components/ckEditorAudioPlayerComponent.js

@@ -1,6 +1,6 @@
 import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
-import { createQuestionBasePage } from "../components/createQuestionBasePage.js";
+import { createQuestionBasePage } from "../components";
 import { questionInstructionsComponent } from "../components/questionInstructionsComponent";
 
 const css = Cypress.env('css');

package/cypress/pages/components/ckEditorEquationEditorComponent.js

@@ -8,8 +8,8 @@ const selectors = {
     //Basic
     equationEditorIcon: () => cy.get('.cke_button__nextgeneqneditor_icon:visible'),
     equationEditorLabel: () => cy.get('[class*="EquationEditorstyles__Heading"]'),
-    okButton: () => cy.get('.action-button').eq(0),
-    cancelButton: () => cy.get('.action-button').eq(1),
+    okButton: () => cy.get('[title="OK"]'),
+    editorCancelButton: () => cy.get('[title="Cancel"]'),
     equationEditorPopUp: () => cy.get('[class*="EquationEditorstyles__EquationEditorContainer"]'),
     equationWrapper: () => cy.get('.cke_widget_ngie_equation [class*="NGMathJax"]'),
     equationInInputField: () => cy.get('[class*="ngie_latex"]').eq(0),
@@ -84,8 +84,8 @@ const steps = {
         return null;
     },
 
-    clickOnCancelButton: () => {
-        ckEditorEquationEditorComponent.cancelButton()
+    closeEquationEditor: () => {
+        ckEditorEquationEditorComponent.editorCancelButton()
             .click();
     },
 

package/cypress/pages/components/ckEditorInsertImageComponent.js

@@ -23,7 +23,7 @@ const selectors = {
     widthInputField: () => cy.get('.cke_dialog_ui_input_text').eq(5),
     heightLabel: () => cy.get('.dialog-input-label').eq(3),
     heightInputField: () => cy.get('.cke_dialog_ui_input_text').eq(7),
-    borderLabel: () => cy.get('.dialog-input-label').eq(4),
+    borderLabel: () => cy.get('[class="cke_dialog_ui_html"]').eq(2),
     borderInputField: () => cy.get('.cke_dialog_ui_input_text').eq(9),
     hSpaceLabel: () => cy.get('.dialog-input-label').eq(5),
     hSpaceInputField: () => cy.get('.cke_dialog_ui_input_text').eq(11),
@@ -36,8 +36,8 @@ const selectors = {
     fixedRadioButton: () => cy.get('[class*="image-responsiveness-radio-wrapper"]').eq(3),
     fixedRadioLabel: () => cy.get('[class*="image-responsiveness-radio-wrapper"]').eq(4),
     //Alignment
-    alignmentLabel: () => cy.get('.dialog-input-label').eq(7),
-    alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(1),
+    alignmentLabel: () => cy.get('.dialog-input-label').eq(9),
+    alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(3),
     alignmentOptions: (alignment = null) => {
         if (alignment) {
             return cy.get(`[class*="cke_dialog_ui_input_select"] option[value="${alignment}"]`)

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('[data-cke-saved-href*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
+    foxImageLinkUrlValueCheck: () => cy.get('[src*="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(3),
-    urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(3),
+    urlLabel: () => cy.get('.dialog-input-label').eq(0),
+    urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(0),
     //Protocol
     protocolDropDown: () => cy.get('.dialog-input-area').eq(2),
     selectProtocolOptionDropdown: (protocolType = null) => {

package/cypress/pages/components/commonComponents.js

@@ -7,6 +7,7 @@ const selectors = {
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]:visible'),
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
+    popoverContainer: () => cy.get('.ngie-popover-container'),
     //Remove :visible https://redmine.zeuslearning.com/issues/564243 gets resolved
     errorMessage: () => cy.get('.error-text-message:visible'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
@@ -17,7 +18,9 @@ const selectors = {
     tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon'),
     errorIcon: () => cy.get('[id="Icon_material-error"]'),
     alertMessage: () => cy.get('[role="alert"]:visible'),
-    warningIcon: () => cy.get('[class*="WarningIcon"]')
+    warningIcon: () => cy.get('[class*="WarningIcon"]'),
+    buttonDesktopViewToggle: () => cy.get('[aria-label*="Desktop View toggle button"]'),
+    buttonMobileViewToggle: () => cy.get('[aria-label*="Mobile View toggle button"]'),
 }
 
 const steps = {
@@ -94,6 +97,10 @@ const steps = {
         utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
     },
 
+    verifyErrorMessageDoesNotHaveText: () => {
+        commonComponents.errorMessage()
+            .should('not.have.text', 'Error:');
+    }
 }
 
 const tests = {

package/cypress/pages/components/createQuestionBasePage.js

@@ -146,6 +146,13 @@ const steps = {
                     .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');
+                    });
             }
         })
     },
@@ -227,7 +234,7 @@ const tests = {
         it('When user has made some edits/changes and clicks on cancel button, a popup should be displayed with message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
             selectQuestionResourceToolPage.steps.selectQuestionType(questionType);
             questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Edited');
-            if (questionType !== 'feedback scale' && questionType !== 'highlight image') {
+            if (questionType !== 'feedback scale' && questionType !== 'highlight image' && questionType !== 'think sphere') {
                 scoringSectionBaseEditTab.steps.allotPoints(20);
             };
             createQuestionBasePage.cancelButton()

package/cypress/pages/components/defaultToolDropdown.js

@@ -31,10 +31,11 @@ const steps = {
 }
 
 const tests = {
-    verifyDefaultToolDropdown:(toolOptionsArray)=>{
-        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
+    verifyDefaultToolDropdown:(toolOptionsArray, defaultTool)=>{
+        const defaultSelectedTool = defaultTool || toolOptionsArray[0];
+        it(`\'Default tool\' label and dropdown should be displayed with \'${defaultSelectedTool}\' option selected by default`, () => {
             utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdownLabel(), 'Default tool');
-            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), toolOptionsArray[0]);
+            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), defaultSelectedTool);
         });
     
         it(`${toolOptionsArray} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
@@ -53,19 +54,19 @@ const tests = {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Point'), {
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions(toolOptionsArray[0]), {
                 'color': css.color.liText,
                 'background-color': css.color.liTextSelectedBg,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Segment'), {
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions(toolOptionsArray[1]), {
                 'color': css.color.liText,
                 'background-color': css.color.transparent,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown('Point');
+            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown(defaultSelectedTool);
         });
     }
 }

package/cypress/pages/components/editCategoryFlyout.js

@@ -23,9 +23,9 @@ const selectors = {
 }
 
 const steps = {
-    openEditCategoryFlyout: () => {
+    openEditCategoryFlyout: (categoryName = 'general') => {
         essayResponsePage.equationEditorSectionCategories()
-            .contains(`${equationEditorCategoriesAndSymbols['general'].displayName}`)
+            .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`)
             .parents('[id*="DraggableItem"]')
             .within(() => {
                 essayResponsePage.equationEditorSectionCategoriesEditIcon()

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');
         });
     },
 
@@ -505,12 +490,14 @@ const tests = {
             utilities.verifyElementNotDisabled(equationEditorFlyout.buttonPrevious());
             utilities.verifyElementNotDisabled(equationEditorFlyout.buttonNext());
             cy.log('Clicking on Next button to reach end of tablist')
-            equationEditorFlyout.steps.clickOnEquationEditorButtonNext()
+            equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
+            equationEditorFlyout.steps.clickOnEquationEditorButtonNext();
             utilities.verifyElementNotDisabled(equationEditorFlyout.buttonPrevious());
             utilities.verifyElementDisabled(equationEditorFlyout.buttonNext());
         });
 
         it('When user clicks on the \'Previous button\', and reaches the beginning of the tablist \'Previous button\' should become disabled and \'Next button\' should become enabled', () => {
+            equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
             equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
             equationEditorFlyout.steps.clickOnEquationEditorButtonPrevious()
             utilities.verifyElementDisabled(equationEditorFlyout.buttonPrevious());

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -417,7 +417,7 @@ const steps = {
     },
 
     compareDropdownMenuAndDropdownWidthForAutoScaled: () => {
-        let originalDropdownWidth
+        let originalDropdownWidth;
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), 0)
             .parents('.response-dropdown-wrapper')
             .then(($originalDropdownWidth) => {
@@ -763,9 +763,9 @@ const tests = {
         });
 
         //Note: the expand and close dropdown does not work hence selecting one option here, the error message appears
-        it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
+        it('When user expands and collapses the dropdown without selecting any option, error message should not be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, 'Flower');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user selects any option from the dropdown, then error message should disappear and that option should be displayed on the dropdown', () => {

package/cypress/pages/components/fillInTheGapsTextCommonComponent.js

@@ -105,7 +105,7 @@ const steps = {
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .clear();
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
-                .type(responseText, { delay: 500 });
+                .type(responseText, { delay: 0 });
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
                 .click();
             utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), responseIndex)
@@ -474,7 +474,8 @@ const steps = {
      */
     focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer: (answerFieldIndex) => {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
-            .click()
+            .click();
+        utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), answerFieldIndex)
             .blur();
     },
 
@@ -779,8 +780,7 @@ const steps = {
         utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAnswerInputFieldWrapper(), answerFieldIndex)
             .within(() => {
                 fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection()
-                    .clear()
-                    .blur();
+                    .clear();
             });
     },
 
@@ -908,10 +908,9 @@ const steps = {
 
 const tests = {
     verifySetLimitSectionErrorConditionsForMinAndMaxCharacterInputFields: () => {
-        it('When the user clears the minimum character limit input field and focuses out of it, then error message \'Error: Minimum character limit is required\' should be displayed below the input field', () => {
+        it('When the user clears the minimum character limit input field and focuses out of it, then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.clearAndFocusOutOfMinimumCharacterLimitInputField();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Minimum character limit is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         commonComponents.tests.verifyErrorMessageCSSAndA11y();
@@ -921,10 +920,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user clears the maximum character limit input field and focuses out of it, then error message \'Error: Maximum character limit is required.\' should be displayed below the input field', () => {
+        it('When the user clears the maximum character limit input field and focuses out of it, then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.clearAndFocusOutOfMaximumCharacterLimitInputField();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Maximum character limit is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user enters value in maximum character limit input field then the error message should disappear', () => {
@@ -932,10 +930,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets minimum limit input field value greater than maximum limit input field value then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(45);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsTextCommonComponent.steps.verifyMinimumLimitErrorMessage();
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         commonComponents.tests.verifyErrorMessageCSSAndA11y();
@@ -945,10 +942,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user sets maximum limit input field value less than minimum limit input field value then error message \'Error: Minimum limit must be less than or equal to maximum limit.\' and \'Error: Maximum limit must be greater than or equal to minimum limit.\'should be displayed below the minimum and maximum input field respectively', () => {
+        it('When the user sets maximum limit input field value less than minimum limit input field value then error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(26);
-            fillInTheGapsTextCommonComponent.steps.verifyMaximumLimitErrorMessage();
-            fillInTheGapsTextCommonComponent.steps.verifyMinimumLimitErrorMessage();
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When the user sets maximum limit input field value greater than or equal to minimum limit input field value then error message should disappear', () => {
@@ -1008,8 +1004,7 @@ const tests = {
 
         it('When user enters zero in maximum limit input field, then error message \'Error: Maximum limit must be greater than 0.\' should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(0);
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than 0.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage().eq(1), 'visible');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When user enters limit more than zero in maximum limit input field, then error message should disappear', () => {
@@ -1017,10 +1012,9 @@ const tests = {
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When user enters minimum limit more than maximum limit then error messages should be displayed and when user enters equal value then the error message should disappear', () => {
+        it('When user enters minimum limit more than maximum limit then error messages should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.setMinimumLimit(60);
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(0), 'Error: Minimum limit must be less than or equal to Maximum limit.');
-            utilities.verifyInnerText(commonComponents.errorMessage().eq(1), 'Error: Maximum limit must be greater than or equal to Minimum limit.');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             fillInTheGapsTextCommonComponent.steps.setMaximumLimit(60);
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
@@ -1246,9 +1240,9 @@ const tests = {
             utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionLabel(), 1), 'Response 2');
         });
 
-        it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should be displayed', () => {
+        it('When user focuses in and out of the response accordion \'Answer\' input field, error message should not be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.focusInAndFocusOutOfResponseAnswerInputFieldSpecifyCorrectAnswer(0, 0);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When gives an input to \'Answer\' input field, then error message should disappear', () => {
@@ -1424,10 +1418,10 @@ const tests = {
             utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButtonLabel(), 'visible');
         });
 
-        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' answer then \'Error: Answer is required.\' error message should be displayed', () => {
-            fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
+        it('When user has not entered text inside answer input field and clicks on \'Add alternate\' button, then the button should be disabled and \'Answer is required\' tooltip should be displayed', () => {
+            utilities.verifyElementDisabled(utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 0).find('button'));
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 0)
+                .verifyTooltip('Answer is required');
         });
 
         it('When user enters text inside answer input field, then error message should disappear', () => {
@@ -1437,6 +1431,7 @@ const tests = {
 
         it('When the user clicks on the \'Add Alternate\' button, then one alternate answer input field should be displayed', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
+            utilities.triggerMouseout(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton());
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
             utilities.verifyElementVisibilityState(fillInTheGapsTextCommonComponent.responseAccordionAddAlternateButton(), 'visible');
         });
@@ -1455,15 +1450,10 @@ const tests = {
             fillInTheGapsTextCommonComponent.steps.verifyAnswerInputFieldPlaceholder(1);
         });
 
-        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, then an error message should be displayed, indicating \'Error: Answer is required.\'', () => {
+        it('When the user clicks on the \'Add Alternate\' button without entering text in the newly added alternate answer input field, new input field should be added and user should be able to add response in the input field', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 2);
-        });
-
-        it('When user adds text in alternate input field and clicks on \'Add alternate\' button, then then a third alternate answer input field should be displayed and error message should disappear', () => {
             fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Leaf' }]);
-            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
             utilities.verifyElementCount(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 3);
         });
@@ -1569,8 +1559,12 @@ const tests = {
 
         it('When user adds alternate answer input field, then accepted student input should be applied on both the response answer input fields in the response accordion', () => {
             fillInTheGapsTextCommonComponent.steps.addAlternateAnswerInResponseAccordion(0);
-            fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Hi12' }]);
-            fillInTheGapsTextCommonComponent.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Hi12' }]);
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 0)
+                .should('not.be.disabled')
+                .type('Hi12');
+            utilities.getNthElement(fillInTheGapsTextCommonComponent.answerInputFieldSpecifyCorrectAnswerSection(), 1)
+                .should('not.be.disabled')
+                .type('Hi12');
             fillInTheGapsTextCommonComponent.steps.verifyTextInResponseAccordionAnswerInputField([{ responseIndex: 1, responseText: 'Hi12' }]);
         });
     },

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/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/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();
     },