itemengine-cypress-automation 1.0.566 → 1.0.567-ITEM-1376-2863b59.0

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

@@ -1,156 +0,0 @@
-import { fillInTheGapsOverImageTextPage, itemPreviewPage, studentViewPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-import { colorPopupComponent } from "../../../pages/components";
-let correctAnswerViews = ['Question preview', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
-const views = utilities.getViews(correctAnswerViews);
-const css = Cypress.env('css');
-let itemReferenceID = "";
-const modifiedColor = 'rgb(121, 60, 60)';
-
-describe('Create Item page - Drag and drop into categories: Style and layout customization', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    views.forEach((view) => {
-        describe(`${view}: Style and Layout Customization - Default State`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-                        fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
-                        fillInTheGapsOverImageTextPage.steps.selectResponseArea(0);
-                        fillInTheGapsOverImageTextPage.steps.selectResponseAreaPointerStyle('left');
-                        fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        fillInTheGapsOverImageTextPage.steps.switchToGradingView();
-                        break;
-                    case 'Student view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                    case 'Correct answer view':
-                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        itemPreviewPage.steps.resetQuestionPreview();
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsOverImageTextPage.steps.clickOnSaveQuestionButton();
-                    fillInTheGapsOverImageTextPage.steps.clickOnConfirmButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`Text container should have default border color, fill color, and border style in ${view}`, () => {
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, css.color.optionsBg);
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px solid ${css.color.activeComponentBorder}`);
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'solid');
-            });
-
-            it(`text container connector style should be displayed in default state in ${view}`, () => {
-                fillInTheGapsOverImageTextPage.steps.verifyResponseAreaConnectorEndPointShapePreviewTab('Circle');
-            });
-        });
-    });
-
-    views.forEach((view) => {
-        describe(`${view}: Style and Layout Customization - modified State`, () => {
-            abortEarlySetup();
-            before(() => {
-                switch (view) {
-                    case 'Question preview':
-                        fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image with text');
-                        cy.barsPreLoaderWait();
-                        fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-                        fillInTheGapsOverImageTextPage.steps.verifyImageIsUploaded();
-                        fillInTheGapsOverImageTextPage.steps.insertResponseArea(80);
-                        fillInTheGapsOverImageTextPage.steps.selectResponseArea(0);
-                        fillInTheGapsOverImageTextPage.steps.selectResponseAreaPointerStyle('left');
-                        fillInTheGapsOverImageTextPage.steps.expandStyleAndLayoutCustomizationAccordion();
-                        fillInTheGapsOverImageTextPage.steps.selectEndPointShapeButton('Square');
-                        fillInTheGapsOverImageTextPage.steps.editColor(0);
-                        colorPopupComponent.steps.clickInColorSaturationPalette();
-                        colorPopupComponent.steps.clickOnOkButton();
-                        fillInTheGapsOverImageTextPage.steps.editColor(1);
-                        colorPopupComponent.steps.clickInColorSaturationPalette();
-                        colorPopupComponent.steps.clickOnOkButton();
-                        fillInTheGapsOverImageTextPage.steps.selectBorderStyleToggleButton('Dotted');
-                        fillInTheGapsOverImageTextPage.steps.checkSetHeightAndWidthForAllTextContainersCheckbox();
-                        fillInTheGapsOverImageTextPage.steps.setTextContainerHeight(100);
-                        fillInTheGapsOverImageTextPage.steps.setTextContainerWidth(200);
-                        fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-                        break;
-                    case 'Item preview':
-                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
-                        itemPreviewPage.steps.switchToPreviewTab();
-                        fillInTheGapsOverImageTextPage.steps.switchToGradingView();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                };
-            });
-
-            beforeEach(() => {
-                switch (view) {
-                    case 'Question preview':
-                        break;
-                    case 'Item preview':
-                        fillInTheGapsOverImageTextPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
-                        itemPreviewPage.steps.resetQuestionPreview();
-                        break;
-                    case 'Grading view':
-                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                        break;
-                }
-            });
-
-            if (view === 'Question preview') {
-                after(() => {
-                    fillInTheGapsOverImageTextPage.steps.clickOnSaveQuestionButton();
-                    fillInTheGapsOverImageTextPage.steps.clickOnConfirmButton();
-                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
-                });
-            };
-
-            it(`Text container should have default border color, fill color, and border style in ${view}`, () => {
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldFillColor(0, modifiedColor);
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderColor(0, `1px dotted ${modifiedColor}`);
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldBorderStyle(0, 'dotted');
-            });
-
-            it(`text container connector style should be displayed in default state in ${view}`, () => {
-                fillInTheGapsOverImageTextPage.steps.verifyResponseAreaConnectorEndPointShapePreviewTab('Square');
-            });
-
-            it(`Text containers should have modified height and width in ${view}`, () => {
-                fillInTheGapsOverImageTextPage.steps.verifyAnswerInputFieldHeightAndWidthInAllViews(0, '100px', '200px');
-            });
-        });
-    });
-});