itemengine-cypress-automation 1.0.72 → 1.0.73

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

@@ -0,0 +1,111 @@
+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');
+const views = Cypress.env('views');
+var itemReferenceID = "";
+
+describe('Create item page - Essay response: Grading view, Correct answer view contents', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (views.includes('Grading view')) {
+        describe('Grading view contents', { tags: 'smoke' }, () => {
+            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><u><em><strong>This is a test for grading view preview contents</strong></em></u></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(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.normal
+                });
+            });
+
+            it('Accessibility of content in the response field', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(essayResponsePage.responseField());
+            });
+        });
+    }
+
+    if (views.includes('Correct answer view')) {
+        describe('Correct answer view contents', { tags: 'smoke' }, () => {
+            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/EssayResponse/{essayResponsePreviewContentsForAllViews.js → essayResponsePreviewContentsForAllViews.smoke.js}

@@ -2,16 +2,19 @@ import { essayResponsePage, itemPreviewPage } from "../../../pages";
 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'];
+const views = Cypress.env('views');
+let previewContentViews = ['Question preview', 'Item preview', 'Student view'];
+previewContentViews = previewContentViews.filter(view => views.includes(view));
 var itemReferenceID = "";
 
+//Failing due to https://redmine.zeuslearning.com/issues/553382
 describe('Create item page - Essay response: Preview contents', () => {
     before(() => {
         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/FillInTheGapsDragAndDrop/fillInTheGapsDragAndDropGroupedEditTab.smoke.js

@@ -0,0 +1,81 @@
+import { fillInTheGapsDragAndDropPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+const css = Cypress.env('css');
+const responseForGroup2 = ['Response 3', 'Response 4'];
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item Page: Fill in the gaps - drag and drop: Grouped response layout - Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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();
+        });
+    }
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        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', { tags: 'smoke' }, () => {
+        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/FillInTheGapsDragAndDrop/{fillInTheGapsDragAndDropGroupedOptionsAllOrNothingScoring.js → fillInTheGapsDragAndDropGroupedOptionsAllOrNothingScoring.smoke.js}

@@ -1,36 +1,39 @@
 import { fillInTheGapsDragAndDropPage, fillInTheGapsScoring } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
+const grepTags = Cypress.env('grepTags');
 
 describe('Create Item page - Fill in the Gaps - Drag and Drop - Grouped options layout: All or nothing scoring', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Show correct answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - drag and drop question type and fill the option input fields in grouped options layout');
-            fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
-            cy.barsPreLoaderWait();
-            fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
-            fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, 'Group title A');
-            fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 1', 'Incorrect answer 1']);
-            fillInTheGapsDragAndDropPage.addGroupButton()
-                .click();
-            fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
-            fillInTheGapsDragAndDropPage.groupResponseContainer()
-                .eq(1)
-                .within(() => {
-                    fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 2', 'Incorrect answer 2']);
-                });
-        });
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Show correct answer', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigate to fill in the gaps - drag and drop question type and fill the option input fields in grouped options layout');
+                fillInTheGapsDragAndDropPage.steps.navigateToCreateQuestion('fill in the gaps with drag and drop');
+                cy.barsPreLoaderWait();
+                fillInTheGapsDragAndDropPage.steps.selectResponseOptionsLayout('Grouped');
+                fillInTheGapsDragAndDropPage.steps.addGroupTitle(0, 'Group title A');
+                fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 1', 'Incorrect answer 1']);
+                fillInTheGapsDragAndDropPage.addGroupButton()
+                    .click();
+                fillInTheGapsDragAndDropPage.steps.addGroupTitle(1, 'Group title B');
+                fillInTheGapsDragAndDropPage.groupResponseContainer()
+                    .eq(1)
+                    .within(() => {
+                        fillInTheGapsDragAndDropPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for response 2', 'Incorrect answer 2']);
+                    });
+            });
 
-        fillInTheGapsDragAndDropPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
+            fillInTheGapsDragAndDropPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
 
-        fillInTheGapsScoring.tests.verifyShowCorrectAnswerBasicFunctionality('fill in the gaps - drag and drop');
-    });
+            fillInTheGapsScoring.tests.verifyShowCorrectAnswerBasicFunctionality('fill in the gaps - drag and drop');
+        });
+    }
 
-    describe('Question Preview: AutoScored - All or Nothing: Grouped options layout', () => {
+    describe('Question Preview: AutoScored - All or Nothing: Grouped options layout', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigate to fill in the gaps - drag and drop question type, fill the necessary details and points and switch to preview tab');

package/cypress/e2e/ILC/FillInTheGapsDropdown/{fillInTheGapsDropdownAllOrNothingScoring.js → fillInTheGapsDropdownAllOrNothingScoring.smoke.js}

@@ -1,6 +1,6 @@
 import { fillInTheGapsDropdownPage, fillInTheGapsScoring } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
-
+const grepTags = Cypress.env('grepTags');
 
 let optionsForResponse1 = ['Correct answer 1', 'Alternate correct answer 1', 'Incorrect answer 1', 'Incorrect answer 2'];
 let optionsForResponse2 = ['Correct answer 2', 'Alternate correct answer 2', 'Incorrect answer 1', 'Incorrect answer 2'];
@@ -10,22 +10,24 @@ describe('Create Item page - Fill in the Gaps - dropdown: Auto scored all or not
         cy.loginAs('admin');
     });
 
-    describe('Show correct answer', () => {
-        abortEarlySetup();
-        before(() => {
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            cy.log('Adding a response token')
-            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
-        });
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Show correct answer', () => {
+            abortEarlySetup();
+            before(() => {
+                fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
+                cy.log('Adding a response token')
+                fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
+                fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
+                fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
+            });
 
-        fillInTheGapsDropdownPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
+            fillInTheGapsDropdownPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
 
-        fillInTheGapsScoring.tests.verifyShowCorrectAnswerBasicFunctionality('fill in the gaps - dropdown');
-    });
+            fillInTheGapsScoring.tests.verifyShowCorrectAnswerBasicFunctionality('fill in the gaps - dropdown');
+        });
+    }
 
-    describe('Question Preview: AutoScored - All or Nothing', () => {
+    describe('Question Preview: AutoScored - All or Nothing', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigate to fill in the gaps - dropdown question type, fill the necessary details and points and switch to preview tab');

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

@@ -3,100 +3,106 @@ import { uploadImageSectionComponent } from "../../../pages/components";
 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 - dropdown: Add response container, response container', () => {
     before(() => {
         cy.loginAs('admin');
     });
 
-    describe('Add response container button', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Fill in the gaps over image - dropdown question type');
-            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
-            cy.barsPreLoaderWait();
-        });
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Add response container button', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating to Fill in the gaps over image - dropdown question type');
+                fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+                cy.barsPreLoaderWait();
+            });
 
-        it('By default the \'Add response container\' button should not exist', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.addResponseContainerButton(), 'notExist');
-        });
+            it('By default the \'Add response container\' button should not exist', () => {
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.addResponseContainerButton(), 'notExist');
+            });
 
-        it('When the user has uploaded an image in image section, then \'Add response container\' button should be displayed', () => {
-            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
-            fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.addResponseContainerButton(), 'visible');
-        });
+            it('When the user has uploaded an image in image section, then \'Add response container\' button should be displayed', () => {
+                fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
+                fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.addResponseContainerButton(), 'visible');
+            });
 
-        it('When the user clicks on \'Add response container\' button, then response container should be added over the uploaded image with numeration', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerIsDisplayedInImageSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(0);
-        });
+            it('When the user clicks on \'Add response container\' button, then response container should be added over the uploaded image with numeration', () => {
+                fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerIsDisplayedInImageSection(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(0);
+            });
 
-        it('When the user has added response container in image section, then \'Options for response #\' section should be displayed', () => {
-            fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(0);
-        });
+            it('When the user has added response container in image section, then \'Options for response #\' section should be displayed', () => {
+                fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(0);
+            });
 
-        it('When the user adds a second response container in image section, then respective \'Options for response #\' section should be displayed for the newly added response container with proper numeration', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(1);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.optionsForResponseContainer(), 2);
-        });
+            it('When the user adds a second response container in image section, then respective \'Options for response #\' section should be displayed for the newly added response container with proper numeration', () => {
+                fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(1);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.optionsForResponseContainer(), 2);
+            });
 
-        it('When the user clicks on the close button on the response container, then the response container should be removed from the image and options for the removed response container should also be removed', () => {
-            fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(0);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseContainer(), 1);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.optionsForResponseContainer(), 1);
-        });
+            it('When the user clicks on the close button on the response container, then the response container should be removed from the image and options for the removed response container should also be removed', () => {
+                fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(0);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseContainer(), 1);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.optionsForResponseContainer(), 1);
+            });
 
-        it('The remaining response container and its options for response section should be displayed with proper updated numeration', () => {
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerIsDisplayedInImageSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(0);
+            it('The remaining response container and its options for response section should be displayed with proper updated numeration', () => {
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerIsDisplayedInImageSection(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyOptionsForResponseLabelAndSectionIsDisplayed(0);
+            });
         });
-    });
+    }
 
-    describe('Add response container - set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating 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();
-        });
 
-        it('When the user has not added any response container over the uploaded image, response label and dropdown should not be displayed in the set correct answer section', () => {
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.setCorrectAnswerResponseFieldLabel(), 'notExist');
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.responseDropdownSetCorrectAnswerSection(), 'notExist');
-        });
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Add response container - set correct answer section', () => {
+            abortEarlySetup();
+            before(() => {
+                cy.log('Navigating 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();
+            });
 
-        it('When the user adds a response container over the uploaded image, then a label \'Response #\' and its respective dropdown should be displayed in the set correct answer section', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseFieldLabelInSetCorrectAnswerSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInSetCorrectAnswerSection(0);
-        });
+            it('When the user has not added any response container over the uploaded image, response label and dropdown should not be displayed in the set correct answer section', () => {
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.setCorrectAnswerResponseFieldLabel(), 'notExist');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.responseDropdownSetCorrectAnswerSection(), 'notExist');
+            });
 
-        it('When the user adds second response container in image section, then a label \'Response #\' and its respective dropdown should be displayed in the set correct answer section for the newly added response container with appropriate numeration', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseFieldLabelInSetCorrectAnswerSection(1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInSetCorrectAnswerSection(1);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.setCorrectAnswerResponseFieldLabel(), 2);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseDropdownSetCorrectAnswerSection(), 2);
-        });
+            it('When the user adds a response container over the uploaded image, then a label \'Response #\' and its respective dropdown should be displayed in the set correct answer section', () => {
+                fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseFieldLabelInSetCorrectAnswerSection(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInSetCorrectAnswerSection(0);
+            });
 
-        it('When the user removes a response container in the image section, then the label and dropdown for the removed response container should also be removed in the set correct answer section and the remaining label and dropdown in the set correct answer section should be displayed with proper updated numeration', () => {
-            fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(0);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.setCorrectAnswerResponseFieldLabel(), 1);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseDropdownSetCorrectAnswerSection(), 1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseFieldLabelInSetCorrectAnswerSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInSetCorrectAnswerSection(0);
+            it('When the user adds second response container in image section, then a label \'Response #\' and its respective dropdown should be displayed in the set correct answer section for the newly added response container with appropriate numeration', () => {
+                fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseFieldLabelInSetCorrectAnswerSection(1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInSetCorrectAnswerSection(1);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.setCorrectAnswerResponseFieldLabel(), 2);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseDropdownSetCorrectAnswerSection(), 2);
+            });
+
+            it('When the user removes a response container in the image section, then the label and dropdown for the removed response container should also be removed in the set correct answer section and the remaining label and dropdown in the set correct answer section should be displayed with proper updated numeration', () => {
+                fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(0);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.setCorrectAnswerResponseFieldLabel(), 1);
+                utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseDropdownSetCorrectAnswerSection(), 1);
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseFieldLabelInSetCorrectAnswerSection(0);
+                fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInSetCorrectAnswerSection(0);
+            });
         });
-    });
+    }
 
-    describe('Add response container - preview tab', () => {
+    describe('Add response container - preview tab', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('Navigating to fill in the gaps over image - dropdown question type');
@@ -141,7 +147,7 @@ describe('Create item page - Fill in the gaps over image - dropdown: Add respons
         });
     });
 
-    describe('Response container', () => {
+    describe('Response container', { tags: 'smoke' }, () => {
         abortEarlySetup();
         before(() => {
             cy.log('fill in the gaps over image - dropdown');