itemengine-cypress-automation 1.0.70 → 1.0.73

package/cypress/e2e/ILC/EssayResponse/essayResponseGradingViewAndCorrectAnswerViewContents.js

@@ -1,106 +0,0 @@
-import { correctAnswerViewPage, essayResponsePage, itemPreviewPage, studentViewPage } from "../../../pages";
-import { gradingViewPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-var itemReferenceID = "";
-
-describe('Create item page - Essay response: Grading view, Correct answer view contents', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Grading view contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Essay response question type');
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            cy.barsPreLoaderWait();
-            essayResponsePage.steps.addQuestionInstructions();
-            essayResponsePage.steps.allotPoints(10);
-            essayResponsePage.steps.clickOnSaveQuestionButton();
-            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-            //Global variable issue, not working inside before
-            itemPreviewPage.referenceID()
-                .invoke('text')
-                .then(($refID) => {
-                    itemReferenceID = $refID;
-                    cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
-                    utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarOption(), 'visible');
-                    essayResponsePage.steps.selectPreviewTabToolbarOption('Bold (Ctrl+B)');
-                    essayResponsePage.steps.selectPreviewTabToolbarOption('Italic (Ctrl+I)');
-                    essayResponsePage.steps.selectPreviewTabToolbarOption('Underline (Ctrl+U)');
-                    essayResponsePage.steps.enterInputInResponseField('This is a test for grading view preview contents');
-                    studentViewPage.steps.submitResponse();
-                    studentViewPage.steps.clickOnGoToGradingViewButton();
-                });
-        });
-
-        it('Question instructions should be visible', () => {
-            utilities.verifyInnerText(essayResponsePage.questionInstructionsText(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
-            utilities.verifyElementVisibilityState(essayResponsePage.questionInstructionsText(), 'visible');
-        });
-
-        it('The response submitted by the student should be visible in the response field of the grading view. The formatting toolbar options should not be visible in grading view', () => {
-            essayResponsePage.responseField()
-                .verifyInnerHTML('<p><strong><em><u>This is a test for grading view preview contents</u></em></strong></p>');
-            utilities.verifyElementVisibilityState(essayResponsePage.previewTabToolbarWrapper(), 'hidden');
-        });
-
-        it('The content in the response field should not be editable', () => {
-            essayResponsePage.steps.verifyGradingViewResponseFieldIsNonEditable();
-        });
-
-        it('Empty score input field and total score should be displayed', () => {
-            gradingViewPage.steps.verifyGradingViewScore('', 10);
-        });
-
-        it('CSS of content in the response field', { tags: 'css' }, () => {
-            utilities.verifyCSS(essayResponsePage.responseField().find('p'), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of content in the response field', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(essayResponsePage.responseField().parents('.essay-preview-wrapper'));
-        });
-    });
-
-    describe('Correct answer view contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Essay response question type');
-            essayResponsePage.steps.navigateToCreateQuestion('essay response - rich text');
-            cy.barsPreLoaderWait();
-            essayResponsePage.steps.addQuestionInstructions();
-            essayResponsePage.steps.allotPoints(10);
-            essayResponsePage.steps.clickOnSaveQuestionButton();
-            utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
-            //Global variable issue, not working inside before
-            itemPreviewPage.referenceID()
-                .invoke('text')
-                .then(($refID) => {
-                    itemReferenceID = $refID
-                    cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
-                });
-        });
-
-        it('Question instructions should be visible', () => {
-            utilities.verifyTextContent(correctAnswerViewPage.correctAnswerViewQuestionInstructions(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
-            utilities.verifyElementVisibilityState(correctAnswerViewPage.correctAnswerViewQuestionInstructions(), 'visible');
-        });
-
-        it('\'This is a manual scored question\' help text should be displayed in the correct answer view', () => {
-            utilities.verifyTextContent(correctAnswerViewPage.manualScoredQuestionHelpText(), 'This is a manual scored question.');
-            utilities.verifyElementVisibilityState(correctAnswerViewPage.manualScoredQuestionHelpText(), 'visible');
-        });
-
-        it('The points alloted to the question should be displayed', () => {
-            correctAnswerViewPage.steps.verifyAvailablePoints(10);
-        });
-
-        //Need to add CSS and A11y here once updated designs are available for correct answer
-    });
-});

package/cypress/e2e/ILC/FillInTheGapsDragAndDrop/fillInTheGapsDragAndDropGroupedEditTab.js

@@ -1,76 +0,0 @@
-import { fillInTheGapsDragAndDropPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-const responseForGroup2 = ['Response 3', 'Response 4'];
-
-describe('Create Item Page: Fill in the gaps - drag and drop: Grouped response layout - Edit tab', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('\'Grouped\' response options layout - Edit tab section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - drag and drop question type');
-            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
-            cy.barsPreLoaderWait();
-        });
-
-        fillInTheGapsDragAndDropPage.tests.verifyGroupedOptionsContentAndFunctionality();
-    });
-
-    describe('\'Grouped\' response options layout - Set correct answer section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - drag and drop question type');
-            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
-            cy.barsPreLoaderWait();
-            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
-        });
-
-        fillInTheGapsDragAndDropPage.tests.verifyGroupedResponseDraggableOptionsInSetCorrectAnswerSection();
-
-        it('When the user deletes a group, then the deleted group should get removed from the response options container as well as from the response areas (if any) of the \'Set Correct Answer\' section', () => {
-            cy.log('Pre step: Entering text into the text fields of group 2 response container')
-            fillInTheGapsDragAndDropPage.groupResponseContainer()
-                .eq(1)
-                .within(() => {
-                    fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(responseForGroup2);
-                });
-            fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
-            cy.log('Setting a correct answer option')
-            fillInTheGapsDragAndDropPage.steps.setCorrectAnswerSectionClickAndDropDraggableOptionInResponseArea('Response 2', 0);
-            cy.log('Deleting the 1st group')
-            fillInTheGapsDragAndDropPage.deleteGroupButton()
-                .eq(0)
-                .click();
-            fillInTheGapsDragAndDropPage.setCorrectAnswerSectionGroupedResponseContainer()
-                .should('have.length', 1);
-            fillInTheGapsDragAndDropPage.setCorrectAnswerSectionGroupedResponseContainer()
-                .eq(1)
-                .should('not.exist');
-            fillInTheGapsDragAndDropPage.steps.verifyErroredStateOfResponseAreaInSetCorrectAnswerSection(0);
-            cy.log('verifying the contents of group 2 after deleting group 1')
-            fillInTheGapsDragAndDropPage.draggableOption()
-                .each(($element, count) => {
-                    cy.wrap($element)
-                        .should('have.text', `Response ${count + 3}`);
-                });
-            fillInTheGapsDragAndDropPage.setCorrectAnswerSectionGroupedResponseTitle()
-                .should('have.text', 'Group title B');
-        });
-    });
-
-    describe('\'Grouped\' response options layout - Preview tab contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - drag and drop question type');
-            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
-            cy.barsPreLoaderWait();
-            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
-            fillInTheGapsDragAndDropPage.steps.switchToPreviewTab();
-        });
-
-        fillInTheGapsDragAndDropPage.tests.verifyGroupedResponseDraggableOptionsInPreviewTab();
-    });
-})

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextEditAriaLabelCheckbox.js

@@ -1,134 +0,0 @@
-import { fillInTheGapsOverImageTextPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Create item page - Fill in the gaps over image - text: Edit aria-label checkbox', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Edit aria-label in edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.addQuestionInstructions();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-        });
-
-        it('When the user uploads an image in image section, then \'Edit aria-labels for response containers\' checkbox and label should be displayed in the image properties in disabled state', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyDisabledStateOfEditAriaLabelsForResponseContainersCheckbox();
-        });
-
-        it('When the user adds a response container in the image, then \'Edit aria-labels for response containers\' checkbox should be enabled and by default it should be unchecked', () => {
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.verifyDefaultEnabledStateOfEditAriaLabelsForResponseContainersCheckbox();
-        });
-
-        it('CSS of \'Edit aria-labels for response containers\' label', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.editAriaLabelForResponseContainersLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of \'Edit aria-labels for response containers\' checkbox', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.editAriaLabelForResponseContainersCheckbox());
-        });
-
-        it('When the user checks the \'Edit aria-labels for response containers\' checkbox, then a label \'ARIA labels\' and an input field with numeration and placeholder text \'Enter label\' should be displayed', () => {
-            fillInTheGapsOverImageTextPage.steps.checkEditAriaLabelCheckbox();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.ariaLabelsLabel(), 'exist');
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.ariaLabelsLabel(), 'ARIA labels');
-            fillInTheGapsOverImageTextPage.steps.verifyEditAriaLabelInputFieldContents(1);
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/547543
-        it('CSS of \'ARIA labels\' label and input fields', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ariaLabelsLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ariaLabelsInputFieldNumeration(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageTextPage.ariaLabelsInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of \'ARIA labels\' input fields', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageTextPage.ariaLabelsInputField());
-        });
-
-        it('When the user adds another response container to the uploaded image, a input field should be added in the \'Edit aria-labels for response container section\' with the numeration \'2\'', () => {
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.verifyEditAriaLabelInputFieldContents(2);
-        });
-
-        it('When the user removes a response container from the uploaded image, the edit aria-label response field corresponding to the removed response container should not be displayed and the remaining edit aria-label input field should be displayed with updated numeration', () => {
-            fillInTheGapsOverImageTextPage.steps.clickOnResponseContainerCloseButton(0);
-            fillInTheGapsOverImageTextPage.steps.verifyEditAriaLabelInputFieldContents(1);
-        });
-
-        //Failing due to - https://redmine.zeuslearning.com/issues/547533
-        it('When the user has not given any input to the edit aria-label input field, the aria-label attribute for response container in image section and aria-label attribute for response field in set correct answer section should be \'Add answer for Response #\'', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseContainerAriaLabelAttribute(0, 'Add answer for Response 1');
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInSetCorrectAnswerSection(0, 'Add answer for Response 1');
-        });
-
-        it('When the user enters text in the edit aria-label input field, the added text should appear as the aria-label attribute of the response container in the uploaded image and response field in the set correct answer section', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInEditAriaLabelInputField(0, 'Custom aria-label');
-            fillInTheGapsOverImageTextPage.steps.verifyResponseContainerAriaLabelAttribute(0, 'Custom aria-label');
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInSetCorrectAnswerSection(0, 'Custom aria-label');
-        });
-
-        it('When the user clears the text in the edit aria-label input field, the aria-label attribute of the response container in the uploaded image and aria-label attribute of the response field in the set correct answer section should again appear as \'Add answer for Response #\'', () => {
-            fillInTheGapsOverImageTextPage.steps.clearEditAriaLabelInputField(0);
-            fillInTheGapsOverImageTextPage.steps.verifyResponseContainerAriaLabelAttribute(0, 'Add answer for Response 1');
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInSetCorrectAnswerSection(0, 'Add answer for Response 1');
-        });
-    });
-
-    describe('Edit aria-label in preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageTextPage.steps.addQuestionInstructions();
-            fillInTheGapsOverImageTextPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not given any input to the edit aria-label input field, the aria-label attribute for response field in preview tab should be \'Add answer for Response #\'', () => {
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInPreviewTab(0, 'Add answer for Response 1');
-        });
-
-        it('When the user enters text in the edit aria-label input field, the added text should appear as the aria-label attribute of the response field in preview tab', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.checkEditAriaLabelCheckbox();
-            fillInTheGapsOverImageTextPage.steps.enterTextInEditAriaLabelInputField(0, 'Custom aria-label');
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInPreviewTab(0, 'Custom aria-label');
-        });
-
-        it('When the user clears the text in the edit aria-label input field, the aria-label attribute of the response field in preview tab should again appear as \'Add answer for Response #\'', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.clearEditAriaLabelInputField(0);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyResponseFieldAriaLabelAttributeInPreviewTab(0, 'Add answer for Response 1');
-        });
-    });
-});

package/cypress/e2e/ILC/FillInTheGapsOverImageText/fillInTheGapsOverImageTextEditTabBasicSection.js

@@ -1,133 +0,0 @@
-import { fillInTheGapsOverImageTextPage } from "../../../pages";
-import { uploadImageSectionComponent } from "../../../pages/components";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-import constants from "../../../fixtures/constants";
-const css = Cypress.env('css');
-
-describe('Create Item page - Fill in the gaps over image - text: Question instructions, image section, upload image popup and source URL popup', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question Instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyQuestionInstructionsInputFieldEditTab();
-    });
-
-    describe('Question Instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-        });
-
-        fillInTheGapsOverImageTextPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
-    describe('Image section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Image\' title should be displayed', () => {
-            utilities.verifyInnerText(fillInTheGapsOverImageTextPage.imageSectionImageLabel(), 'Image');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imageSectionImageLabel(), 'visible');
-        });
-
-        uploadImageSectionComponent.tests.uploadImageEditTabContents();
-    });
-
-    describe('Upload image - device popup contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-        });
-
-        uploadImageSectionComponent.tests.verifyUploadImagePopupImageTitle();
-
-        uploadImageSectionComponent.tests.uploadImagePopupContents(500, 500);
-
-        uploadImageSectionComponent.tests.verifyButtonReplaceInImagePopup();
-    });
-
-    describe('Upload image popup contents functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-        });
-
-        //Failing due to - https://redmine.zeuslearning.com/issues/547305
-        uploadImageSectionComponent.tests.uploadImageHeightWidthAspectRatioAndResetDimensionsFunctionality(500, 500);
-
-        uploadImageSectionComponent.tests.uploadImageReplaceButtonFunctionality();
-
-        it('When user selects the \'Cancel\' button the image should not be uploaded', () => {
-            uploadImageSectionComponent.steps.clickOnImagePopupCancelButton();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imageSectionImage(), 'notExist');
-        });
-
-        it('When user uploads an image and selects \'Ok\' button the image should be displayed in the image section', () => {
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imageSectionImage(), 'visible');
-        });
-    });
-
-    describe('Upload image - source URL popup contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-        });
-
-        uploadImageSectionComponent.tests.verifyUploadImageSourceURLTitle();
-
-        uploadImageSectionComponent.tests.verifyUploadImageSourceURLDefaultLabelAndInputField();
-
-        uploadImageSectionComponent.tests.uploadImagePopupContents(650, 684);
-    });
-
-    describe('Upload image \'Source URL\' popup contents functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to fill in the gaps over image - text question type');
-            fillInTheGapsOverImageTextPage.steps.navigateToCreateQuestion('fill in the gaps over image - text');
-            cy.barsPreLoaderWait();
-            uploadImageSectionComponent.steps.clickOnSourceURL();
-            uploadImageSectionComponent.steps.uploadImageUsingSourceURL(constants.flowerImage);
-        });
-
-        uploadImageSectionComponent.tests.uploadImageHeightWidthAspectRatioAndResetDimensionsFunctionality(650, 684);
-
-        it('When user selects the \'Cancel\' button the image should not be uploaded', () => {
-            uploadImageSectionComponent.steps.clickOnImagePopupCancelButton();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imageSectionImage(), 'notExist');
-        });
-
-        it('When user uploads an image and selects \'Ok\' button the image should be displayed in the image section', () => {
-            uploadImageSectionComponent.steps.clickOnSourceURL();
-            uploadImageSectionComponent.steps.uploadImageUsingSourceURL(constants.flowerImage);
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageTextPage.imageSectionImage(), 'visible');
-        });
-    });
-});