itemengine-cypress-automation 1.0.342-regressionFixes18thMarch-b97f3ea.0 → 1.0.342

package/cypress/e2e/ILC/ThinkSphere/solvePhase.js

@@ -0,0 +1,296 @@
+import { equationEditorCategoriesAndSymbols } from "../../../fixtures/equationEditorCategoriesAndSymbols ";
+import { thinkSpherePage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const canvasTools = [
+    'Text', 'Pen', 'Highlighter', 'Image', 'Shapes',
+    'Stamps', 'Unifix Cube', 'Diagrams', 'Array',
+    'Number line', 'Fraction bars', 'Protractor', 'Table', 'Grids',
+    'Equation editor', 'Algebra tiles'
+];
+const defaultSelectedCanvasTools = ['Text', 'Pen', 'Highlighter', 'Image', 'Shapes', 'Stamps'];
+const canvasControls = ['Move', 'Delete', 'Undo', 'Redo', 'Clear all'];
+const defaultSelectedCanvasControls = ['Move', 'Delete', 'Undo', 'Redo', 'Clear all'];
+const defaultTool = 'Pen';
+const defaultSelectedCategories = ['Numpad', 'Keypad', 'Intermediate', 'Primary', 'General', 'Common', 'Algebra', 'Geo', 'Compare', 'Matrices'];
+const defaultSelectedStamps = ['Stamp 1', 'Stamp 2', 'Stamp 3', 'Stamp 4', 'Stamp 5', 'Stamp 6', 'Stamp 7', 'Stamp 8', 'Stamp 9', 'Stamp 10', 'Stamp 11', 'Stamp 12', 'Stamp 13'];
+const defaultToolsOptions = ['Text', 'Pen', 'Highlighter'];
+
+
+describe('ThinkSphere Question - Solve Phases Section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Create item : ThinkSphere Question - Solve Phases Section - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.loginAs('admin');
+            thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+            cy.barsPreLoaderWait();
+        });
+
+        it('By default \'Solve phase\' accordion should be expanded', () => {
+            utilities.verifyInnerText(thinkSpherePage.solvePhaseAccordionLabel(), 'Solve');
+            utilities.verifyElementVisibilityState(thinkSpherePage.solvePhaseAccordionExpandIcon(), 'exist');
+        });
+
+        it('When the user clicks the expanded \'Solve phase\' accordion should be collapsed when collapsed accordion is clicked it should be expanded', () => {
+            thinkSpherePage.steps.clickOnSolvePhaseAccordionIcon();
+            thinkSpherePage.steps.verifySolvePhaseAccordionCollapsed();
+            thinkSpherePage.steps.clickOnSolvePhaseAccordionIcon();
+            thinkSpherePage.steps.verifySolvePhaseAccordionExpanded();
+        });
+
+        it('By default \'Customize toolbar options and controls\' accordion should be collapsed and by clicking on the \'Customize toolbar options and controls\' accordion, user should be able to expand the accordion', () => {
+            utilities.verifyInnerText(thinkSpherePage.customizeToolsAndControlsLabel(), 'Customize toolbar options and controls');
+            utilities.verifyElementVisibilityState(thinkSpherePage.customizeToolsAndControlsIcon(), 'exist');
+            thinkSpherePage.steps.expandCustomizeToolsAndControls();
+        });
+
+        it('Accessibility of \'Solve phase\' accordion and contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.solvePhaseAccordionContentWrapper());
+        });
+
+        it('CSS of \'Solve phase\' accordion and contents', { tags: 'css' }, () => {
+            cy.log('CSS of accordion label and chevron icon')
+            utilities.verifyCSS(thinkSpherePage.solvePhaseAccordionLabel(), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(thinkSpherePage.solvePhaseAccordionSvg(), {
+                'fill': css.color.activeButtons
+            });
+            utilities.verifyCSS(thinkSpherePage.customizeToolsAndControlsLabel(), {
+                'color': css.color.accordionLabel,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(thinkSpherePage.customizeToolsAndControlsPath(), {
+                'fill': css.color.activeButtons
+            });
+
+            cy.log('CSS of selected toolbar formatting option')
+            utilities.verifyCSS(thinkSpherePage.solveToolsAndControlsOptionsTiles('Text'), {
+                'background-color': css.color.primaryBtnBg
+            });
+            cy.log('CSS of tick icon of selected toolbar formatting option')
+            utilities.verifyCSS(thinkSpherePage.solvePhaseToolsAndControlsOptionsTilesFeatherCheckIcon(), {
+                'fill': css.color.activeButtons
+            });
+            cy.log('CSS of background of tick icon of selected toolbar formatting option')
+            utilities.verifyCSS(thinkSpherePage.solvePhaseToolsAndControlsOptionsTilesRectangle(), {
+                'fill': css.color.defaultBackground
+            });
+            cy.log('CSS of icon of selected toolbar formatting option')
+            utilities.verifyCSS(thinkSpherePage.solvePhaseToolsAndControlsOptionsTilesDragItemFlexWrapperSvg(), {
+                'fill': 'none'
+            });
+            cy.log('CSS of drag handle of selected toolbar formatting option')
+            utilities.verifyCSS(
+                utilities.getNthElement(thinkSpherePage.solvePhaseToolsAndControlsOptionsTilesTextDragIconSvgPath(), 1),
+                {
+                    'color': css.color.activeButtons
+                },
+            );
+            cy.log('CSS of unselected toolbar formatting option')
+            utilities.verifyCSS(thinkSpherePage.solveToolsAndControlsOptionsTiles('Array'), {
+                'background-color': css.color.secondaryBtnBg
+            });
+            cy.log('CSS of drag handle of unselected toolbar formatting option')
+            utilities.verifyCSS(
+                utilities.getNthElement(thinkSpherePage.solvePhaseToolsAndControlsOptionsTilesArrayDragIconSvgPath(), 1),
+                {
+                    'fill': css.color.secondaryBtn
+                },
+            );
+        });
+
+        it('When \'Solve phase\' accordion is in expanded state, then all the tool options should be displayed along with drag handle.', () => {
+            thinkSpherePage.steps.verifyToolsAndControlsOptions(canvasTools);
+        });
+
+        it(`When the \'Solve phase\' accordion is in expanded state, then the following tools should be in selected state by default - ${defaultSelectedCanvasTools}. All the other options should be in unselected state.`, () => {
+            defaultSelectedCanvasTools.forEach(tool => {
+                thinkSpherePage.steps.verifyOptionIsSelected(tool);
+            });
+            canvasTools.filter(tool => !defaultSelectedCanvasTools.includes(tool)).forEach(tool => {
+                thinkSpherePage.steps.verifyOptionIsNotSelected(tool);
+            });
+        });
+
+        it('User should be able to unselect any default selected tool and should be able to select any default unselected tool.', () => {
+            thinkSpherePage.steps.deselectOptionFromToolsAndControls('Text');
+            thinkSpherePage.steps.verifyOptionIsNotSelected('Text');
+            thinkSpherePage.steps.selectOptionFromToolsAndControls('Array');
+            thinkSpherePage.steps.verifyOptionIsSelected('Array');
+        });
+
+        it('When \'Solve phase\' accordion is in expanded state, then all the control options should be displayed along with drag handle.', () => {
+            thinkSpherePage.steps.verifyToolsAndControlsOptions(canvasControls);
+        });
+
+        it(`When the \'Solve phase\' accordion is in expanded state, then the following controls should be in selected state by default - ${defaultSelectedCanvasControls}. All the other options should be in unselected state.`, () => {
+            defaultSelectedCanvasControls.forEach(control => {
+                thinkSpherePage.steps.verifyOptionIsSelected(control);
+            });
+            canvasControls.filter(control => !defaultSelectedCanvasControls.includes(control)).forEach(control => {
+                thinkSpherePage.steps.verifyOptionIsNotSelected(control);
+            });
+        });
+
+        it('User should be able to unselect any default selected control.', () => {
+            thinkSpherePage.steps.deselectOptionFromToolsAndControls('Move');
+            thinkSpherePage.steps.verifyOptionIsNotSelected('Move');
+        });
+
+        thinkSpherePage.tests.verifyDefaultToolDropdown(defaultToolsOptions, defaultTool);
+
+        it('\'Customize stamps\' component should be present inside \'Customize toolbar options and controls\' accordion of solve phase', () => {
+            thinkSpherePage.steps.verifyCustomizeStampsComponent();
+            utilities.verifyInnerText(thinkSpherePage.customizeStampHeading(), 'Customize stamp');
+        });
+
+        it('Default stamps should be displayed and selected by default in the \'Customize stamps\' component', () => {
+            thinkSpherePage.steps.verifyDefaultStamps(defaultSelectedStamps);
+        });
+
+        it('Default stamps should have visible tool tips', () => {
+            defaultSelectedStamps.forEach((ele) => {
+                thinkSpherePage.customizeStampCard(ele).verifyTooltip(ele);
+            });
+        });
+
+        it('When user select deselect stamps tool from tools section, then customize stamps section should be visible and hide respectively', () => {
+            thinkSpherePage.steps.clickOnStampsTool();
+            utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampComponent(), 'notExist');
+            thinkSpherePage.steps.clickOnStampsTool();
+            utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampComponent(), 'visible');
+        });
+
+        it('CSS of \'Customize stamps\' component', { tags: 'css' }, () => {
+            thinkSpherePage.customizeStampComponent()
+                .within(() => {
+                    utilities.verifyCSS(thinkSpherePage.customizeStampHeading(), {
+                        'color': css.color.sectionHeading,
+                        'font-size': css.fontSize.normal,
+                        'font-weight': css.fontWeight.semibold,
+                        'padding-bottom': '8px'
+                    });
+                    utilities.verifyCSS(utilities.getNthElement(thinkSpherePage.customizeStampCard(), 0), {
+                        'width': '80px',
+                        'height': '80px',
+                        'border': `1px solid ${css.color.figDefaultComponentBorder}`,
+                        'background-color': css.color.primaryBtn,
+                        'border-radius': '8px',
+                    });
+                });
+        });
+
+        it('User should be able to select and unselect any stamp from the \'Customize stamps\' component', () => {
+            thinkSpherePage.steps.verifySelectAndUnselectStamps();
+        });
+
+        it('CSS of  unselected \'Customize stamp\' card component', { tags: 'css' }, () => {
+            thinkSpherePage.steps.clickOnCustomizeCard(0);
+            utilities.verifyCSS(utilities.getNthElement(thinkSpherePage.customizeStampCard(), 0), {
+                'width': '80px',
+                'height': '80px',
+                'border': `1px solid ${css.color.secondaryBtnDisabled}`,
+                'background-color': css.color.primaryBtn,
+                'border-radius': '8px',
+            });
+            thinkSpherePage.steps.clickOnCustomizeCard(0);
+        });
+
+        thinkSpherePage.tests.verifyDefaultToolDropdown(defaultToolsOptions, defaultTool);
+
+        it('By default, Equation Editor categories should not be displayed', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionWrapper(), 'notExist');
+        });
+
+        it('When clicking the Equation Editor Tool, Equation Editor categories should be displayed', () => {
+            thinkSpherePage.steps.selectCustomizedFormattingOption(['Equation editor']);
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionWrapper(), 'exist');
+        });
+
+        it(`By default, ${defaultSelectedCategories.toString()} should be selected`, () => {
+            defaultSelectedCategories.forEach((category) => {
+                thinkSpherePage.steps.verifySelectedCategoryInEquationEditorSectionEditTab(category);
+            });
+        });
+
+        it('CSS of selected and deselected category', { tags: 'css' }, () => {
+            cy.log('CSS of selected category')
+
+            utilities.verifyCSS(utilities.getNthElement(thinkSpherePage.equationEditorSectionCategories(), 0), {
+                'background-color': css.color.activeButtons
+            });
+
+            utilities.getNthElement(thinkSpherePage.equationEditorSectionCategories(), 0)
+                .within(() => {
+                    utilities.verifyCSS(thinkSpherePage.equationEditorSectionCategoryLabel(), {
+                        'color': css.color.primaryBtn,
+                        'font-size': css.fontSize.small,
+                        'font-weight': css.fontWeight.regular
+                    });
+                    utilities.verifyCSS(thinkSpherePage.equationEditorSectionTickIcon(), {
+                        'fill': css.color.activeButtons
+                    });
+                    utilities.verifyCSS(thinkSpherePage.equationEditorSectionCategoriesDragIcon(), {
+                        'fill': css.color.activeButtons
+                    });
+                });
+
+            cy.log('CSS of deselected category')
+
+            utilities.verifyCSS(utilities.getNthElement(thinkSpherePage.equationEditorSectionCategories(), 12), {
+                'background-color': css.color.primaryBtn
+            });
+
+            utilities.getNthElement(thinkSpherePage.equationEditorSectionCategories(), 12)
+                .within(() => {
+                    utilities.verifyCSS(thinkSpherePage.equationEditorSectionCategoryLabel(), {
+                        'color': css.color.secondaryBtn,
+                        'font-size': css.fontSize.small,
+                        'font-weight': css.fontWeight.regular
+                    });
+                    utilities.verifyCSS(thinkSpherePage.equationEditorSectionCategoriesDragIcon(), {
+                        'fill': css.color.secondaryBtn
+                    });
+                });
+        });
+
+        it('The edit button should not be displayed for the keypad category button.', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).find(thinkSpherePage.equationEditorSectionCategoriesEditIcon()), 'visible');
+        })
+
+        it('User should be able to unselect default selected category and should be able to select default unselected category.', () => {
+            thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).click();
+            thinkSpherePage.steps.verifyEquationEditorSectionCategoryNotPressed()
+            thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['setNotation'].displayName}`).click();
+            thinkSpherePage.steps.verifyEquationEditorSectionCategoryIsPressed();
+        });
+
+        it('The \'Equation Editor\' should be displayed along with helper text \'Select the categories to display to the students in the equation editor.\' and \'Create custom category\' button should be displayed', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionTitle(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.equationEditorSectionTitle(), 'Equation editor');
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionHelperText(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.equationEditorSectionHelperText(), 'Select the categories to display to the students in the equation editor.');
+            utilities.verifyElementVisibilityState(thinkSpherePage.createCustomCategoryButton(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.createCustomCategoryButton(), 'Create custom category');
+        });
+
+        it.skip('Accessibility of selected and deselected category', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`).parents('[class*="DraggableItemsGrid"]'))
+        });
+
+        it('When user add question image then it should replicate at customize stamps first card and it should be unselected', () => {
+            thinkSpherePage.steps.uploadFile('uploads/highlightImage.jpg');
+            cy.wait(5000);
+            thinkSpherePage.steps.verifyQuestionImageCustomStamp();
+        });
+    });
+})

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

@@ -99,7 +99,7 @@ describe('Create question page - Audio player: Header section and saving resourc
         });
 
         describe('Validation error messages', () => {
-            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please upload a file']);
 
             it('Validation error message(s) should be displayed below required input field(s)', () => {
                 utilities.verifyElementVisibilityState(audioPlayerPage.errorMessage(), 'visible');

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

@@ -2,6 +2,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { uploadResponsePage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 import { supportedFileType } from "../../../fixtures/uploadResponseFileType";
+import { commonComponents } from "../../../pages/components";
 const css = Cypress.env('css');
 
 const fileSizeLimitOptions = ['5', '10', '15', '20', '100'];
@@ -373,4 +374,37 @@ describe('Create question page - Upload Response: Question Instructions, Support
 
         uploadResponsePage.tests.verifyWarningMessageDisappear();
     });
+
+    describe('User should be able to edit incomplete authored question', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+            uploadResponsePage.steps.saveAQuestionWithIncompleteAuthoring();
+            uploadResponsePage.steps.editItem();
+        });
+
+        it('Warning icons should be displayed on the required fields', () => {
+            uploadResponsePage.steps.verifyWarningIconOnRequiredFields(['Please select a file type']);
+        });
+
+        it('When file type is selected then warning icons should disappear', () => {
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.selectSupportedFileTypeOption(0);
+            uploadResponsePage.supportedFileTypesAccordionWrapper()
+                .within(() => {
+                    utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'notExist');
+                });
+        });
+
+        it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+            uploadResponsePage.steps.saveAQuestionAndVerifySnackbar();
+        });
+
+        it('Warning icon should not be visible', () => {
+            utilities.verifyElementVisibilityState(uploadResponsePage.warningIcon(), 'notExist');
+        });
+    });
 });

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

@@ -1,6 +1,9 @@
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-import { uploadResponsePage, dialogBoxBase } from "../../../pages";
+import { uploadResponsePage, dialogBoxBase, itemPreviewPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
+import { browseItemsPage } from "../../../pages/components";
+var itemReferenceID = ""
+
 
 describe('Create question page - Upload Response: Header section and Saving question', () => {
     before(() => {
@@ -49,4 +52,38 @@ describe('Create question page - Upload Response: Header section and Saving ques
 
         uploadResponsePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
     });
+
+    describe('Saving a question with incomplete authoring', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+        });
+
+        it('User should be able to save the question with incomplete authoring and display a snackbar with the text "Saved successfully!" when the Save Question button is clicked', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please select a file type']);
+            uploadResponsePage.steps.saveAQuestionWithIncompleteAuthoring();
+        });
+        uploadResponsePage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+    });
+
+    describe('Save as you go - Browse item page contents', () => {
+        abortEarlySetup();
+        before(() => {
+            uploadResponsePage.steps.navigateToCreateQuestion('upload response');
+            cy.barsPreLoaderWait();
+            uploadResponsePage.steps.clickOnSupportedFilesTypesAccordion();
+            uploadResponsePage.steps.uncheckDefaultSelectedFileTypes();
+            uploadResponsePage.steps.saveAQuestionWithIncompleteAuthoring();
+            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+            itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+            browseItemsPage.steps.navigateToBrowseItemsPage();
+        });
+
+        it('When user saves an incompletely authored question then a warning icon should be visible in browse items page', () => {
+            browseItemsPage.steps.verifyWarningIconInBrowseItemPage(`${itemReferenceID}`);
+        });
+    });
 });

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

@@ -159,31 +159,21 @@ describe('Create item page - Video response: Question instructions, Maximum reco
             });
         });
 
-        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
+        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, Validation error should not be displayed below the \'Maximum recording duration\' input field and it should take up default value i.e. 300', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
         it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Maximum recording duration is required.\' should disappear.', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(1000);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), error message should not be displayed and it should take default value i.e 300', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(0);
-            videoResponsePage.steps.verifyMaximumRecordingDuration(0);
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
-        });
-
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Value must be greater than 0 secs.\' should disappear', () => {
-            videoResponsePage.steps.setMaximumRecordingDuration(1000);
-            videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
         it('When user adds decimal values or alphanumeric values then only numeric values should be displayed in the maximum recording length input field', () => {
@@ -204,32 +194,27 @@ describe('Create item page - Video response: Question instructions, Maximum reco
             videoResponsePage.steps.verifyMaximumRecordingDuration(5);
         });
 
-        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, \'Error: Maximum recording duration is required.\' validation error should be displayed below the \'Maximum recording duration\' input field', () => {
+        it('When the user focuses in and out of the empty \'Maximum recording duration\' input field, validation error should not be displayed below the \'Maximum recording duration\' input field', () => {
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Secs');
             videoResponsePage.steps.clearMaximumRecordingDurationInputField();
-            utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Maximum recording duration is required.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Maximum recording duration is required.\' should disappear.', () => {
+        it('When the user updates the \'Maximum recording duration\' value, then the validation message should not be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(5);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
         });
 
-        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message \'Error: Value must be greater than 0 mins.\' should be displayed', () => {
-            videoResponsePage.steps.setMaximumRecordingDurationNew(0);
-            videoResponsePage.steps.verifyMaximumRecordingDuration(0);
+        it('When the user has set \'Maximum recording duration\' to \'0\' (zero), a validation message should not be displayed and it should take default value i.e. 300', () => {
+            videoResponsePage.steps.setMaximumRecordingDuration(0);
+            videoResponsePage.steps.verifyMaximumRecordingDuration(300);
             // Uncomment once https://redmine.zeuslearning.com/issues/583618 is resolved
             // utilities.verifyInnerText(videoResponsePage.errorMessage(), 'Error: Value must be greater than 0 mins.');
-            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'visible');
+            utilities.verifyElementVisibilityState(videoResponsePage.errorMessage(), 'notExist');
         });
 
-        videoResponsePage.tests.verifyErrorMessageCSSAndA11y();
-
-        it('When the user updates the \'Maximum recording duration\' value, then the validation message \'Error: Value must be greater than 0 mins.\' should disappear', () => {
+        it('When the user updates the \'Maximum recording duration\' value, then the validation message should not be displayed', () => {
             videoResponsePage.steps.setMaximumRecordingDuration(5);
             videoResponsePage.steps.verifyErrorMessageIsNotDisplayed();
             videoResponsePage.steps.toggleMaximumRecordingDurationInputField('Mins');

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

@@ -98,7 +98,22 @@ describe('Create item page - Charts - Dot plot: Header section and saving questi
             chartsDotPlotPage.steps.selectDotPlot();
         });
 
-        chartsDotPlotPage.tests.verifyCreateItemWrapperContentsA11y();
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton(['Please set points']);
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                chartsDotPlotPage.steps.verifyQuestionInstructionsErrorMessageIsNotDisplayed();
+                chartsDotPlotPage.steps.verifyWarningIconOnRequiredFields(['Please set points']);
+                chartsDotPlotPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                chartsDotPlotPage.steps.allotPoints(10);
+                chartsDotPlotPage.steps.verifyErrorMessageIsNotDisplayed();
+            });
+
+            chartsDotPlotPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
 
         describe('Saving a question', () => {
             it('When user clicks on "Save question" button, then the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {

package/cypress/e2e/Sessions/fetchResponses.js

@@ -15,7 +15,7 @@ describe('Fetch Responses API', () => {
     let activityTemplateIdNew1;
     before(() => {
         cy.loginAs('admin');
-        cy.createItem('FetchResponseTest1');
+        cy.createItem('FetchResponseTest12');
         cy.wait(5000)
         cy.visit(`${Cypress.env('itemEngineHomePage')}`);
     });
@@ -40,7 +40,7 @@ describe('Fetch Responses API', () => {
             .click();
         cy.get('textarea[class="body-param__text"]')
             .clear()
-            .fill(`{\n  "item_references": ["FetchResponseTest1"],\n  "references": [],\n  "types": [],\n  "limit": 50,\n  "sort_field": "created",\n  "sort": "desc"\n}\n`);
+            .fill(`{\n  "item_references": ["FetchResponseTest12"],\n  "references": [],\n  "types": [],\n  "limit": 50,\n  "sort_field": "created",\n  "sort": "desc"\n}\n`);
         cy.get('.execute')
             .click();
         cy.wait(2000);
@@ -52,7 +52,7 @@ describe('Fetch Responses API', () => {
             .then((text) => {
                 // Parse the JSON from the DOM
                 const actualResponse = JSON.parse(text);
-                const test1Data = actualResponse.data.FetchResponseTest1[0];
+                const test1Data = actualResponse.data.FetchResponseTest12[0];
                 const { reference: ref1 } = test1Data;
                 itemReferenceIdNew = ref1;
             });

package/cypress/e2e/Sessions/scores.js

@@ -5,7 +5,15 @@ describe('Scores API cases', () => {
     var sessionData = [{}, {}, {}];
     var timestamp;
     var dtScoreUpdateArray = [];
-    let itemReferenceIdNew = "cd2f017-4f0-33b3-062b-ab6150047a83";
+
+    let itemReferenceIdNew;
+    const domainMapping = {
+        'sandbox.itemengine-qa.il-apps.com': "0ee6c7-ef6e-717-4b8-cda87eaac101",
+        'sandbox.itemengine-staging.il-apps.com': "a50ba14-5603-b55e-7cc-d17404ce5afb",
+        'sandbox.itemengine-prod.il-apps.com': "444d582-3e4-b18f-e52c-5c8c732717"
+    };
+
+    itemReferenceIdNew = domainMapping[domainName] || null;
     let dt_score_update;
     let response_id;
     let dt_saved;
@@ -121,10 +129,6 @@ describe('Scores API cases', () => {
     it('If the user clicks on the Scores option from the menu bar, user should be navigated to the Scores API page', () => {
         cy.contains('Scores')
             .click();
-        cy.contains('Scores')
-            .parent()
-            .parent()
-            .should('have.class', 'Mui-selected');
         cy.url()
             .should('eq', Cypress.config().baseUrl + '/item-engine/data-api/sessions/fetch-scores');
     });

package/cypress/e2e/applitools.config.js

@@ -3,9 +3,9 @@ module.exports = {
 	serverUrl: 'https://eyes.applitools.com',
 	browser: [
 		{ width: 1366, height: 609, name: 'chrome' },
-		// { width: 1280, height: 832, name: 'edgechromium' },
-		// { width: 1536, height: 960, name: 'safari' },
-		// { width: 1024, height: 1366, name: 'safari' }
+		{ width: 1280, height: 832, name: 'edgechromium' },
+		{ width: 1536, height: 960, name: 'safari' },
+		{ width: 1024, height: 1366, name: 'safari' }
 	],
 	//Configuration options: https://applitools.com/tutorials/sdks/cypress/configuration
 	APPLITOOLS_IS_DISABLED: true

package/cypress/fixtures/theme/ilc.json

@@ -1,5 +1,6 @@
 {
     "color": {
+        "boxShadow": "rgba(82, 0, 255, 0.1)",
         "primaryBtn": "rgb(255, 255, 255)",
         "primaryBtnBg": "rgb(82, 0, 255)",
         "primaryBtnBorder": "rgb(0, 0, 124)",
@@ -157,7 +158,19 @@
         "newFontColor": "rgb(128, 25, 0)",
         "newResponseFieldColor": "rgb(119, 60, 60)",
         "blackText": "rgb(0, 0, 0)",
-        "blackTextBoxText":"rgba(0, 0, 0, 0.38)"
+        "blackTextBoxText":"rgba(0, 0, 0, 0.38)",
+        "whiteColor": "rgba(255, 255, 255, 1)",
+        "phasesSectionBorderColor": "rgba(186, 201, 255, 1)",
+        "optionColor": "rgb(13, 71, 161)",
+        "borderColor": "rgb(205, 205, 206)",
+        "buttonHoverColor": "rgb(68, 0, 211)",
+        "tableRowHoverColor": "rgba(0, 0, 0, 0.04)",
+        "dialogBoxBoxShadow": "rgba(0, 0, 0, 0.25)",
+        "desktopMobileViewtoggleButtonSelectedBg": "rgb(227, 242, 253)",
+        "progressBarBackgroundColor": "rgba(0, 0, 46, 0.7)",
+        "questionInstructionBG": "rgb(235, 239, 255)",
+        "deletePageColor": "rgb(124, 0, 0)",
+        "dropdownDefaultBG": "rgb(227, 240, 237)"
     },
     "fontSize": {
         "extraSmall": "10px",