itemengine-cypress-automation 1.0.240-textentrychangesreverted-28d08d1.0 → 1.0.240

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/Scoring/manuallyAndNonScored.js

@@ -65,8 +65,8 @@ describe('Create Item page - Fill in the gaps over image with dropdown: Manually
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(correctAnswerArray);
             fillInTheGapsOverImageDropdownPage.steps.switchToStudentView();
         });
-
-        it('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect dropdowns, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+        //Remove the skip after https://redmine.zeuslearning.com/issues/579376 is resolved.
+        it.skip('When the user attempts the question incorrectly and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect dropdowns, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: incorrectAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
             fillInTheGapsOverImageDropdownPage.steps.verifyIncorrectOptionIcon(0);
@@ -81,8 +81,8 @@ describe('Create Item page - Fill in the gaps over image with dropdown: Manually
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
-
-        it('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct dropdowns, incorrect icon should be displayed besides incorrect dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+        //Remove the skip after https://redmine.zeuslearning.com/issues/579376 is resolved.
+        it.skip('When the user attempts the question partially correct, then on switching to \'Grading\' view, correct icon should be displayed besides the correct dropdowns, incorrect icon should be displayed besides incorrect dropdown, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: incorrectAnswerArray[1] }]);
             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();
@@ -98,8 +98,8 @@ describe('Create Item page - Fill in the gaps over image with dropdown: Manually
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
             fillInTheGapsOverImageDropdownPage.steps.verifyCorrectAnswerSectionNotExists();*/
         });
-
-        it('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+        //Remove the skip after https://redmine.zeuslearning.com/issues/579376 is resolved.
+        it.skip('When user attempts the question correctly, on switching to \'Grading\' view, then correct icons should be displayed beside all the correct dropdowns, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.resetQuestionPreview();
             fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: correctAnswerArray[0] }, { dropdownIndex: 1, dropdownOption: correctAnswerArray[1] }]);
             fillInTheGapsOverImageDropdownPage.steps.switchToGradingView();

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/additionalSettingsBasic.js

@@ -65,8 +65,8 @@ describe('fill in the gaps over image - dropdown - Additional settings', () => {
             });
         });
     });
-
-    describe('Additional settings: Font size - functionality in preview tab', () => {
+    //Need to remove comment once https://redmine.zeuslearning.com/issues/564870 is resolved.
+    describe.skip('Additional settings: Font size - functionality in preview tab', () => {
         abortEarlySetup();
         before(() => {
             fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image with dropdown');

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/dropdownOptionsSection.js

@@ -77,9 +77,9 @@ describe('Create item page - Fill in the gaps over image - dropdown: Dropdown op
             });
         });
 
-        it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should be thrown', () => {
+        it('When user focus in and out of any of the \'Options\' input field without typing anything, an error message should not be thrown', () => {
             fillInTheGapsOverImageDropdownPage.steps.focusInAndFocusOutOfDropdownOptionInputField(2);
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Option is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/editTabBasicSection.js

@@ -266,6 +266,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
         it('When user selects a dropdown and changes dropdown pointer style in edit tab, then changes in dropdown pointer should be reflected in preview tab', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
             fillInTheGapsOverImageDropdownPage.steps.selectCanvasMenuButton('Select dropdown')
+            fillInTheGapsOverImageDropdownPage.steps.selectCanvasMenuButton('Select dropdown')
             fillInTheGapsOverImageDropdownPage.steps.selectResponseArea(0);
             fillInTheGapsOverImageDropdownPage.steps.selectResponseAreaPointerStyle(dropdownPointerStyles[2]);
             fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
@@ -281,7 +282,6 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsOverImageDropdownPage.steps.verifyTextColorOfTextBoxInPreviewTab('rgb(0, 0, 46)');
             fillInTheGapsOverImageDropdownPage.steps.verifyTextOfTextBoxInPreviewTab('Inserted text');
         });
-
         //remove the following skips when https://redmine.zeuslearning.com/issues/574944 is resolved.
         it.skip('When the user clicks on the undo button in edit tab, then previous action should be reversed and same should reflect in preview tab', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
@@ -290,6 +290,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsOverImageDropdownPage.steps.verifyTextOfTextBoxInPreviewTab('');
         });
 
+        it.skip('When the user clicks on the redo button in edit tab, then previous action should be reinstated and same should reflect in preview tab', () => {
         it.skip('When the user clicks on the redo button in edit tab, then previous action should be reinstated and same should reflect in preview tab', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
             fillInTheGapsOverImageDropdownPage.steps.redoAction();
@@ -297,6 +298,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsOverImageDropdownPage.steps.verifyTextBoxExistInPreviewTab();
         });
 
+        it.skip('When user clicks on \'Clear all\' button, then all dropdowns should be deleted in preview tab', () => {
         it.skip('When user clicks on \'Clear all\' button, then all dropdowns should be deleted in preview tab', () => {
             fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
             fillInTheGapsOverImageDropdownPage.steps.clearAllCanvas();

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/headerSection.js

@@ -1,6 +1,5 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { dialogBoxBase, fillInTheGapsOverImageDropdownPage } from "../../../pages";
-import utilities from "../../../support/helpers/utilities";
 import { commonComponents } from "../../../pages/components";
 const optionsForDropdown = ['Flower', 'Petal', 'Stem', 'Branch'];
 
@@ -44,14 +43,11 @@ describe('Create item page - Fill in the gaps over image - dropdown: Header sect
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points', 'Please upload an image', 'Please insert a dropdown']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageDropdownPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageDropdownPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), 0), 'Error: Image is required.');
-                utilities.verifyInnerText(utilities.getNthElement(commonComponents.errorMessage(), 1), 'Error: Please insert a dropdown.');
-                fillInTheGapsOverImageDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                fillInTheGapsOverImageDropdownPage.steps.verifyWarningIconOnRequiredFields(['Please set points', 'Please upload an image', 'Please insert a dropdown'])
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -63,8 +59,6 @@ describe('Create item page - Fill in the gaps over image - dropdown: Header sect
                 fillInTheGapsOverImageDropdownPage.steps.addInputToDropdownOptionFields(0, optionsForDropdown);
                 fillInTheGapsOverImageDropdownPage.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, optionsForDropdown[0]);
                 commonComponents.steps.verifyErrorMessageIsNotDisplayed();
-                //Need to remove comment once https://redmine.zeuslearning.com/issues/574229 is resolved
-                // fillInTheGapsOverImageDropdownPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
             });
 
             commonComponents.tests.verifyCreateItemWrapperContentsA11y();

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdownNew/supportedFileTypes.js

@@ -38,10 +38,9 @@ describe('Create item page - Fill in the gaps over image with dropdown: Supporte
             });
         });
 
-        it('When the user tries to uploads an image with unsupported file type, then an error message, "Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.", should be displayed', () => {
+        it('When the user tries to uploads an image with unsupported file type, then an error message, "Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.", should not be displayed', () => {
             fillInTheGapsOverImageDropdownPage.steps.uploadFile('sample.heic');
-            utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.errorMessage(), 'Error: The file type is not supported. Please upload a file with the following supported formats: JPG, PNG, GIF, SVG.');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.errorMessage(), 'notExist');
         });
 
         fillInTheGapsOverImageDropdownPage.tests.verifyErrorMessageCSSAndA11y();

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/HeaderSection.js

@@ -1,6 +1,5 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { dialogBoxBase, fillInTheGapsOverImageTextPage } from "../../../pages";
-import utilities from "../../../support/helpers/utilities";
 const options = ['Flower', 'Leaves'];
 
 describe('Create item page - Fill in the gaps over image - text: Header section and saving question', () => {
@@ -46,13 +45,11 @@ describe('Create item page - Fill in the gaps over image - text: Header section
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points', 'Please upload an image', 'Please insert a text container']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsOverImageTextPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsOverImageTextPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageTextPage.errorMessage(), 0), 'Error: Image is required.');
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsOverImageTextPage.errorMessage(), 1), 'Error: Please insert a text container.');
+                fillInTheGapsOverImageTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points', 'Please upload an image', 'Please insert a text container']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
@@ -61,6 +58,7 @@ describe('Create item page - Fill in the gaps over image - text: Header section
                 fillInTheGapsOverImageTextPage.steps.insertResponseArea(10);
                 fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }]);
                 fillInTheGapsOverImageTextPage.steps.enterAndVerifyImageAlternativeTextInInputField('Image alternative text');
+                fillInTheGapsOverImageTextPage.steps.allotPoints(10);
                 fillInTheGapsOverImageTextPage.steps.verifyErrorMessageIsNotDisplayed();
                 fillInTheGapsOverImageTextPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
             });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/backgroundImageAndCanvasProperties.js

@@ -165,7 +165,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsOverImageTextPage.steps.verifyTextOfTextBoxInPreviewTab('Inserted text');
         });
 
-        //Uncommented code once https://redmine.zeuslearning.com/issues/577355 is resolved
+        //Remove skip once https://redmine.zeuslearning.com/issues/577355 is resolved
         it.skip('When the user clicks on the undo button in edit tab, then previous action should be reversed and same should reflect in preview tab', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.undoAction();
@@ -173,7 +173,7 @@ describe('Create item page - Fill in the gaps: Question instructions, Options se
             fillInTheGapsOverImageTextPage.steps.verifyTextOfTextBoxInPreviewTab('');
         });
 
-        //Uncommented code once https://redmine.zeuslearning.com/issues/577355 is resolved
+        //Remove skip once https://redmine.zeuslearning.com/issues/577355 is resolved
         it.skip('When the user clicks on the redo button in edit tab, then previous action should be reinstated and same should reflect in preview tab', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.redoAction();

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/specifyCorrectAnswerSection.js

@@ -62,14 +62,14 @@ describe('Create Item page - Fill in the gaps over image - text: Specify correct
             fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }]);
             fillInTheGapsOverImageTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 1, responseText: 'Leaves' }]);
             fillInTheGapsOverImageTextPage.steps.allotPoints(5);
-            fillInTheGapsOverImageTextPage.steps.deleteAlternativeAnswerAccordion(1);
+            fillInTheGapsOverImageTextPage.steps.deleteAlternativeAnswerAccordion(0);
             fillInTheGapsOverImageTextPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
-            fillInTheGapsOverImageTextPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+            fillInTheGapsOverImageTextPage.steps.verifyAlternativeAnswerAccordionLabel(0);
         });
 
         it('When correct answers and points are set in alternate answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternate answer accordion should be collapsed', () => {
             fillInTheGapsOverImageTextPage.steps.expandCorrectAnswerAccordion();
-            fillInTheGapsOverImageTextPage.steps.verifyAlternateAnswerAccordionIsCollapsed(1);
+            fillInTheGapsOverImageTextPage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
         });
     });
 });

package/cypress/e2e/ILC/FillInTheGapsOverImageTextNew/styleAndLayoutCustomization.js

@@ -40,13 +40,13 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
 
         fillInTheGapsOverImageTextPage.tests.verifyBorderColorSectionContents();
 
-        fillInTheGapsOverImageTextPage.tests.verifyBorderStyleSectionContents('Dashed');
+        fillInTheGapsOverImageTextPage.tests.verifyBorderStyleSectionContents('Solid');
 
         fillInTheGapsOverImageTextPage.tests.verifyFillColorTooltips();
 
         fillInTheGapsOverImageTextPage.tests.verifyBorderColorTooltips();
 
-        fillInTheGapsOverImageTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('dashed');
+        fillInTheGapsOverImageTextPage.tests.verifyStyleAndLayoutCustomizationAccordionContentsCSSAndA11y('Solid');
     });
 
     describe('Fill color - Edit tab', () => {
@@ -139,25 +139,25 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the canvas image should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${css.color.activeComponentBorder}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the canvas image', () => {
-            fillInTheGapsOverImageTextPage.steps.selectColorBlock(3);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${css.color.transparent}`);
+            fillInTheGapsOverImageTextPage.steps.selectColorBlock(1);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
         });
 
         it('When the user clicks on the "Edit color" button, modifies color for the selected color block, then the background color of the text containers in the canvas image should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.editColor(1);
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${modifiedColor}`);
         });
 
         it('When the adds a new text container, then the background color of the newly added text container should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px dashed ${modifiedColor}`);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(1, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(0, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderColor(1, `1px solid ${modifiedColor}`);
         });
     });
 
@@ -175,7 +175,7 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
         });
 
         it('When the default color block is in selected state in the "Fill color" section, then the background color of the text containers in the preview tab should be the default selected color', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${css.color.activeComponentBorder}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
         });
 
         it('When the user selects the "None" color block, it should get in selected state and the no background color should be present for the text containers in the preview tab', () => {
@@ -191,15 +191,15 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             colorPopupComponent.steps.clickInColorSaturationPalette();
             colorPopupComponent.steps.clickOnOkButton();
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${modifiedColor}`);
         });
 
         it('The background color of the text containers in the preview tab should be the modified selected color', () => {
             fillInTheGapsOverImageTextPage.steps.switchToEditTab();
             fillInTheGapsOverImageTextPage.steps.insertResponseArea(60);
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dashed ${modifiedColor}`);
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(1, `1px dashed ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${modifiedColor}`);
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(1, `1px solid ${modifiedColor}`);
         });
     });
 
@@ -308,8 +308,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.expandStyleAndLayoutCustomizationAccordion();
         });
 
-        it('When the "dashed" border style is in selected state, then the border style of the text containers in the canvas image should be "dashed"', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'dashed');
+        it('When the "solid" border style is in selected state, then the border style of the text containers in the canvas image should be "solid"', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyResponseAreaOverImageBorderStyle(0, 'solid');
         });
 
         borderStyles.forEach((style) => {
@@ -332,8 +332,8 @@ describe('Create Item page - Fill in the gaps over image with text: Style and la
             fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
         });
 
-        it('When the "dashed" border style is in selected state, then the border style of the text containers in the preview tab should be "dashed"', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'dashed');
+        it('When the "solid" border style is in selected state, then the border style of the text containers in the preview tab should be "solid"', () => {
+            fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'solid');
         });
 
         borderStyles.forEach((style) => {

package/cypress/e2e/ILC/FillInTheGapsTextNew/editTabBasicSection.js

@@ -1,4 +1,5 @@
 import { fillInTheGapsTextPage } from "../../../pages";
+import { commonComponents } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
@@ -97,12 +98,12 @@ describe('Create item page - Fill in the gaps with text: Question instructions,
             };
         });
 
-        it('When the user removes all response areas from the question input field, an error message \'Error: Minimum one response token is required.\' should be displayed', () => {
+        it('When the user removes all response areas from the question input field, an error message should not be displayed', () => {
             cy.log('Switching to edit tab')
             fillInTheGapsTextPage.steps.switchToEditTab();
             fillInTheGapsTextPage.steps.deleteAResponseArea(0);
             fillInTheGapsTextPage.steps.deleteAResponseArea(0);
-            utilities.verifyInnerText(fillInTheGapsTextPage.errorMessage(), 'Error: Minimum one response token is required.')
+            utilities.verifyElementVisibilityState(fillInTheGapsTextPage.errorMessage(), 'notExist')
         });
 
         fillInTheGapsTextPage.tests.verifyErrorMessageCSSAndA11y();

package/cypress/e2e/ILC/FillInTheGapsTextNew/headerSection.js

@@ -46,16 +46,16 @@ describe('Create item page - Fill in the gaps with text: Header section and savi
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 fillInTheGapsTextPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                fillInTheGapsTextPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsTextPage.errorMessage(), 0), 'Error: Answer is required.');
+                fillInTheGapsTextPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {
                 fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Flower' }, { responseIndex: 1, responseText: 'Leaf' }]);
+                fillInTheGapsTextPage.steps.allotPoints(10);
                 fillInTheGapsTextPage.steps.verifyErrorMessageIsNotDisplayed();
                 fillInTheGapsTextPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
             });

package/cypress/e2e/ILC/FillInTheGapsTextNew/specifyCorrectAnswerSection.js

@@ -50,14 +50,14 @@ describe('Create Item page - Fill in the gaps with text: Specify correct answer,
             cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
             fillInTheGapsTextPage.steps.enterTextInAnswerInputFieldsSpecifyCorrectAnswerSection([{ responseIndex: 0, responseText: 'Petals' }, { responseIndex: 1, responseText: 'Flower' }]);
             fillInTheGapsTextPage.steps.allotPoints(5);
-            fillInTheGapsTextPage.steps.deleteAlternativeAnswerAccordion(1);
+            fillInTheGapsTextPage.steps.deleteAlternativeAnswerAccordion(0);
             fillInTheGapsTextPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
-            fillInTheGapsTextPage.steps.verifyAlternativeAnswerAccordionLabel(1);
+            fillInTheGapsTextPage.steps.verifyAlternativeAnswerAccordionLabel(0);
         });
 
         it('When correct answers and points are set in alternative answer and user clicks on correct answer accordion, then correct answer accordion should be expanded and the alternative answer accordion should be collapsed', () => {
             fillInTheGapsTextPage.steps.expandCorrectAnswerAccordion();
-            fillInTheGapsTextPage.steps.verifyAlternateAnswerAccordionIsCollapsed(1);
+            fillInTheGapsTextPage.steps.verifyAlternateAnswerAccordionIsCollapsed(0);
         });
     });
 });

package/cypress/e2e/ILC/Graphing/headerSection.js

@@ -45,12 +45,11 @@ describe('Create item page - Graphing: Header section and saving question', () =
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 graphingPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                graphingPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(utilities.getNthElement(graphingPage.errorMessage(), 0), 'Error: Please set a correct answer.');
+                graphingPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {

package/cypress/e2e/ILC/GridFill/headerSection.js

@@ -42,13 +42,11 @@ describe('Create item page - Grid fill: Header section and Saving question', ()
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 gridFillPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                utilities.verifyInnerText(gridFillPage.errorMessage(), 'Error: Please set a correct answer.');
-                gridFillPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                gridFillPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                gridFillPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
             });
 
             //failed due to https://redmine.zeuslearning.com/issues/564243

package/cypress/e2e/ILC/GridFill/specifyCorrectAnswerSection.js

@@ -1,4 +1,5 @@
 import { dialogBoxBase, gridFillPage } from "../../../pages";
+import { autoScoredSpecifyCorrectAnswerSection } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 
@@ -54,12 +55,14 @@ describe('Create Item page - Grid fill: Specify Correct answer, Alternative corr
         it('When user has not given an input in \'Cell shade count\' then user should not be able to add another alternate accordion', () => {
             cy.log('Pre-step: Uncheck \'Match exact position of cells\' checkbox');
             gridFillPage.steps.uncheckMatchExactPositionOfCellsCheckbox();
-            gridFillPage.steps.addAlternativeAnswerAccordion(1);
-            gridFillPage.steps.closeWarningPopup();
+            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
             gridFillPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
         });
-
+        
+        //Make changes once https://redmine.zeuslearning.com/issues/579214 is resolved
         it('\'Error: Please set a correct answer.\' error message should be displayed', () => {
+            gridFillPage.steps.addInputToCellShadeCountInputField(5);
+            gridFillPage.steps.clearCellShadeCountInputField();
             utilities.verifyInnerText(gridFillPage.errorMessage(), 'Error: Please set a correct answer.');
         });
 

package/cypress/e2e/ILC/ImageHighlight/headerSection.js

@@ -51,13 +51,11 @@ describe('Create question page - Highlight image: Header section and Saving ques
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points', 'Please specify a possible option']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 imageHighlightPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                imageHighlightPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                imageHighlightPage.steps.verifySpecifyCorrectAnswerErrorMessage();
-                imageHighlightPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                imageHighlightPage.steps.verifyWarningIconOnRequiredFields(['Please set points', 'Please specify a possible option']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {

package/cypress/e2e/ILC/ListOrderingDropdown/Scoring/partialDifferentWeightsMinimumAndPenaltyScoring.js

@@ -171,7 +171,7 @@ describe('Create Item page - List ordering: Preview tab scoring', () => {
         //Penalty points for the entire question
         it('When the user sets penalty scoring to \'Penalty points for the entire question\', allots penalty points and attempts the question incorrectly, then the user should be awarded with negative points', () => {
             listOrderingPage.steps.expandPenaltyScoringDropdown();
-            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('Penalty points for the entire question');
+            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('enalty points for the entire question');
             listOrderingPage.steps.uncheckRoundNegativeScoresToZeroCheckbox();
             listOrderingPage.steps.allotPenaltyPoints(4);
             listOrderingPage.steps.switchToPreviewTab();
@@ -208,7 +208,7 @@ describe('Create Item page - List ordering: Preview tab scoring', () => {
         //Penalty points for each incorrect option - Specify total penalty points
         it('When the user sets penalty scoring to \'Penalty points for each incorrect option\', and \'Specify total penalty points\' radio button in checked state, allots total penalty points and attempts the question incorrectly, then the user should be awarded with negative points of all the empty and incorrect option', () => {
             listOrderingPage.steps.expandPenaltyScoringDropdown();
-            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('penalty points for each incorrect option');
+            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('enalty points for each incorrect option');
             listOrderingPage.steps.allotTotalPenaltyPoints(4);
             listOrderingPage.steps.switchToPreviewTab();
             listOrderingPage.steps.selectPositionForAllOptionsPreviewTab([{ optionIndex: 0, position: '1' }, { optionIndex: 1, position: '2' }, { optionIndex: 2, position: '3' }, { optionIndex: 3, position: '4' }]);

package/cypress/e2e/ILC/ListOrderingDropdown/minimumScoringPenaltyPointsAndRoundingDropdown.js

@@ -43,7 +43,7 @@ describe('Create item page - List ordering: Minimum scoring, Penalty scoring, Ro
 
         it('When the user selects \'Penalty points for each incorrect option\' from the penalty scoring dropdown, \'Automatically set penalty for each incorrect option to total points / no. of incorrect options\' label and checkbox should be displayed, by default the checkbox should be unchecked. Two radio buttons with labels - \'Specify total penalty points\' and \'Specify points for each incorrect option\' should be displayed. By default, \'Specify total penalty points\' radio button should be checked', () => {
             listOrderingPage.steps.expandPenaltyScoringDropdown();
-            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('penalty points for each incorrect option');
+            listOrderingPage.steps.selectOptionFromPenaltyScoringDropdown('enalty points for each incorrect option');
             utilities.verifyInnerText(listOrderingPage.automaticallySetPenaltyPointsCheckboxLabel(), 'Automatically set penalty for each incorrect option to total points / no. of incorrect options');
             utilities.verifyInnerText(listOrderingPage.specifyTotalPenaltyPointsRadioButtonLabel(), 'Specify total penalty points');
             utilities.verifyInnerText(listOrderingPage.specifyPointsForEachIncorrectOptionRadioButtonLabel(), 'Specify points for each incorrect option');

package/cypress/e2e/ILC/ListOrderingDropdown/specifyCorrectAnswerSection.js

@@ -1,4 +1,5 @@
 import { dialogBoxBase, listOrderingPage } from "../../../pages";
+import { autoScoredSpecifyCorrectAnswerSection, commonComponents } from "../../../pages/components";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const options = ['sprout', 'plant', 'flower', 'seed'];
@@ -56,19 +57,16 @@ describe('Create item page - List ordering: Specify correct answer, Alternative
         // Uncomment below code once https://redmine.zeuslearning.com/issues/577520 is Resolved
         // listOrderingPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('list ordering');
 
-        it('When user tries to \'+Add alternative answer\' after allotting points without re-ordering the options then the warning popup should appear and on closing the warning popup, an error message should be displayed in the \'Specify correct answer\' section', () => {
-            listOrderingPage.steps.clickOnAddAlternativeAnswerButton();
-            dialogBoxBase.steps.closeWarningPopup();
+        it('When user tries to \'+Add alternative answer\' after allotting points without re-ordering the options then the \'+Add alternative answer\' button is disable state', () => {
+            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
-            utilities.verifyInnerText(listOrderingPage.errorMessage(), 'Error: All options need to have a value assigned to them from the dropdown.');
-            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'visible');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        listOrderingPage.tests.verifyErrorMessageCSSAndA11y();
 
-        it('When the user checks \'Randomize options\' then the error message should persist', () => {
+        it('When the user checks \'Randomize options\' then the error message should not persist', () => {
             listOrderingPage.steps.checkRandomizeOptionsCheckbox();
-            utilities.verifyElementVisibilityState(listOrderingPage.errorMessage(), 'visible');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('When the user sets options order in the dropdowns, then the error message should disappear', () => {

package/cypress/e2e/ILC/ListOrderingNew/headerSection.js

@@ -43,17 +43,11 @@ describe('Create item page - Matching : Header section and Saving question', ()
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points', 'Please enter all option']);
 
             it('Validation error messages should be displayed below required input fields', () => {
                 listOrderingPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
-                for (let index = 0; index < 4; index++) {
-                    listOrderingPage.steps.verifyOptionsInputFieldErrorMessage(index);
-                }
-                listOrderingPage.steps.verifyPointsFieldErrorMessageIsNotDisplayed();
-                //need to remove comment after https://redmine.zeuslearning.com/issues/577520 is resolved
-                //listOrderingPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
-                utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.errorMessage(), -1), 'Error: The correct answer sequence matches the option sequence. Please either rearrange the options or select \'Randomize options\' to continue.');
+                listOrderingPage.steps.verifyWarningIconOnRequiredFields(['Please set points', 'Please enter all option']);
             });
 
             it('Validation error messages should disappear when required input fields are filled', () => {