itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/e2e/ILC/FillInTheGapsDropdown/fillInTheGapsDropdownRandomizeOptions.js

@@ -1,86 +0,0 @@
-import { fillInTheGapsDropdownPage } from "../../../pages/fillInTheGapsDropdownPage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const optionsForResponse1 = ['changing', 'progressively', 'healthy', 'new'];
-
-describe('Create Item page - Fill in the gaps - dropdown Randomize options functionality', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Randomize options - Functionality', () => {
-        let randomizedOptionsString = '';
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to fill in the gaps - dropdown question type');
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
-        });
-
-        it('When the \'Randomize options\' functionality is disabled, then the options displayed in the preview tab response dropdown should be in the order in which the user has set them in the \'option for responses\' section', () => {
-            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsDropdownPage.previewTabResponseDropdown()
-                .click();
-            fillInTheGapsDropdownPage.steps.verifyResponseDropdownOptions(optionsForResponse1);
-            cy.log('selecting an option to collapse the response dropdown')
-            fillInTheGapsDropdownPage.steps.selectOptionFromResponseDropdown('new');
-        });
-
-        it('When the user expands the response dropdown in the \'Set correct answer\' section, the dropdown options should be in the order in which the user has set them in the \'option for responses\' section', () => {
-            fillInTheGapsDropdownPage.steps.switchToEditTab();
-            fillInTheGapsDropdownPage.responseDropdownSetCorrectAnswerSection()
-                .click();
-            fillInTheGapsDropdownPage.steps.verifyResponseDropdownOptions(optionsForResponse1);
-        });
-
-        it('When the user enables the \'Randomize options\' functionality, then the options should be displayed in a random order in the preview tab response dropdown', () => {
-            fillInTheGapsDropdownPage.randomizeOptionsCheckbox()
-                .click()
-                .should('be.checked');
-            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsDropdownPage.previewTabResponseDropdown()
-                .click();
-            fillInTheGapsDropdownPage.steps.verifyRandomizeOptionOrder(optionsForResponse1);
-        });
-
-        it('When the user switches to Edit tab and does not modify any question properties, then the order of the options should not change in the preview tab response dropdown', () => {
-            fillInTheGapsDropdownPage.dropdownList()
-                .then(($element) => {
-                    randomizedOptionsString = $element.text();
-                    cy.log('selecting an option to collapse the response dropdown')
-                    fillInTheGapsDropdownPage.steps.selectOptionFromResponseDropdown('new');
-                    fillInTheGapsDropdownPage.steps.switchToEditTab();
-                    fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-                    fillInTheGapsDropdownPage.previewTabResponseDropdown()
-                        .click();
-                    fillInTheGapsDropdownPage.dropdownList()
-                        .should('have.text', randomizedOptionsString);
-                    cy.log('selecting an option to collapse the response dropdown')
-                    fillInTheGapsDropdownPage.steps.selectOptionFromResponseDropdown('changing');
-                });
-        });
-
-        it('When the user switches to Edit tab and modifies any of question properties, then the order of the options should change in the preview tab response dropdown', () => {
-            fillInTheGapsDropdownPage.steps.switchToEditTab();
-            fillInTheGapsDropdownPage.steps.allotPoints(5);
-            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsDropdownPage.previewTabResponseDropdown()
-                .click();
-            fillInTheGapsDropdownPage.steps.verifyRandomizeOptionOrder(optionsForResponse1);
-            fillInTheGapsDropdownPage.dropdownList()
-                .should('not.have.text', randomizedOptionsString);
-            cy.log('selecting an option to collapse the response dropdown')
-            fillInTheGapsDropdownPage.steps.selectOptionFromResponseDropdown('changing');
-        });
-
-        it('When the user disables the \'Randomize options\' functionality, then the options should be displayed in the order in which the user has set them in the \'option for responses\' section in the preview tab response dropdown', () => {
-            fillInTheGapsDropdownPage.steps.switchToEditTab();
-            fillInTheGapsDropdownPage.randomizeOptionsCheckbox()
-                .click()
-                .should('not.be.checked');
-            fillInTheGapsDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsDropdownPage.previewTabResponseDropdown()
-                .click();
-            fillInTheGapsDropdownPage.steps.verifyResponseDropdownOptions(optionsForResponse1);
-        });
-    });
-});

package/cypress/e2e/ILC/FillInTheGapsDropdown/fillInTheGapsDropdownSetCorrectAnswerSection.js

@@ -1,170 +0,0 @@
-import { fillInTheGapsDropdownPage } from "../../../pages/fillInTheGapsDropdownPage";
-import { fillInTheGapsSetCorrectAnswerSection } from "../../../pages/fillInTheGapsSetCorrectAnswerSection";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-
-const optionsForResponse1 = ['changing', 'progressively', 'healthy', 'new'];
-const optionsForResponse2 = ['increasingly', 'decreasingly', 'extensively', 'exclusively'];
-
-describe('Create Item page - fill in the gaps - dropdown: Set correct answer, Randomize options and Match from all responses - Edit tab cases, Alternate correct answer', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Set Correct Answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1)
-        });
-
-        fillInTheGapsDropdownPage.tests.verifyAutoScoredSetCorrectAnswerHeaderSectionContents('fill in the gaps - dropdown');
-
-        fillInTheGapsDropdownPage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Correct tab');
-    });
-
-    describe('\'Randomize options\' and \'Match from all responses\' - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            cy.barsPreLoaderWait();
-        });
-
-        it('CSS of \'Randomize options\' and \'Match from all responses\' labels and checkboxes', { tags: 'css' }, () => {
-            const labels = [fillInTheGapsDropdownPage.randomizeOptionsLabel, fillInTheGapsDropdownPage.matchFromAllResponsesLabel];
-            const uncheckedCheckboxes = [fillInTheGapsDropdownPage.randomizeOptionsCheckbox, fillInTheGapsDropdownPage.matchFromAllResponsesCheckbox];
-            labels.forEach((checkinglabel) => {
-                checkinglabel()
-                    .verifyCSS(css.color.labelText, css.fontSize.normal, css.fontWeight.regular);
-            });
-            uncheckedCheckboxes.forEach((uncheckedCheckbox) => {
-                uncheckedCheckbox()
-                    .parent()
-                    .find('svg')
-                    .should('have.css', 'fill', css.color.uncheckedCheckbox);
-            });
-        });
-
-        it('\'Randomize options\' functionality label and checkbox should be displayed and by default it should be unchecked', () => {
-            fillInTheGapsDropdownPage.randomizeOptionsCheckbox()
-                .should('not.be.checked');
-            fillInTheGapsDropdownPage.randomizeOptionsLabel()
-                .verifyInnerText('Randomize options');
-        });
-
-        it('\'Match from all responses\' functionality label and checkbox should be displayed and by default it should be unchecked and disabled', () => {
-            fillInTheGapsDropdownPage.matchFromAllResponsesLabel()
-                .verifyInnerText('Match from all responses')
-                .should('have.class', 'Mui-disabled');
-            fillInTheGapsDropdownPage.matchFromAllResponsesCheckbox()
-                .should('not.be.checked')
-                .and('be.disabled');
-        });
-    });
-
-    describe('Match from all responses - Edit tab cases for \'All or Nothing\' scoring type', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Adding correct answer responses and alloting points');
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            cy.barsPreLoaderWait();
-            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'new');
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, 'extensively');
-            fillInTheGapsDropdownPage.steps.allotPoints(7);
-        });
-
-        fillInTheGapsSetCorrectAnswerSection.tests.verifyPointsInEditTabForAutoScoredAllOrNothingWhenMatchFromAllResponsesIsTrue('fill in the gaps - dropdown');
-    });
-
-    describe('Match from all responses - Edit tab cases for \'Partial - equal weights\' scoring type', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Adding correct answer responses and alloting points');
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            cy.barsPreLoaderWait();
-            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'new');
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, 'extensively');
-            fillInTheGapsDropdownPage.steps.allotPoints(7);
-            fillInTheGapsDropdownPage.partialEqualWeightsCheckbox()
-                .click();
-        });
-
-        fillInTheGapsSetCorrectAnswerSection.tests.verifyPointsInEditTabForAutoScoredPartialEqualWeightsWhenMatchFromAllResponsesIsTrue('fill in the gaps - dropdown');
-    });
-
-    describe('Match from all responses - Edit tab cases for \'Partial - different weights\' scoring type', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Adding correct answer responses and alloting points');
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            cy.barsPreLoaderWait();
-            fillInTheGapsDropdownPage.steps.addResponseTokenInQuestionField();
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(1, optionsForResponse2);
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'new');
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(1, 'extensively');
-            fillInTheGapsDropdownPage.partialDifferentWeightsCheckbox()
-                .click();
-            fillInTheGapsDropdownPage.steps.addPartialDifferentWeightsPoints([1, 7]);
-        });
-
-        fillInTheGapsSetCorrectAnswerSection.tests.verifyPointsInEditTabForAutoScoredPartialDifferentWeightsWhenMatchFromAllResponsesIsTrue('fill in the gaps - dropdown');
-    });
-
-    describe('Alternate correct answer', () => {
-        abortEarlySetup();
-        before(() => {
-            fillInTheGapsDropdownPage.steps.navigateToCreateQuestion('fill in the gaps with dropdown');
-            fillInTheGapsDropdownPage.steps.addInputToResponseOptionFields(0, optionsForResponse1);
-        });
-
-        fillInTheGapsDropdownPage.tests.verifyAutoScoredAlternateAnswer();
-
-        it('When user has added points and set correct answer option in the \'Correct\' tab dropdown, then the user should be able to add alternate answer for the question using \'Add Alternate Answer\' button and \'Match from all responses\' functionality label and checkbox should get enabled and the checkbox should be in unchecked state', () => {
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'progressively');
-            fillInTheGapsDropdownPage.steps.allotPoints(20);
-            fillInTheGapsDropdownPage.alternateAnswerButton()
-                .click();
-            fillInTheGapsDropdownPage.matchFromAllResponsesLabel()
-                .should('not.have.class', 'Mui-disabled');
-            fillInTheGapsDropdownPage.matchFromAllResponsesCheckbox()
-                .should('not.be.checked')
-                .and('not.be.disabled');
-        });
-
-        it('Accessibility of \'Alternate\' correct answer tab', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsDropdownPage.correctTab().parents('[class*="AlternatePointsComponentstyles__AnswerTabWrapper"]'));
-        });
-
-        fillInTheGapsDropdownPage.tests.verifySetCorrectAnswerTabContentsAndFunctionality('Alternate tab');
-
-        it('When the user adds another alternate answer for the question using \'Add Alternate Answer\' button, then the name for this new tab should be \'Alternate 2\'', () => {
-            fillInTheGapsDropdownPage.steps.addAlternateTab(2);
-        });
-
-        fillInTheGapsDropdownPage.tests.verifyWarningPopupAndTabNavigationWhenNoPointsAddedInAlternateTab();
-
-        it('When the user clicks on the \'Close\' button alongside alternate answer tab, alternate answer tab should get removed and the name of the alternate answer tabs should get updated accordingly', () => {
-            cy.log('Set correct answer and points in alternate 2 tab, then switch to Alternate 1 tab and click delete icon button');
-            fillInTheGapsDropdownPage.steps.selectResponseFromSetCorrectAnswerSectionResponseDropdown(0, 'healthy');
-            fillInTheGapsDropdownPage.steps.allotPoints(2);
-            fillInTheGapsDropdownPage.alternateAnswerTab(1)
-                .click();
-            fillInTheGapsDropdownPage.deleteAlternateTabButton()
-                .click();
-            fillInTheGapsDropdownPage.alternateAnswerTab(2)
-                .should('not.exist');
-            fillInTheGapsDropdownPage.alternateAnswerTab(1)
-                .verifyInnerText('Alternate 1');
-        });
-
-        fillInTheGapsDropdownPage.tests.verifyMatchFromAllResponsesGetsDisabledWhenAlternateTabsAreDeleted();
-    });
-});
-

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

@@ -1,236 +0,0 @@
-import { fillInTheGapsOverImageDropdownPage } from "../../../pages";
-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');
-    });
-
-    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('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 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 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);
-            });
-        });
-    }
-
-
-    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 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 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 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', { tags: 'smoke' }, () => {
-        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, then dropdown should not be displayed in preview tab', () => {
-            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.responseDropdownPreviewTab(), 'notExist');
-        });
-
-        it('When the user adds a response container over the uploaded image, then a dropdown should be displayed in preview tab', () => {
-            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInPreviewTab(0);
-        });
-
-        it('When the user adds a second response container in image section, then a second dropdown should also be displayed in preview tab', () => {
-            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownIsDisplayedInPreviewTab(1);
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseDropdownPreviewTab(), 2);
-        });
-
-        it('When the user removes a response container in image section, then the respective dropdown should also be removed from the image in preview tab', () => {
-            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(0);
-            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
-            utilities.verifyElementCount(fillInTheGapsOverImageDropdownPage.responseDropdownPreviewTab(), 1);
-        });
-
-        it('When the user has added response container in edit tab, then in preview tab it should be positioned in the same way as it is positioned in edit tab', () => {
-            fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
-            let coordinatesOfResponse1 = fillInTheGapsOverImageDropdownPage.steps.getResponseContainerPositionCoordinates(0);
-            fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseDropdownPositionCoordinatesInPreviewTab(0, coordinatesOfResponse1);
-        });
-    });
-
-    describe('Response container', { tags: 'smoke' }, () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('fill in the gaps over image - dropdown');
-            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
-            cy.barsPreLoaderWait();
-            fillInTheGapsOverImageDropdownPage.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.unlockAspectRatio();
-            fillInTheGapsOverImageDropdownPage.steps.updateImageHeight(300);
-            fillInTheGapsOverImageDropdownPage.steps.clickOnImagePopupOkButton();
-        });
-
-        it('When the user adds response container over the image, response container should be displayed with pointer, numeric count, chevron down arrow and close button', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerPointerInImageSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerNumerationInImageSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerChevronDownArrowInImageSection(0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerCloseButtonInImageSection(0);
-        });
-
-        it('CSS of \'Response container\' in image section', { tags: 'css' }, () => {
-            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.responseContainerPointer().find('circle'), {
-                'fill': css.color.responseContainerPointer
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.responseContainerNumeration(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.semibold
-            });
-            fillInTheGapsOverImageDropdownPage.responseContainerChevronDownArrow()
-                .verifyPseudoClassBeforeProperty('color', css.color.secondaryBtn);
-            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.responseContainerCloseButton(), {
-                'background-color': css.color.secondaryBtnBg,
-                'border': `1px solid ${css.color.activeComponentBorder}`
-            });
-            utilities.verifyCSS(fillInTheGapsOverImageDropdownPage.responseContainerCloseButton().find('.X-mark-icon'), {
-                'fill': css.color.activeButtons,
-            });
-        });
-
-        it('Accessibility of \'Response container\' in image section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(fillInTheGapsOverImageDropdownPage.responseContainer().parents('.image-container'));
-        });
-
-        it('When the user adds multiple response containers such that their combined width(including padding around the response containers) is less than the width of the uploaded image i.e. in this case 2 response containers, then the response containers should be displayed in the same line', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerVerticalPosition(1, 0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerVerticalPosition(1, 1);
-        });
-
-        it('When the user adds multiple response containers such that their combined width(including padding around the response containers) is more than the width of the uploaded image i.e. in this case 3 response containers, then the response container which exceeds the image width(3rd response container) should be displayed below the previously added response containers', () => {
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerVerticalPosition(1, 0);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerVerticalPosition(1, 1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerVerticalPosition(2, 2);
-        });
-
-        it('When the user removes a response container using the close button, then the position of the remaining response containers should not be changed', () => {
-            let coordinatesOfResponse1 = fillInTheGapsOverImageDropdownPage.steps.getResponseContainerPositionCoordinates(0);
-            let coordinatesOfResponse2 = fillInTheGapsOverImageDropdownPage.steps.getResponseContainerPositionCoordinates(2);
-            fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerPositionCoordinates(0, coordinatesOfResponse1);
-            fillInTheGapsOverImageDropdownPage.steps.verifyResponseContainerPositionCoordinates(1, coordinatesOfResponse2);
-        });
-
-        //Update after https://redmine.zeuslearning.com/issues/543853 is resolved
-        it('When the user adds 15 response containers in the image section, then a snackbar with text \'You have reached the maximum number of tokens that can be added\' and a \'CLOSE\' button should be displayed', () => {
-            for (let numeration = 3; numeration < 16; numeration++) {
-                fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            };
-            utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.snackbar(), 'You have reached the maximum number of tokens that can be added.');
-            utilities.verifyInnerText(fillInTheGapsOverImageDropdownPage.snackbarCloseButton(), 'CLOSE');
-        });
-
-        fillInTheGapsOverImageDropdownPage.tests.verifyMaximumNumberOfTokensSnackbarCSSandA11y();
-
-        it('When the user clicks on snackbar \'CLOSE\' button, the snackbar should disappear', () => {
-            //Add pre-step to remove and add response container
-            cy.log('Pre-step: Remove and add a response container to make the snackbar appear again');
-            fillInTheGapsOverImageDropdownPage.steps.clickOnResponseContainerCloseButton(14);
-            fillInTheGapsOverImageDropdownPage.steps.addResponseContainer();
-            fillInTheGapsOverImageDropdownPage.steps.closeSnackBar();
-        });
-
-        fillInTheGapsOverImageDropdownPage.tests.verifyDisabledStateOfAddResponseContainerButton();
-    });
-});