itemengine-cypress-automation 1.0.72 → 1.0.73

package/cypress/e2e/ILC/Highlight/highlightQuestionInstructionsAndQuestion.js

@@ -1,178 +0,0 @@
-import { highlightPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-describe('Create Item page - Highlight: Question Instructions and Question section', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question Instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-        });
-
-        highlightPage.tests.verifyQuestionInstructionsInputFieldEditTab();
-    });
-
-    describe('Question Instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-        });
-
-        highlightPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
-    describe('Question input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-        });
-
-        it('\'Question\' label and input field should be displayed and by default in the question input field, sample \'Lorem Ipsum\' text should be present', () => {
-            utilities.verifyInnerText(highlightPage.questionLabel(), 'Question');
-            utilities.verifyInnerText(highlightPage.questionInputField(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n\n\n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n\n\n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-        });
-
-        it('The default sample \'Lorem Ipsum\' text in the question input field should also be displayed in Highlight options section and Set correct answer section in the Edit tab.', () => {
-            utilities.verifyInnerText(highlightPage.highlightOptionsSectionTextWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-            utilities.verifyInnerText(highlightPage.setCorrectAnswerTextWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-        });
-
-        it('When the user removes all the text from the question input field and focuses out of it, an error message \'Error: Question is required.\' should be displayed', () => {
-            highlightPage.steps.clearQuestionInputField();
-            highlightPage.steps.focusOutOfQuestionInputField();
-            utilities.verifyInnerText(highlightPage.errorMessage(), 'Error: Question is required.');
-            highlightPage.steps.verifyErroredStateOfQuestionInputField();
-        });
-
-        highlightPage.tests.verifyCSSAnda11yOfErrorMessage();
-
-        it('The user should be able to give input in the question input field, then the error message should disappear and the updated question should be displayed in Highlight options section and Set correct answer section in the Edit tab', () => {
-            cy.log('Add Image to Question input field')
-            highlightPage.steps.focusInQuestionInputField();
-            highlightPage.steps.selectImageOptionFromCKEditorToolbar();
-            highlightPage.steps.addImageToInputField();
-            highlightPage.steps.verifyImageAndAltTextInQuestionInputField();
-            highlightPage.steps.addInputToQuestionInputField('{enter}');
-            cy.log('Add equation to Question input field')
-            highlightPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
-            highlightPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
-            highlightPage.steps.verifyEquationInQuestionInputField();
-            highlightPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
-            cy.log('Add bold text to input field')
-            highlightPage.steps.focusInQuestionInputField();
-            highlightPage.steps.selectBoldOptionFromCKEditorToolbar();
-            highlightPage.steps.addInputToQuestionInputField('This is Bold text input.');
-            highlightPage.steps.verifyBoldTextInQuestionInputField();
-            highlightPage.steps.addInputToQuestionInputField('{enter}');
-            cy.log('Add link to Question input field')
-            highlightPage.steps.selectLinkOptionFromCKEditorToolbar();
-            highlightPage.steps.addLinkToInputField();
-            highlightPage.steps.verifyLinkInQuestionInputField();
-            utilities.verifyElementVisibilityState(highlightPage.errorMessage(), 'notExist');
-            highlightPage.steps.focusOutOfQuestionInputField();
-        });
-
-        it('CSS of Question label and Question input field contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(highlightPage.questionLabel(), {
-                'color': css.color.sectionHeading,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(highlightPage.questionInputField(), {
-                'color': css.color.text,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-                'border': `1px solid ${css.color.figDefaultComponentBorder}`
-            });
-            utilities.verifyCSS(highlightPage.questionInputField().find('a'), {
-                'color': css.color.linkText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-        });
-
-        it('Image, equation, bold text and link added in Question input field should be properly displayed in highlight options section', () => {
-            highlightPage.steps.verifyImageAndAltTextInHighlightOptionsSection();
-            highlightPage.steps.verifyEquationInHighlightOptionsSection();
-            highlightPage.steps.verifyBoldTextInHighlightOptionsSection();
-            highlightPage.steps.verifyLinkInHighlightOptionsSection();
-        });
-
-        it('Image, equation, bold text and link added in Question input field should be properly displayed in set correct answer section', () => {
-            highlightPage.steps.verifyImageAndAltTextInSetCorrectAnswerSection();
-            highlightPage.steps.verifyEquationInSetCorrectAnswerSection();
-            highlightPage.steps.verifyBoldTextInSetCorrectAnswerSection();
-            highlightPage.steps.verifyLinkInSetCorrectAnswerSection();
-        });
-    });
-
-    describe('Question field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-        });
-
-        it('In Preview tab, the sample \'Lorem Ipsum\' text should be displayed in the question field', () => {
-            highlightPage.steps.switchToPreviewTab()
-            utilities.verifyInnerText(highlightPage.previewTabQuestionContainer(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
-        });
-
-        it('The user should be able to edit text in the question input field and the updated question should be displayed in the preview tab', () => {
-            cy.log('Switching to edit tab')
-            highlightPage.steps.switchToEditTab();
-            highlightPage.steps.clearQuestionInputField();
-            cy.log('Add Image to Question input field')
-            highlightPage.steps.focusInQuestionInputField();
-            highlightPage.steps.selectImageOptionFromCKEditorToolbar();
-            highlightPage.steps.addImageToInputField();
-            highlightPage.steps.verifyImageAndAltTextInQuestionInputField();
-            highlightPage.steps.addInputToQuestionInputField('{enter}');
-            cy.log('Add equation to Question input field')
-            highlightPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
-            highlightPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
-            highlightPage.steps.verifyEquationInQuestionInputField();
-            highlightPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
-            cy.log('Add bold text to input field')
-            highlightPage.steps.focusInQuestionInputField();
-            highlightPage.steps.selectBoldOptionFromCKEditorToolbar();
-            highlightPage.steps.addInputToQuestionInputField('This is Bold text input.');
-            highlightPage.steps.verifyBoldTextInQuestionInputField();
-            highlightPage.steps.addInputToQuestionInputField('{enter}');
-            cy.log('Add link to Question input field')
-            highlightPage.steps.selectLinkOptionFromCKEditorToolbar();
-            highlightPage.steps.addLinkToInputField();
-            highlightPage.steps.verifyLinkInQuestionInputField();
-            cy.log('Switching to preview tab')
-            highlightPage.steps.switchToPreviewTab();
-            highlightPage.steps.verifyImageAndAltTextInPreviewTab();
-            highlightPage.steps.verifyEquationInPreviewTab();
-            highlightPage.steps.verifyBoldTextInPreviewTab();
-            highlightPage.steps.verifyLinkInPreviewTab();
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/537907
-        it('CSS of \'Preview tab\' when image, equation, bold text and link are added', { tags: 'css' }, () => {
-            utilities.verifyCSS(highlightPage.previewTabQuestionContainer().find('strong'), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(highlightPage.previewTabQuestionContainer().find('a'), {
-                'color': css.color.linkText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-        });
-    });
-});

package/cypress/e2e/ILC/HighlightImage/highlightImageEditTabBasic.js

@@ -1,125 +0,0 @@
-import constants from "../../../fixtures/constants";
-import { highlightImagePage } from "../../../pages";
-import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-
-describe('Create Item page - Highlight image: Question instructions, edit tab contents and image popup', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Question instructions input field - Edit tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-        });
-
-        highlightImagePage.tests.verifyQuestionInstructionsInputFieldEditTab();
-    });
-
-    describe('Question instructions input field - Preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-        });
-
-        highlightImagePage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
-    });
-
-    describe('Highlight image - Edit tab default contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-        });
-
-        it('\'Highlight image\' title should be displayed', () => {
-            utilities.verifyInnerText(highlightImagePage.highlightImageLabel(), 'Highlight image');
-            utilities.verifyElementVisibilityState(highlightImagePage.highlightImageLabel(), 'visible');
-        });
-
-        uploadImageSectionComponent.tests.uploadImageEditTabContents();
-    });
-
-    describe('Upload image - device popup contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-        });
-
-        uploadImageSectionComponent.tests.verifyUploadImagePopupImageTitle();
-
-        uploadImageSectionComponent.tests.uploadImagePopupContents(500, 500);
-
-        uploadImageSectionComponent.tests.verifyButtonReplaceInImagePopup();
-    });
-
-    //Failing due to https://redmine.zeuslearning.com/issues/547305
-    describe('Upload image popup contents functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-        });
-
-        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(highlightImagePage.highlighImageCanvas(), 'notExist');
-        });
-
-        it('When user uploads an image and selects \'Ok\' button the image should be displayed in the highlight image section', () => {
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(highlightImagePage.highlighImageCanvas(), 'visible');
-        });
-    });
-
-    describe('Upload image - source URL popup contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-        });
-
-        uploadImageSectionComponent.tests.verifyUploadImageSourceURLTitle();
-
-        uploadImageSectionComponent.tests.verifyUploadImageSourceURLDefaultLabelAndInputField();
-
-        uploadImageSectionComponent.tests.uploadImagePopupContents(650, 684);
-    });
-
-    describe('Upload image \'Source URL\' popup contents functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            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(highlightImagePage.highlighImageCanvas(), 'notExist');
-        });
-
-        it('When user uploads an image and selects \'Ok\' button the image should be displayed in the highlight image section', () => {
-            uploadImageSectionComponent.steps.clickOnSourceURL();
-            uploadImageSectionComponent.steps.uploadImageUsingSourceURL(constants.flowerImage);
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(highlightImagePage.highlighImageCanvas(), 'visible');
-        });
-    });
-});

package/cypress/e2e/ILC/ListMatching/ListMatchingScoring/groupedOptionsAllOrNothingScoring.js

@@ -1,117 +0,0 @@
-import { listMatchingPage, listMatchingScoring } from "../../../../pages";
-import abortEarlySetup from "../../../../support/helpers/abortEarly";
-
-describe('Create Item page - List Matching - grouped options layout - All or nothing scoring', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Show correct answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to list matching question type and fill the option input fields in grouped options layout');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.setQuestionStemsAndGroupedOptionsForScoringWithoutAlternateTab();
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        listMatchingScoring.tests.verifyShowCorrectAnswerBasicFunctionality();
-    });
-
-    describe('Question Preview: AutoScored - All or Nothing - grouped options layout', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to List matching question type, fill the necessary details and points and switch to preview tab');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.setQuestionStemsAndGroupedOptionsForScoringWithoutAlternateTab();
-            listMatchingPage.steps.allotPoints(20);
-            listMatchingPage.steps.setCorrectAnswersForScoringWithoutAlternateTab();
-            listMatchingPage.steps.expandAdditonalSettings();
-            listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        listMatchingScoring.tests.verifyAutoScoredAllOrNothingScoring();
-
-        listMatchingScoring.tests.verifyMinimumScoreAwardedIfAttemptedForIncorrectAnswer('20');
-    });
-
-    describe('Question Preview: AutoScored - All or Nothing grouped options layout with identical response options', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigate to List Matching question type, fill the necessary details and points and switch to preview tab');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.deleteStem(2);
-            listMatchingPage.steps.addInputToAllStemFields(['Stem 1', 'Stem 2']);
-            listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
-            listMatchingPage.steps.addGroupTitle(0, 'Group 1');
-            listMatchingPage.steps.deleteResponseOptionInputField(2);
-            listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(0, ['Identical correct answer for stem 1', 'Incorrect answer 1']);
-            listMatchingPage.steps.addGroup();
-            listMatchingPage.steps.addGroupTitle(1, 'Group 2');
-            listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, ['Identical correct answer for stem 1', 'Correct answer for stem 2']);
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Identical correct answer for stem 1', 0);
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
-            listMatchingPage.steps.allotPoints(20);
-            listMatchingPage.steps.expandAdditonalSettings();
-            listMatchingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        it('Case: When user has identical options to give as input', () => {
-            cy.log('Both the identical options should be visible in the response options section and when user clicks on \'Show correct answer\' checkbox only one of the identical options should be displayed in the correct answer container as the correct answer');
-            listMatchingPage.steps.verifyOptionsInPreviewTab(['Identical correct answer for stem 1', 'Incorrect answer 1', 'Identical correct answer for stem 1', 'Correct answer for stem 2']);
-            listMatchingPage.steps.checkShowCorrectAnswerCheckbox();
-            listMatchingPage.steps.verifyCorrectAnswerStemOptionsInCorrectAnswerContainerAndCount(['Identical correct answer for stem 1', 'Correct answer for stem 2'], ['1', '2']);
-
-            cy.log('Post-step: Unchecking show correct answer checkbox');
-            listMatchingPage.steps.uncheckShowCorrectAnswerCheckbox();
-
-            cy.log('When the user gives the correct answer as input and user selects the show correct answer checkbox, green check-mark icon should be displayed besides both the responses, correct answer container should not be displayed and user should be awarded with full points');
-
-            cy.log('Answering the stem 1 with the correct identical option');
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Identical correct answer for stem 1', 0);
-
-            cy.log('Answering the response 2 with the correct option');
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Correct answer for stem 2', 1);
-            listMatchingPage.steps.checkShowCorrectAnswerCheckbox();
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            listMatchingPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
-            listMatchingPage.previewScoreText()
-                .verifyInnerText('20/20');
-
-            cy.log('Post-step: Unchecking show correct answer checkbox');
-            listMatchingPage.steps.uncheckShowCorrectAnswerCheckbox();
-
-            cy.log('When user clicks on \'Check answer\' button, then green check-mark icon should be displayed besides responses and correct answer container should not be displayed');
-            listMatchingPage.steps.checkAnswer();
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(0);
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            listMatchingPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
-
-            cy.log('When the user gives correct input to the response but with a different identical option and user selects the show correct answer checkbox, then red cross-mark icon should be displayed besides the different identical response, correct answer container should be displayed with the user response marked incorrect and user should be awarded with zero points');
-
-            cy.log('Answering the response 1 with a different correct identical option');
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInPreviewTab('Identical correct answer for stem 1', 0);
-            listMatchingPage.steps.checkShowCorrectAnswerCheckbox();
-            listMatchingPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            listMatchingPage.previewScoreText()
-                .verifyInnerText('0/20');
-            listMatchingPage.steps.verifyCorrectAnswerStemOptionsInCorrectAnswerContainerAndCount(['Identical correct answer for stem 1'], ['1']);
-
-            cy.log('Post-step: Unchecking show correct answer checkbox');
-            listMatchingPage.steps.uncheckShowCorrectAnswerCheckbox();
-
-            cy.log('When user clicks on \'Check answer\' button, then then red cross-mark icon should be displayed besides the different identical response and correct answer container should not be displayed')
-            listMatchingPage.steps.checkAnswer()
-            listMatchingPage.steps.verifyIncorrectOptionCrossmarkIcon(0);
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(1);
-            listMatchingPage.steps.verifyPreviewTabCorrectAnswerContainerNotExist();
-        });
-    });
-});

package/cypress/e2e/ILC/ListMatching/listMatchingGroupedOptionsSection.js

@@ -1,207 +0,0 @@
-import { listMatchingPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-const css = Cypress.env('css');
-
-const optionsForGroup2 = ['Response 5', 'Response 6'];
-let optionsForThreeResponses = ['Response 1', 'Response 2', 'Response 3'];
-let optionsForFourResponses = ['Response 1', 'Response 2', 'Response 3', 'Response 4'];
-
-describe('Create Item Page: List matching: Grouped response layout - Edit tab', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('\'Grouped\' response options layout - Edit tab section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-        });
-
-        listMatchingPage.tests.verifyGroupedOptionsContentAndFunctionality();
-    });
-
-    describe('\'Grouped\' response options layout - Set correct answer section contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
-        });
-
-        it('When the user has not entered text in the \'Group title\' input field then no group title should be displayed for the group in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.setCorrectAnswerSectionGroupedResponseTitle()
-                .should('not.exist');
-        });
-
-        it('When the user enters text in the \'Group title\' input field, a group title should be displayed for the group in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.steps.addGroupTitle(0, 'Group title A');
-            listMatchingPage.setCorrectAnswerSectionGroupedResponseTitle()
-                .should('have.text', 'Group title A');
-        });
-
-        it('When the user has not entered text in the options input field then three empty draggable options along with drag handles should be displayed as a group in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, ['', '', '']);
-            listMatchingPage.steps.verifyDragIconVisibleInOptionsInSetCorrectAnswerSection();
-        });
-
-        it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in a group in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
-            cy.wait(500);
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, optionsForThreeResponses);
-        });
-
-        //Failing due to https://redmine.zeuslearning.com/issues/541421
-        it('CSS of \'Grouped\' container in the \'Set Correct Answer\' section', { tags: 'css' }, () => {
-            listMatchingPage.setCorrectAnswerSectionGroupedResponseContainer()
-                .should('have.css', 'border', `1px solid ${css.color.defaultDropdownBorder}`);
-            listMatchingPage.draggableOption()
-                .should('have.css', 'border', `1px solid ${css.color.figDefaultComponentBorder}`)
-                .find('.question-text-wrapper')
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-            listMatchingPage.draggableOption()
-                .find('.drag-indicator-icon')
-                .should('have.css', 'fill', `${css.color.activeButtons}`);
-        });
-
-        it('Accessibility of \'Grouped\' container in the \'Set Correct Answer\' section', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listMatchingPage.setCorrectAnswerSectionGroupedResponseContainer());
-        });
-
-        it('When the user adds an option using \'Add Option\' button then the added option should be displayed along with drag handle inside the group in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.steps.addOption();
-            listMatchingPage.steps.verifyCountOfDraggableOptionsInSetCorrectAnswerSection('List matching', 4);
-            listMatchingPage.steps.verifyDefaultStateOfDraggableOptionsInSetCorrectAnswerSection('List matching', 3);
-            cy.log('Checking that input text to the newly added option is displayed in the response options container of the \'Set Correct Answer\' section')
-            listMatchingPage.steps.addInputToOptionForDragAndDropInputField(optionsForFourResponses[3], 3);
-            cy.wait(500);
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, optionsForFourResponses);
-        });
-
-        it('When the user deletes an option then the deleted option should get removed from the group in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.steps.deleteResponseOptionInputField(3);
-            cy.log('verifying the text of draggable options after deleting an option')
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(0, optionsForThreeResponses);
-        });
-
-        it('When the user adds a new group, the new group should be displayed in the response options container of the \'Set Correct Answer\' section', () => {
-            listMatchingPage.steps.addGroup();
-            listMatchingPage.steps.verifyCountOfGroupsInSetCorrectAnswerSection(2);
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInSetCorrectAnswerSection(1, ['', '']);
-        });
-
-        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')
-            listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, optionsForGroup2);
-            listMatchingPage.steps.addGroupTitle(1, 'Group title B');
-            cy.log('Setting a correct answer option')
-            listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Response 2', 0);
-            cy.log('Deleting the 1st group')
-            listMatchingPage.steps.deleteGroup(0);
-            listMatchingPage.steps.verifyCountOfGroupsInSetCorrectAnswerSection(1);
-            listMatchingPage.steps.verifyErroredStateOfEmptyResponseFieldInSetCorrectAnswerSection(0);
-            cy.log('verifying the contents of group 2 after deleting group 1')
-            listMatchingPage.steps.verifyGroupedResponseOptionsInSetCorrectAnswerSection(0, 'Group title B', optionsForGroup2);
-        });
-    });
-
-    describe('\'Grouped\' response options layout - Preview tab contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to List Matching question type');
-            listMatchingPage.steps.navigateToCreateQuestion('list matching');
-            cy.barsPreLoaderWait();
-            listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
-            listMatchingPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has not entered text in the \'Group title\' input field then no group title should be displayed for the group in the response options container of the \'Preview tab\'', () => {
-            listMatchingPage.previewTabGroupedResponseTitle()
-                .should('not.exist');
-        });
-
-        it('When the user enters text in the \'Group title\' input field, a group title should be displayed for the group in the response options container of the \'Preview tab\'', () => {
-            cy.log('Pre step: Switching to edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addGroupTitle(0, 'Group title A');
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.previewTabGroupedResponseTitle()
-                .should('have.text', 'Group title A');
-        });
-
-        it('When the user has not entered text in the options input field then three empty draggable options along with drag handles should be displayed as a group in the response options container of the \'Preview tab\'', () => {
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, ['', '', '']);
-        });
-
-        it('When the user enters text in options input fields then the entered text should be displayed in the respective draggable options in the response options container of the \'Preview tab\'', () => {
-            cy.log('Pre step: Switching to edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addInputToOptionsForDragAndDropFields(optionsForThreeResponses);
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, optionsForThreeResponses);
-        });
-
-        it('CSS of \'Grouped\' container in the response options container of the \'Preview tab\'', { tags: 'css' }, () => {
-            listMatchingPage.previewTabGroupedResponseContainer()
-                .should('have.css', 'border', `1px solid ${css.color.defaultDropdownBorder}`)
-                .within(() => {
-                    listMatchingPage.draggableOption()
-                        .should('have.css', 'border', `1px solid ${css.color.figDefaultComponentBorder}`)
-                        .find('.drag-indicator-icon')
-                        .should('have.css', 'fill', `${css.color.activeButtons}`);
-                });
-        });
-
-        it('Accessibility of \'Grouped\' container in the response options container of the \'Preview tab\'', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listMatchingPage.previewTabGroupedResponseContainer());
-        });
-
-        it('When the user adds an option using \'Add Option\' button then the added option should be displayed inside the group in the response options container of the \'Preview tab\'', () => {
-            cy.log('Pre step: Switching to edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addOption();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyCountOfDraggableOptionsInPreviewTab('List matching', 4);
-            listMatchingPage.steps.verifyDefaultStateOfDraggableOptionsInPreviewTab('List matching', 3);
-            cy.log('Checking that input text to the newly added option is displayed in the option in Preview tab section')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addInputToOptionForDragAndDropInputField(optionsForFourResponses[3], 3);
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, optionsForFourResponses);
-        });
-
-        it('When the user deletes an option then the deleted option should get removed from the group in the response options container of the \'Preview tab\'', () => {
-            cy.log('Pre step: Switching to edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.deleteResponseOptionInputField(3);
-            cy.log('Checking the deleted option should not exist in the Preview tab')
-            listMatchingPage.steps.switchToPreviewTab();
-            cy.log('verifying the text of draggable options after deleting an option')
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, optionsForThreeResponses);
-        });
-
-        it('When the user adds a new group, the new group should be displayed in the response options container of the \'Preview tab\'', () => {
-            cy.log('Pre step: Switching to edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            listMatchingPage.steps.addGroup();
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyCountOfGroupsInPreviewTab(2);
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(1, ['', '']);
-        });
-
-        it('When the user deletes a group, it should get removed from response options container of the \'Preview tab\'', () => {
-            cy.log('Pre step: Switching to edit tab')
-            listMatchingPage.steps.switchToEditTab();
-            cy.log('Pre step: Entering text into the text fields of group 2 response container')
-            listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, optionsForGroup2)
-            listMatchingPage.steps.addGroupTitle(1, 'Group title B');
-            listMatchingPage.steps.deleteGroup(0);
-            listMatchingPage.steps.switchToPreviewTab();
-            listMatchingPage.steps.verifyCountOfGroupsInPreviewTab(1);
-            listMatchingPage.steps.verifyGroupedResponseContainerContentsInPreviewTab(0, optionsForGroup2);
-            listMatchingPage.steps.verifyGroupTitleInPreviewTab(0, 'Group title B');
-        });
-    });
-})