itemengine-cypress-automation 1.0.276-updatedRepo12thDec-303c8a0.0 → 1.0.277

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

@@ -1,384 +0,0 @@
-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);
-            });
-        })
-    });
-
-});