itemengine-cypress-automation 1.0.72 → 1.0.73

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownImageProperties.smoke.js

@@ -0,0 +1,171 @@
+import { dialogBoxBase, fillInTheGapsOverImageDropdownPage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import constants from "../../../fixtures/constants";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
+describe('Create item page - fill in the gaps over image - dropdown: Image properties', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Edit image popup contents and functionality', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.log('Uploading an image');
+                uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                uploadImageSectionComponent.steps.clickOnEditImageButton();
+            });
+
+            uploadImageSectionComponent.tests.verifyUploadImagePopupImageTitle();
+
+            uploadImageSectionComponent.tests.uploadImagePopupContents(500, 500);
+
+            uploadImageSectionComponent.tests.verifyButtonReplaceInImagePopup();
+
+            uploadImageSectionComponent.tests.uploadImageHeightWidthAspectRatioAndResetDimensionsFunctionality(500, 500);
+
+            it('When user clicks on \'Cancel\' button the popup should close and image should not get edited', () => {
+                uploadImageSectionComponent.steps.clickOnImagePopupCancelButton();
+                fillInTheGapsOverImageDropdownPage.steps.verifyWidthInputFieldValue(500);
+                fillInTheGapsOverImageDropdownPage.steps.verifyHeightInputFieldValue(500);
+                cy.log('Post step: Clicking on edit image button')
+                uploadImageSectionComponent.steps.clickOnEditImageButton();
+            });
+
+            uploadImageSectionComponent.tests.uploadImageReplaceButtonFunctionality();
+
+            it('When user makes some edits and clicks on the \'Ok\' button the popup should close and the edited image should be uploaded', () => {
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                fillInTheGapsOverImageDropdownPage.steps.verifyWidthInputFieldValue(225);
+                fillInTheGapsOverImageDropdownPage.steps.verifyHeightInputFieldValue(225);
+            });
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Edit image pop up content - source URL', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.log('Uploading an image using source url');
+                uploadImageSectionComponent.steps.clickOnSourceURL();
+                uploadImageSectionComponent.steps.uploadImageUsingSourceURL(constants.flowerImage);
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                uploadImageSectionComponent.steps.clickOnEditImageButton();
+            });
+
+            //Failing due to  https://redmine.zeuslearning.com/issues/543833
+            uploadImageSectionComponent.tests.verifyUploadImageSourceURLTitle();
+
+            uploadImageSectionComponent.tests.verifyUploadImageSourceURLLabelAndInputFieldInEditSourceURLPopup();
+
+            uploadImageSectionComponent.tests.uploadImagePopupContents(650, 684);
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Delete image - Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.log('Uploading an image');
+                uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+            });
+
+            uploadImageSectionComponent.tests.verifyDeleteImagePopup();
+
+            it('When user clicks on \'Cancel\' button the popup should close and image should not get deleted', () => {
+                dialogBoxBase.steps.clickOnRejectButtonInDialogBox();
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.imageSectionImage(), 'visible');
+            });
+
+            it('When user clicks on \'Delete image\' button the popup should close and image should get deleted', () => {
+                uploadImageSectionComponent.steps.clickOnDeleteImageButton();
+                dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.imageSectionImage(), 'notExist')
+            });
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Image properties section contents', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+            });
+
+            fillInTheGapsOverImageDropdownPage.tests.verifyImagePropertiesSectionContents();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Image properties - \'Image hover text\' and \'Image alternative text\' : Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
+            });
+
+            fillInTheGapsOverImageDropdownPage.tests.verifyImageHoverAndAlternativeTextFunctionalityInEditTab();
+        });
+    }
+
+    describe('Image properties - \'Image hover text\' and \'Image alternative text\' : Preview tab', { tags: 'smoke' }, () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to fill in the gaps over image - dropdown question type');
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+            cy.barsPreLoaderWait();
+            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+            fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
+        });
+
+        fillInTheGapsOverImageDropdownPage.tests.verifyImageHoverAndAlternativeTextFunctionalityInPreviewTab();
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Image properties - \'Height and width (px)\' : Edit tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
+            });
+
+            fillInTheGapsOverImageDropdownPage.tests.verifyImagePropertiesHeightAndWidthInputFieldInEditTab();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Image properties - \'Height and width (px)\' : Preview tab', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
+            });
+
+            fillInTheGapsOverImageDropdownPage.tests.verifyImagePropertiesHeightAndWidthInputFieldInPreviewTab();
+        });
+    }
+});

package/cypress/e2e/ILC/{fillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownPreviewTab.js → FillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownPreviewTab.smoke.js}

@@ -11,7 +11,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Preview tab
         cy.loginAs('admin');
     });
 
-    describe('Preview tab contents', () => {
+    describe('Preview tab contents', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Fill in the gaps over image - dropdown question type');

package/cypress/e2e/ILC/FillInTheGapsOverImageText/{fillInTheGapsOverImageTextAllOrNothingScoring.js → fillInTheGapsOverImageTextAllOrNothingScoring.smoke.js}

@@ -4,47 +4,50 @@ import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 const correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
 const incorrectAnswerArray = ['Root', 'Branch', 'Seed'];
+const grepTags = Cypress.env('grepTags');
 
 describe('Create item page - Fill in the gaps over image - text: All or nothing scoring', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Show correct answer', () => {
-        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.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-            fillInTheGapsOverImageTextPage.steps.addResponseContainer();
-        });
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Show correct answer', () => {
+            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.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageTextPage.steps.clickOnImagePopupOkButton();
+                fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+                fillInTheGapsOverImageTextPage.steps.addResponseContainer();
+            });
 
-        fillInTheGapsOverImageTextPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
+            fillInTheGapsOverImageTextPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
 
-        it('When the user has set correct answer responses and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
-            fillInTheGapsOverImageTextPage.steps.switchToEditTab();
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.allotPoints(20);
-            fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageTextPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
-            fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 20);
-        });
+            it('When the user has set correct answer responses and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
+                fillInTheGapsOverImageTextPage.steps.switchToEditTab();
+                fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(0, correctTabAnswerArray[0]);
+                fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldSetCorrectAnswerSection(1, correctTabAnswerArray[1]);
+                fillInTheGapsOverImageTextPage.steps.allotPoints(20);
+                fillInTheGapsOverImageTextPage.steps.switchToPreviewTab();
+                fillInTheGapsOverImageTextPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
+                fillInTheGapsOverImageTextPage.steps.verifyPreviewTabScoreText(0, 20);
+            });
 
-        it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab users response should not persist', () => {
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
-            fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[1]);
-            fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, '');
-            fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '');
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab users response should not persist', () => {
+                fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(0, correctTabAnswerArray[0]);
+                fillInTheGapsOverImageTextPage.steps.enterTextInResponseFieldPreviewTab(1, correctTabAnswerArray[1]);
+                fillInTheGapsOverImageTextPage.steps.resetQuestionPreview();
+                fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(0, '');
+                fillInTheGapsOverImageTextPage.steps.verifyTextInResponseFieldPreviewTab(1, '');
+            });
         });
-    });
+    }
 
     //Failing due to https://redmine.zeuslearning.com/issues/545382, https://redmine.zeuslearning.com/issues/542590
-    describe('Question preview: Auto scored - All or nothing', () => {
+    describe('Question preview: Auto scored - All or nothing', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigate to fill in the gaps over image - text question type');

package/cypress/e2e/ILC/FillInTheGapsOverImageText/{fillInTheGapsOverImageTextCheckAnswerForAllViews.js → fillInTheGapsOverImageTextCheckAnswerForAllViews.smoke.js}

@@ -2,7 +2,9 @@ import { fillInTheGapsOverImageTextPage } from "../../../pages/fillInTheGapsOver
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 import { itemPreviewPage } from "../../../pages";
-const views = ['Question preview', 'Item preview', 'Student view'];
+let checkAnswerViews = ['Question preview', 'Item preview', 'Student view'];
+const views = Cypress.env('views');
+checkAnswerViews = checkAnswerViews.filter(view => views.includes(view));
 const correctTabAnswerArray = ['Flower', 'Leaf'];
 const incorrectAnswerArray = ['Stem', 'Root'];
 var itemReferenceID = "";
@@ -12,7 +14,7 @@ describe('Create item page - Fill in the gaps over image - text: Check answer',
         cy.loginAs('admin');
     });
 
-    views.forEach((view) => {
+    checkAnswerViews.forEach((view) => {
         // Remove after https://redmine.zeuslearning.com/issues/549542 is fixed
         const checkAnswer = (view) => {
             switch (view) {
@@ -29,7 +31,7 @@ describe('Create item page - Fill in the gaps over image - text: Check answer',
                     throw new Error(`Unsupported page identifier: ${view}`);
             }
         };
-        describe(`Fill in the gaps over image - text: Check answer - ${view}`, () => {
+        describe(`Fill in the gaps over image - text: Check answer - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {

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

@@ -0,0 +1,137 @@
+import { fillInTheGapsOverImageTextPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
+describe('Create item page - Fill in the gaps over image - text: Edit aria-label checkbox', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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', { tags: 'smoke' }, () => {
+        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.smoke.js

@@ -0,0 +1,146 @@
+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');
+const grepTags = Cypress.env('grepTags');
+
+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');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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', { tags: 'smoke' }, () => {
+        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');
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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);
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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');
+            });
+        });
+    }
+});

package/cypress/e2e/ILC/FillInTheGapsOverImageText/{fillInTheGapsOverImageTextPreviewContentsForAllViews.js → fillInTheGapsOverImageTextPreviewContentsForAllViews.smoke.js}

@@ -2,7 +2,9 @@ import { fillInTheGapsOverImageTextPage, itemPreviewPage, studentViewPage } from
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-const views = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = Cypress.env('views');
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+previewContentViews = previewContentViews.filter(view => views.includes(view));
 var itemReferenceID = "";
 const correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
 
@@ -14,8 +16,8 @@ describe('Create item page - Fill in the gaps over image - text: Preview content
         cy.loginAs('admin');
     });
 
-    views.forEach((view) => {
-        describe(`Preview tab contents - ${view}`, () => {
+    previewContentViews.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {

package/cypress/e2e/ILC/FillInTheGapsOverImageText/{fillInTheGapsOverImageTextPreviewTab.js → fillInTheGapsOverImageTextPreviewTab.smoke.js}

@@ -10,7 +10,7 @@ describe('Create item page - Fill in the gaps over image - text: Preview content
         cy.loginAs('admin');
     });
 
-    describe('Preview tab contents', () => {
+    describe('Preview tab contents', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to Fill in the gaps over image - text question type');

package/cypress/e2e/ILC/FillInTheGapsOverImageText/{fillInTheGapsOverImageTextShowCorrectAnswerForAllView.js → fillInTheGapsOverImageTextShowCorrectAnswerForAllView.smoke.js}

@@ -2,18 +2,20 @@ import { dialogBoxBase, fillInTheGapsOverImageTextPage, itemPreviewPage, student
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 import { gradingViewPage } from "../../../pages";
-const views = ['Question preview', 'Item preview', 'Grading view'];
-var itemReferenceID = "";
+const views = Cypress.env('views');
+let correctAnswerViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+correctAnswerViews = correctAnswerViews.filter(view => views.includes(view));
 const correctTabAnswerArray = ['Flower', 'Leaf', 'Stem'];
 const incorrectAnswerArray = ['Root', 'Branch', 'Seed'];
+var itemReferenceID = "";
 
 describe('Create item page - Fill in the gaps over image - text: Show correct answer', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    views.forEach((view) => {
-        describe(`Fill in the gaps over image - text: Show correct answer for all or nothing scoring - ${view}`, () => {
+    correctAnswerViews.forEach((view) => {
+        describe(`Fill in the gaps over image - text: Show correct answer for all or nothing scoring - ${view}`, { tags: 'smoke' }, () => {
             abortEarlySetup();
             before(() => {
                 switch (view) {