itemengine-cypress-automation 1.0.278-revert-134-updatedRepo12thDec-5aacd81.0 → 1.0.279-4092Changes-71debc9.0

package/cypress/e2e/ILC/TextEntryMathWithImage/allOrNothingScoringForAllViews.smoke.js

@@ -225,7 +225,7 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                 }
                 textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(0);
                 textEntryMathWithImagePage.steps.verifyCorrectResponseIcon(1);
-                textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(2);
+                textEntryMathWithImagePage.steps.verifyIncorrectResponseIcon(2);
                 textEntryMathWithImagePage.steps.verifyResponseFieldNumerationPreviewTab();
                 textEntryMathWithImagePage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount(['12', '2⁢x2⁢y2+4⁢x⁢y+4', '6×π']);
                 textEntryMathWithImagePage.steps.verifyCorrectAnswerResponsesAriaLabel(1, '2 x squared y squared plus 4 x y plus 4');

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

@@ -106,19 +106,20 @@ describe('Create item page - Text entry math: Question instructions, Options sec
             utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 3);
         });
 
-        it('When the user clicks on the redo button after performing an undo action in canvas section, then the previously added response accordion should be deleted again in specify correct answer section', () => {
+        //Remove skip once https://weldnorthed.atlassian.net/issues/IEI-3943 is resolved
+        it.skip('When the user clicks on the redo button after performing an undo action in canvas section, then the previously added response accordion should be deleted again in specify correct answer section', () => {
             textEntryMathWithImagePage.steps.redoAction();
             utilities.verifyElementCount(textEntryMathWithImagePage.responseAccordion(), 2);
         });
 
-        it('When the user reaches the initial state by performing undo actions in canvas section, then specify correct answer section should not have response accordion', () => {
+        it.skip('When the user reaches the initial state by performing undo actions in canvas section, then specify correct answer section should not have response accordion', () => {
             for (var i = 0; i < 5; i++) {
                 textEntryMathWithImagePage.steps.undoAction();
             };
             utilities.verifyElementVisibilityState(textEntryMathWithImagePage.responseAccordion(), 'notExist');
         });
 
-        it('When the user reaches the latest state by performing redo actions in canvas section, then 3 response accordions should be visible in specify correct answer section', () => {
+        it.skip('When the user reaches the latest state by performing redo actions in canvas section, then 3 response accordions should be visible in specify correct answer section', () => {
             for (var i = 0; i < 4; i++) {
                 textEntryMathWithImagePage.steps.redoAction();
             };
@@ -336,14 +337,15 @@ describe('Create item page - Text entry math: Question instructions, Options sec
             textEntryMathWithImagePage.steps.verifyTextOfTextBoxInPreviewTab('Inserted text');
         });
 
-        it('When the user clicks on the undo button in edit tab, then previous action should be reversed and same should reflect in preview tab', () => {
+        //Remove skip once https://weldnorthed.atlassian.net/issues/IEI-3943 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', () => {
             textEntryMathWithImagePage.steps.switchToEditTab();
             textEntryMathWithImagePage.steps.undoAction();
             textEntryMathWithImagePage.steps.switchToPreviewTab();
             textEntryMathWithImagePage.steps.verifyTextOfTextBoxInPreviewTab('');
         });
 
-        it('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', () => {
             textEntryMathWithImagePage.steps.switchToEditTab();
             textEntryMathWithImagePage.steps.redoAction();
             textEntryMathWithImagePage.steps.switchToPreviewTab();

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

@@ -0,0 +1,384 @@
+import { dialogBoxBase, textEntryMathWithImagePage } from "../../../pages";
+import { colorPopupComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const borderStyles = ["Dashed", "Dotted", "Solid", "None"]
+const modifiedColor = 'rgb(121, 60, 60)'
+const selectedStyle = 'dashed';
+const connectorStyles = ["Circle", "Square", "Diamond", "None"]
+
+describe('Create Item page - Text Entry Math: Style and layout customization', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Style and layout customization accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+        });
+
+        textEntryMathWithImagePage.tests.verifyStyleAndLayoutCustomizationAccordionProperties();
+    });
+
+    describe('Style and layout customization accordion contents', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        textEntryMathWithImagePage.tests.verifyStyleAndLayoutCustomizationAccordionContent('add background');
+    });
+
+    describe('Fill color - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        textEntryMathWithImagePage.tests.verifyFillColorFunctionalityEditTab('add background');
+    });
+
+    describe('Fill color - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion()
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+        });
+
+        textEntryMathWithImagePage.tests.verifyFillColorFunctionalityPreviewTab('add background');
+    });
+
+    describe('Border color - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion()
+        });
+
+        textEntryMathWithImagePage.tests.verifyBorderColorFunctionalityEditTab('add background');
+    });
+
+    describe('Border color - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion()
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+        });
+
+        textEntryMathWithImagePage.tests.verifyBorderColorFunctionalityPreviewTab('add background');
+    });
+
+    describe('Color popup functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        textEntryMathWithImagePage.tests.verifyEditColorPopupFunctionality('add background');
+    });
+
+    describe('Color popup - Updating the selected color', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        textEntryMathWithImagePage.tests.verifyColorPopupUpdatingSelectedColorFunctionality();
+    });
+
+    describe('Color popup - \'Cancel\' and \'Ok\' buttons', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        textEntryMathWithImagePage.tests.verifyColorPopUpCancelOkButtonFunctionality();
+    });
+
+    describe('Border style - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.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"', () => {
+            textEntryMathWithImagePage.steps.verifyResponseAreaOverImageBorderStyle(0, 'dashed');
+        });
+
+        borderStyles.forEach((style) => {
+            it(`When the user selects ${style}, then the border style of the text containers in the canvas image should update to ${style}`, () => {
+                textEntryMathWithImagePage.steps.selectBorderStyleToggleButton(style);
+                textEntryMathWithImagePage.steps.verifyResponseAreaOverImageBorderStyle(0, style);
+            });
+        })
+    });
+
+    describe('Border style - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion()
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+        });
+
+        textEntryMathWithImagePage.tests.verifyBorderStylePreviewTab('add background');
+    });
+
+    describe('Set height and width for all text containers Contents and Functionality', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.insertResponseArea(60);
+            textEntryMathWithImagePage.steps.insertResponseArea(20);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('\'Set height and width for all text containers\' label and checkbox should be visible and by default it should be checked', () => {
+            utilities.verifyTextContent(textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersLabel(), 'Set height and width for all text containers');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersCheckbox(), 'visible');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersCheckbox(), 'visible');
+            textEntryMathWithImagePage.steps.verifyCheckboxIsCheckedForSetHeightAndWidth();
+        });
+
+        it('\'Height(px)\' and \'Width(px)\' label and height input field ,width input filed should be visible and by default input field should be empty', () => {
+            utilities.verifyTextContent(textEntryMathWithImagePage.heightLabel(), 'Height (px)');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.heightLabel(), 'visible');
+            utilities.verifyTextContent(textEntryMathWithImagePage.widthLabel(), 'Width (px)');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.widthLabel(), 'visible');
+            utilities.verifyTextContent(textEntryMathWithImagePage.heightInputField(), '');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.heightInputField(), 'visible');
+            utilities.verifyTextContent(textEntryMathWithImagePage.widthInputField(), '');
+            utilities.verifyElementVisibilityState(textEntryMathWithImagePage.widthInputField(), 'visible');
+        });
+
+        it('By default height and width of the text container is 32px and 120px ', () => {
+            textEntryMathWithImagePage.steps.verifyHeightOfTextContainerInEditTab(0, '32px');
+            textEntryMathWithImagePage.steps.verifyWidthOfTextContainerInEditTab(0, '120px');
+        });
+
+        it('When user insert value in height and width input fields then value should be visible', () => {
+            textEntryMathWithImagePage.steps.enterValueInHeightInputField(50);
+            textEntryMathWithImagePage.steps.enterValueInWidthInputField(150);
+            textEntryMathWithImagePage.steps.verifyHeightInputFieldValue('50');
+            textEntryMathWithImagePage.steps.verifyWidthInputFieldValue('150');
+            textEntryMathWithImagePage.steps.clearHeightInputField();
+            textEntryMathWithImagePage.steps.clearWidthInputField();
+        });
+
+        it('User should not be able to enter text,special characters in input field', () => {
+            textEntryMathWithImagePage.steps.enterValueInHeightInputField('50a@,');
+            textEntryMathWithImagePage.steps.enterValueInWidthInputField('asd@');
+            textEntryMathWithImagePage.steps.verifyHeightInputFieldValue('50');
+            textEntryMathWithImagePage.steps.verifyWidthInputFieldValue('');
+            textEntryMathWithImagePage.steps.clearHeightInputField();
+            textEntryMathWithImagePage.steps.clearWidthInputField();
+        });
+
+        it('User should not able to enter more than three digit number in height and width input field', () => {
+            textEntryMathWithImagePage.steps.enterValueInHeightInputField(9999);
+            textEntryMathWithImagePage.steps.enterValueInWidthInputField(1000);
+            textEntryMathWithImagePage.steps.verifyHeightInputFieldValue('999');
+            textEntryMathWithImagePage.steps.verifyWidthInputFieldValue('100');
+        });
+
+        it('When user inserts 90px in the height input field, then  changes should be reflected in the edit tab textContainer height and value of height input field is 90', () => {
+            textEntryMathWithImagePage.steps.clearHeightInputField();
+            textEntryMathWithImagePage.steps.enterValueInHeightInputField(90);
+            textEntryMathWithImagePage.steps.verifyHeightOfTextContainerInEditTab(0, '90px');
+        });
+
+        it('When user inserts 500px in the width input field, then  changes should be reflected in the edit tab textContainer width and value of width input field is 500', () => {
+            textEntryMathWithImagePage.steps.clearWidthInputField();
+            textEntryMathWithImagePage.steps.enterValueInWidthInputField(210);
+            textEntryMathWithImagePage.steps.verifyWidthOfTextContainerInEditTab(0, '210px');
+        });
+
+        it('When the user clear the height and weight input field and add a new text container ,then height and width of textContainer is default height and width', () => {
+            textEntryMathWithImagePage.steps.clearHeightInputField();
+            textEntryMathWithImagePage.steps.clearWidthInputField();
+            textEntryMathWithImagePage.steps.insertResponseArea(20);
+            textEntryMathWithImagePage.steps.verifyHeightOfTextContainerInEditTab(2, '32px');
+            textEntryMathWithImagePage.steps.verifyWidthOfTextContainerInEditTab(2, '120px');
+        });
+
+        it('CSS of "Set height and width for all text containers" section contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersLabel(), {
+                'color': css.color.labelText,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of "Set height and width for all text containers" section contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(textEntryMathWithImagePage.setHeightAndWidthForAllTextContainersLabel().parents('.set-textContainer-dimensions-checkbox'));
+        });
+    });
+
+    describe('Set height and width for all text containers - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.insertResponseArea(60);
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any height or width values in the "Set height and width for all text containers" section,then the dimensions of the text containers should be default', () => {
+            textEntryMathWithImagePage.steps.verifyHeightOfTextContainerInPreviewTab(0, '32px');
+            textEntryMathWithImagePage.steps.verifyWidthOfTextContainerInPreviewTab(0, '122px');
+        });
+
+        it('When user update height and width of the textContainer then the changes should be reflected in the preview tab textContainer', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.enterValueInHeightInputField(80);
+            textEntryMathWithImagePage.steps.enterValueInWidthInputField(180);
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyHeightOfTextContainerInPreviewTab(0, '80px');
+            textEntryMathWithImagePage.steps.verifyWidthOfTextContainerInPreviewTab(0, '182px');
+        });
+
+        it('When the user clear the height and weight input field and add a new text container ,then height and width of textContainer is default height and width in preview tab', () => {
+            textEntryMathWithImagePage.steps.switchToEditTab();
+            textEntryMathWithImagePage.steps.clearHeightInputField();
+            textEntryMathWithImagePage.steps.clearWidthInputField();
+            textEntryMathWithImagePage.steps.insertResponseArea(20);
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+            textEntryMathWithImagePage.steps.verifyHeightOfTextContainerInPreviewTab(1, '32px');
+            textEntryMathWithImagePage.steps.verifyWidthOfTextContainerInPreviewTab(1, '122px');
+        });
+    });
+
+    describe('Text container connector style contents', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('"Text container connector style" label should be displayed', () => {
+            utilities.verifyInnerText(textEntryMathWithImagePage.textContainerConnectorStyleLabel(), 'Text container connector style');
+        });
+
+        it('"Connector end point shape" label along with four icon buttons - "Circle", "Square", "Diamond" and "None" should be displayed. By default, "Circle" option should be in selected state', () => {
+            utilities.verifyInnerText(textEntryMathWithImagePage.connectorEndPointShapeLabel(), 'Connector end point shape');
+            connectorStyles.forEach((option) => {
+                utilities.verifyElementVisibilityState(textEntryMathWithImagePage.connectorEndPointShapeOptions(option.toLowerCase()), 'exist');
+            });
+            textEntryMathWithImagePage.steps.verifyConnectorStyleOptionSelected('circle')
+        });
+    });
+
+    describe('Text container connector style - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.selectResponseArea(0);
+            textEntryMathWithImagePage.steps.selectResponseAreaPointerStyle('left');
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+        });
+
+        it('When the "Circle" connector style is in selected state, then the connector style of the text containers in the canvas image should be "dashed"', () => {
+            textEntryMathWithImagePage.steps.verifyResponseAreaConnectorEndPointShape('Circle');
+        });
+
+        connectorStyles.forEach((button) => {
+            it(`When the user selects ${button}, then the connector style of the text containers in the canvas image should update to ${button}`, () => {
+                textEntryMathWithImagePage.steps.selectEndPointShapeButton(button);
+                textEntryMathWithImagePage.steps.verifyResponseAreaConnectorEndPointShape(button);
+            });
+        })
+    });
+
+    describe('Text container connector style - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathWithImagePage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathWithImagePage.steps.addBackground();
+            textEntryMathWithImagePage.steps.expandStyleAndLayoutCustomizationAccordion();
+            textEntryMathWithImagePage.steps.uploadFile('highlightImage.jpg');
+            textEntryMathWithImagePage.steps.verifyImageIsUploaded();
+            textEntryMathWithImagePage.steps.insertResponseArea(10);
+            textEntryMathWithImagePage.steps.selectResponseArea(0);
+            textEntryMathWithImagePage.steps.selectResponseAreaPointerStyle('left');
+            textEntryMathWithImagePage.steps.switchToPreviewTab();
+        });
+
+        it('When the "Circle" connector style is in selected state, then the connector style of the text containers in the canvas image should be "dashed"', () => {
+            textEntryMathWithImagePage.steps.verifyResponseAreaConnectorEndPointShapePreviewTab('Circle');
+        });
+
+        connectorStyles.forEach((button) => {
+            it(`When the user selects ${button}, then the connector style of the text containers in the canvas image should update to ${button}`, () => {
+                textEntryMathWithImagePage.steps.switchToEditTab();
+                textEntryMathWithImagePage.steps.selectEndPointShapeButton(button);
+                textEntryMathWithImagePage.steps.switchToPreviewTab();
+                textEntryMathWithImagePage.steps.verifyResponseAreaConnectorEndPointShapePreviewTab(button);
+            });
+        })
+    });
+
+});

package/cypress/e2e/ILC/TextSelection/textSelectionModesInSpecifyPossibleOptionsSection.js

@@ -56,10 +56,10 @@ describe('Create Item page - Text selection: Text selection modes in specify pos
         });
 
         it('When user selects Custom texts, then that text should be selected and the option count should be increased to 1.', () => {
-            textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[0]);
+            textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[2]);
             textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[1]);
             textSelectionPage.steps.verifyOptionCounterTextAndValue(2);
-            textSelectionPage.steps.verifySelectedStateOptionInSpecifyPossibleOptionSection(customTextArray[0], 'blue');
+            textSelectionPage.steps.verifySelectedStateOptionInSpecifyPossibleOptionSection(customTextArray[2], 'blue');
         });
 
         it('Accessibility of the selected option', { tags: 'a11y' }, () => {
@@ -67,7 +67,7 @@ describe('Create Item page - Text selection: Text selection modes in specify pos
         });
 
         it('When user clicks on a selected option, then the selected option should be deselected and the option count should reduce by 1.', () => {
-            textSelectionPage.steps.deselectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[0]);
+            textSelectionPage.steps.deselectOptionInSpecifyPossibleOptionsSection('Custom', customTextArray[2]);
             textSelectionPage.steps.verifyOptionCounterTextAndValue(1);
         });
 

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

@@ -193,7 +193,7 @@ describe('Standard audio player style: Edit tab contents and preview tab functio
                 'border': `1px solid ${css.color.figDefaultComponentBorder}`
             });
             utilities.verifyCSS(audioPlayerPage.standardPreviewPlayerWrapper().find('#Icon_awesome-microphone'), {
-                'fill': css.color.microphoneIcon
+                'fill': css.color.standardMicroPhoneIcon
             });
             utilities.verifyCSS(audioPlayerPage.playbackPauseButton().find('#pause'), {
                 'stroke': css.color.secondaryBtnActive,

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

@@ -343,17 +343,15 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
         });
 
         it('When volume is not set as 0 and user hovers on \'Volume control\' button, then \'Mute\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
-            videoResponsePage.steps.hoverOnVolumeControlButton();
+            videoResponsePage.steps.hoverOnMuteUnmuteButton();
             utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
             utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Mute');
-            utilities.hoverAwayFromElement();
+            utilities.triggerMouseout(videoResponsePage.volumeControlButton());
             utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
         });
 
         it('When the user hovers over \'Volume control slider\', then \'Volume control\' text should be displayed in a tooltip and on hovering away from the button, the tooltip should disappear', () => {
             videoResponsePage.steps.hoverOnVolumeControlButton();
-            videoResponsePage.steps.hoverOnVolumeControlSlider();
-            videoResponsePage.steps.hoverAwayFromVolumeControlButton();
             utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
             utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Volume control');
             utilities.hoverAwayFromElement();
@@ -363,6 +361,7 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
 
         it('When volume is not set as 0 and user clicks on volume control button, then the video should be muted and the volume control button should change to a muted state', () => {
             videoResponsePage.steps.clickOnVolumeButton();
+            utilities.hoverAwayFromElement();
             videoResponsePage.steps.hoverOnVolumeControlButton();
             videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('0');
             utilities.hoverAwayFromElement();
@@ -372,15 +371,16 @@ describe('Create item page - Video response: Preview tab - Standard recorder sty
         });
 
         it('When the user hovers on muted \'Volume control\' button, \'Unmute\' text should be displayed in tooltip', () => {
-            videoResponsePage.steps.hoverOnVolumeControlButton();
+            videoResponsePage.steps.hoverOnMuteUnmuteButton();
             utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'visible');
             utilities.verifyInnerText(videoResponsePage.tooltipText(), 'Unmute');
-            utilities.hoverAwayFromElement();
+            utilities.triggerMouseout(videoResponsePage.volumeControlButton());
             utilities.verifyElementVisibilityState(videoResponsePage.tooltipText(), 'notExist');
         });
 
         it('When the user clicks on the muted volume control button then the volume setting slider should return to full volume and the volume control button should change to an unmuted state', () => {
             videoResponsePage.steps.clickOnVolumeButton();
+            utilities.hoverAwayFromElement();
             videoResponsePage.steps.hoverOnVolumeControlButton();
             videoResponsePage.steps.verifyVolumeOfPlaybackPlayer('100');
             utilities.verifyElementVisibilityState(videoResponsePage.unmutedVolumeIcon(), 'visible');

package/cypress/e2e/ILC/chartsDotsPlot/previewContentsForAllViews.smoke.js

@@ -284,7 +284,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyCSS(chartsDotPlotPage.tooltipText(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.normal,
+                    'font-size': css.fontSize.small,
                     'font-weight': css.fontWeight.regular,
                     'background-color': css.color.tooltipBg
                 });
@@ -292,7 +292,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
                 utilities.verifyCSS(chartsDotPlotPage.tooltipText(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.normal,
+                    'font-size': css.fontSize.small,
                     'font-weight': css.fontWeight.regular,
                     'background-color': css.color.tooltipBg
                 });
@@ -302,12 +302,12 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             it('Accessibility of the tooltip text', { tags: 'a11y' }, () => {
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'visible');
-                cy.checkAccessibility(chartsDotPlotPage.tooltipText());
+                cy.checkAccessibility(chartsDotPlotPage.tooltipText().parents('[role="tooltip"]'));
                 utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[0]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'notExist');
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'visible');
-                cy.checkAccessibility(chartsDotPlotPage.tooltipText());
+                cy.checkAccessibility(chartsDotPlotPage.tooltipText().parents('[role="tooltip"]'));
                 utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[2]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'notExist');
             });
@@ -330,7 +330,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyCSS(chartsDotPlotPage.tooltipText(), {
                     'color': css.color.whiteText,
-                    'font-size': css.fontSize.normal,
+                    'font-size': css.fontSize.small,
                     'font-weight': css.fontWeight.regular,
                     'background-color': css.color.tooltipBg
                 });
@@ -340,7 +340,7 @@ describe('Create item page: Charts - Dot - Preview contents in all views', () =>
             it('Accessibility of the tooltip text', { tags: 'a11y' }, () => {
                 utilities.triggerMouseover(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'visible');
-                cy.checkAccessibility(chartsDotPlotPage.tooltipText());
+                cy.checkAccessibility(chartsDotPlotPage.tooltipText().parents('[role="tooltip"]'));
                 utilities.triggerMouseout(chartsDotPlotPage.controlOptionsPreviewTab(controlOptions[1]));
                 utilities.verifyElementVisibilityState(chartsDotPlotPage.tooltipText(), 'notExist');
             });

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

@@ -41,7 +41,7 @@ describe('Create Item page: Tool settings', () => {
             rulerPage.steps.expandRotationDropdown();
             rulerPage.steps.selectOptionFromRotationDropdown('Allow rotation and display angle');
             rulerPage.steps.enterInputToOpacityInputField(60);
-            rulerPage.steps.checkAddShowHideButtonCheckbox();
+            rulerPage.steps.verifyAddShowHideButtonCheckboxChecked();
             toolSettingsComponent.steps.clickOnOkButton();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
             toolSettingsComponent.steps.verifyToolSelectedState(0);