itemengine-cypress-automation 1.0.158-migrationScripts-2432c9a.0 → 1.0.158

package/cypress/pages/listMatchingPage.js

@@ -1,1514 +0,0 @@
-import utilities from "../support/helpers/utilities";
-import { additionalSettingsPanel, autoScoredAdditionalSettings, autoScoredPreviewBase, autoScoredScoringSection, autoScoredScoringSectionMultipleResponsesType, autoScoredSetCorrectAnswerSection, commonComponents, createQuestionBasePage, optionsWrapperComponent, previewScoringAndShowCorrectAnswerComponent, questionInstructionsComponent, scoringSectionBase, studentResponseAndLayoutComponent, answerNumerationComponent, draggableOptionContainer, draggableOptionsSectionComponent } from "./components"
-import { dialogBoxBase } from "./dialogBoxBase";
-const css = Cypress.env('css');
-
-let optionsForThreeResponses = ['Correct answer for stem 1', 'Correct answer for stem 2', 'Correct answer for stem 3'];
-
-const selectors = {
-    ...questionInstructionsComponent,
-    ...commonComponents,
-    ...scoringSectionBase,
-    ...autoScoredSetCorrectAnswerSection,
-    ...scoringSectionBase,
-    ...previewScoringAndShowCorrectAnswerComponent,
-    ...autoScoredScoringSection,
-    ...autoScoredAdditionalSettings,
-    ...autoScoredPreviewBase,
-    ...autoScoredScoringSectionMultipleResponsesType,
-    ...optionsWrapperComponent,
-    ...studentResponseAndLayoutComponent,
-    ...draggableOptionContainer,
-    ...answerNumerationComponent,
-    ...additionalSettingsPanel,
-    ...draggableOptionsSectionComponent,
-
-    //Options section
-    addOptionButton: () => cy.get('.add-option-wrapper-cls .ngie-button').eq(1),
-    groupedOptionsAddOptionButton: () => cy.get('.add-option-wrapper-cls .ngie-button'),
-    optionsForDragAndDropInputField: () => cy.get('[title="Enter option"]'),
-    responseOptionsSectionWrapper: () => cy.get('.cloze-drag-and-drop-response-option-wrapper').eq(1),
-    optionWrapper: () => cy.get('[data-rbd-draggable-id*="option-draggable-choice"]'),
-    //Stems section
-    stemsLabel: () => cy.get('.match-list-stem-label'),
-    stemWrapper: () => cy.get('[data-rbd-draggable-id*="option-draggable-stemOption"]'),
-    buttonDeleteStem: () => cy.get('[aria-label*="Delete stem"]'),
-    optionNumeration: () => cy.get('div[class*="AdornmentDiv"]'),
-    stemInputField: () => cy.get('[title="Enter stem"]'),
-    addStemButton: () => cy.get('.add-option-wrapper-cls .ngie-button').eq(0),
-    //Set correct answer section
-    setCorrectAnswerStemRow: () => cy.get('.grid-container'),
-    setCorrectAnswerStemField: () => listMatchingPage.setCorrectAnswerStemLabel().parent(),
-    setCorrectAnswerStemLabel: () => cy.get('.input-field-label .question-text-wrapper'),
-    setCorrectAnswerStemResponseArea: () => cy.get('[class="droppable-area"] [role="button"]'),
-    setCorrectAnswerStemResponseAreaWrapper: () => cy.get('[class*="DroppableHotspotstyle__DroppableHotspotWrapper"]'),
-    stemColumnHeader: () => cy.get('[class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(0),
-    responseColumnHeader: () => cy.get('[class*="ClozeWithDragAndDropstyles__HeaderContainer"]').eq(1),
-    //preview tab
-    previewTabStemRow: () => cy.get('.match-list-response-container'),
-    previewTabStemLabel: () => cy.get('.no-split-pane-wrapper .input-field-label .question-text-wrapper'),
-    previewTabStemField: () => listMatchingPage.previewTabStemLabel().parent(),
-    //Below same as FIG DnD
-    responseAreaNumeration: () => cy.get('[class*="DroppedItemstyle__NumerationWrapper"]'),
-    previewTabStemResponseArea: () => cy.get('.no-split-pane-wrapper [class="droppable-area"] [role="button"]'),
-    previewTabStemResponseAreaWrapper: () => cy.get('.no-split-pane-wrapper [class*="DroppableHotspotstyle__DroppableHotspotWrapper"]'),
-    previewTabQuestionField: () => cy.get('.no-split-pane-wrapper div[class*="ClozeWithDragAndDropstyles__QuestionItemContainer"]'),
-    previewDraggableOptionContainer: () => cy.get('.no-split-pane-wrapper .draggable-wrapper'),
-    previewTabCorrectAnswerContainer: () => cy.get('[class*="ClozeWithDragAndDropstyles__CorrectAnswerTextWrapper"]'),
-    previewTabCorrectAnswerLabel: () => listMatchingPage.previewTabCorrectAnswerContainer().find('[class*="ClozeWithDragAndDropstyles__CorrectAnswerLabel"]'),
-    previewTabCorrectAnswerResponseNumerationWrapper: () => cy.get('[class*="ClozeWithDragAndDropstyles__NumerationWrapper"]'),
-    previewTabCorrectAnswerResponseWrapper: () => listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper().parents('[class*="ClozeWithDragAndDropstyles__ItemWrapper"]'),
-    previewTabCorrectAnswerResponseText: () => cy.get('[class*="ClozeWithDragAndDropstyles__ItemWrapper"] .question-text-wrapper'),
-    draggableOption: () => cy.get('.draggable-selected-item'),
-    //Additional settings
-    stemColumnHeaderLabel: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] .text-label').eq(0),
-    ResponseColumnHeaderLabel: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] .text-label').eq(1),
-    stemColumnHeaderInputField: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] input').eq(0),
-    ResponseColumnHeaderInputField: () => cy.get('[class*="StudentResponseComponentstyle__InputWrapper"] input').eq(1),
-    //Same as DnD into categories
-    responseOptionPlacementLabel: () => cy.get('#Response-option-placement-dropdown-label'),
-    responseOptionPlacementDropdown: () => cy.get('#Response-option-placement-select'),
-    responseOptionPlacementDropdownListOption: (ariaLabel = null) => {
-        if (ariaLabel) {
-            return cy.get(`[aria-labelledby*="Response-option-placement-dropdown-label"] [role="option"][aria-label*="${ariaLabel}"]`);
-        } else {
-            return cy.get('[aria-labelledby*="Response-option-placement-dropdown-label"] [role="option"]');
-        }
-    },
-    questionPreviewWrapper: () => cy.get('.preview-container')
-}
-
-const steps = {
-    ...createQuestionBasePage.steps,
-    ...questionInstructionsComponent.steps,
-    ...scoringSectionBase.steps,
-    ...commonComponents.steps,
-    ...autoScoredSetCorrectAnswerSection.steps,
-    ...createQuestionBasePage.steps,
-    ...commonComponents.steps,
-    ...scoringSectionBase.steps,
-    ...autoScoredScoringSection.steps,
-    ...autoScoredPreviewBase.steps,
-    ...additionalSettingsPanel.steps,
-    ...previewScoringAndShowCorrectAnswerComponent.steps,
-    ...autoScoredAdditionalSettings.steps,
-    ...autoScoredScoringSectionMultipleResponsesType.steps,
-    ...dialogBoxBase.steps,
-    ...draggableOptionContainer.steps,
-    ...optionsWrapperComponent.steps,
-    ...answerNumerationComponent.steps,
-    ...draggableOptionsSectionComponent.steps,
-
-    /**
-     * @param {number} index of the stem
-     * @description verify the enter stem input field, drag handle, delete button and stem numeration
-     */
-    verifyStemContents: (index) => {
-        listMatchingPage.stemWrapper()
-            .eq(index)
-            .within(() => {
-                optionsWrapperComponent.optionsInputField()
-                    .should('have.attr', 'data-cke-editorplaceholder', 'Enter stem');
-                commonComponents.dragHandleButton()
-                    .should('exist');
-                listMatchingPage.buttonDeleteStem()
-                    .should('be.visible');
-                listMatchingPage.optionNumeration()
-                    .should('have.text', index + 1);
-            })
-    },
-
-    verifyDragHandleTooltipForStem: () => {
-        listMatchingPage.stemWrapper()
-            .eq(0)
-            .within(() => {
-                commonComponents.dragHandleButton()
-                    .trigger('mouseover');
-            });
-        commonComponents.tooltipText()
-            .should('have.text', 'Drag to reorder');
-        listMatchingPage.stemWrapper()
-            .eq(0)
-            .within(() => {
-                commonComponents.dragHandleButton()
-                    .trigger('mouseout');
-            });
-        commonComponents.tooltipText()
-            .should('not.exist');
-    },
-
-    verifyDeleteButtonTooltipForStem: () => {
-        listMatchingPage.buttonDeleteStem()
-            .eq(0)
-            .trigger('mouseover');
-        commonComponents.tooltipText()
-            .should('have.text', 'Delete stem');
-        listMatchingPage.buttonDeleteStem()
-            .eq(0)
-            .trigger('mouseout');
-        commonComponents.tooltipText()
-            .should('not.exist');
-    },
-
-    deleteStem: (index) => {
-        listMatchingPage.buttonDeleteStem()
-            .eq(index)
-            .click();
-    },
-
-    /**
-     * @param {number} index of the delete button
-     * @description verify the disabled delete button
-     */
-    verifyDisabledDeleteStemButton: (index) => {
-        listMatchingPage.stemWrapper()
-            .eq(index)
-            .within(() => {
-                listMatchingPage.buttonDeleteStem()
-                    .should('be.disabled');
-            });
-    },
-
-    verifyDisabledDeleteStemButtonTooltip: () => {
-        listMatchingPage.buttonDeleteStem()
-            .trigger('mouseover', { force: true });
-        commonComponents.tooltipText()
-            .should('have.text', 'Minimum one stem is required');
-        listMatchingPage.buttonDeleteStem()
-            .trigger('mouseout', { force: true });
-        commonComponents.tooltipText()
-            .should('not.exist');
-    },
-
-    addOption: () => {
-        listMatchingPage.addOptionButton()
-            .click();
-    },
-
-    addOptionInGroupedResponseLayout: (groupIndex) => {
-        listMatchingPage.groupResponseContainer()
-            .eq(groupIndex)
-            .within(() => {
-                listMatchingPage.groupedOptionsAddOptionButton()
-                    .click();
-            });
-    },
-
-    addStem: () => {
-        listMatchingPage.addStemButton()
-            .click();
-    },
-
-    /**
-     * @param {number} index of the stem input field
-     * @description focus in and focus out of the stem input field
-     */
-    focusInAndFocusOutOfStemInputField: (index) => {
-        listMatchingPage.stemWrapper()
-            .eq(index)
-            .within(() => {
-                listMatchingPage.stemInputField()
-                    .click()
-                    .blur();
-            });
-    },
-
-    /**
-     * @param {number} index of the option input field
-     * @description focus in and focus out of the option input field
-     */
-    focusInAndFocusOutOfOptionInputField: (index) => {
-        listMatchingPage.optionWrapper()
-            .eq(index)
-            .within(() => {
-                listMatchingPage.optionsForDragAndDropInputField()
-                    .click()
-                    .blur();
-            });
-    },
-
-    /**
-     * @param {number} index of the stem input field
-     * @description verify the empty stem input field error message
-     */
-    verifyStemErrorMessageIsDisplayed: (index) => {
-        listMatchingPage.stemWrapper()
-            .eq(index)
-            .within(() => {
-                commonComponents.errorMessage()
-                    .should('have.text', 'Error: Stem is required.');
-            });
-    },
-
-    /**
-     * @param {number} stemInputFieldIndex Index of stem input field
-     * @param {string} responseFieldText Text to be given as input in stem input field
-     * @description Add input to the stem input field
-     */
-    addInputToStemField: (stemInputFieldIndex, responseFieldText) => {
-        listMatchingPage.stemInputField()
-            .eq(stemInputFieldIndex)
-            .clear()
-            .type(responseFieldText)
-            .should('have.text', responseFieldText);
-    },
-
-    /**
-     * @param {string[]} stemTextArray Array of text to be given as input for all stem input fields
-     * @description Add input to all the stem input fields
-     */
-    addInputToAllStemFields: (stemTextArray) => {
-        stemTextArray.forEach((stemText, count) => {
-            steps.addInputToStemField(count, stemText);
-        });
-    },
-
-    /**
-     * @param {number} index Index of stem input field
-     * @description Verify that stem input field error message is not displayed
-     */
-    verifyStemErrorMessageIsNotDisplayed: (index) => {
-        listMatchingPage.stemWrapper()
-            .eq(index)
-            .within(() => {
-                commonComponents.errorMessage()
-                    .should('not.exist');
-            });
-    },
-
-    /**
-     * @param {string[]} stemTextArray Array of text in set correct answer stem fields
-     * @description Verify the text displayed in set correct answer stem fields
-     */
-    verifyAllStemTextInSetCorrectAnswerSection: (stemTextArray) => {
-        stemTextArray.forEach((stemText, stemIndex) => {
-            listMatchingPage.setCorrectAnswerStemLabel()
-                .eq(stemIndex)
-                .verifyInnerText(stemText);
-        });
-    },
-
-    /**
-     * @param {string[]} stemTextArray Array of text in preview tab stem fields
-     * @description Verify the text displayed in preview tab stem fields
-     */
-    verifyAllStemTextInPreviewTab: (stemTextArray) => {
-        stemTextArray.forEach((stemText, stemIndex) => {
-            listMatchingPage.previewTabStemLabel()
-                .eq(stemIndex)
-                .verifyInnerText(stemText);
-        });
-    },
-
-    /**
-     * @param {string} textInput Text to be given as input for option input field
-     * @param {number} optionIndex Index of the option input field
-     * @description Add text input to all options input field
-     */
-    addInputToOptionForDragAndDropInputField: (textInput, optionIndex) => {
-        listMatchingPage.optionsForDragAndDropInputField()
-            .eq(optionIndex)
-            .type(textInput, { delay: 0 })
-            .blur()
-            .focus()
-            .should('have.text', textInput);
-    },
-
-    /**
-     * @param {string[]} responseTextArray Array of text to be given as input for options input fields
-     * @description Add text input to all options input field
-     */
-    addInputToOptionsForDragAndDropFields: (responseTextArray) => {
-        responseTextArray.forEach((responseFieldText, optionIndex) => {
-            steps.addInputToOptionForDragAndDropInputField(responseFieldText, optionIndex);
-        });
-    },
-
-    /**
-     * @param {string[]} optionName Array of option names
-     * @param {number[]} responseAreaIndex Array of index of response area
-     * @description Click and drop draggable option in response area in set correct answer section 
-     */
-    clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection: (optionName, responseAreaIndex) => {
-        listMatchingPage.draggableOption()
-            .contains(optionName)
-            .click();
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .click();
-    },
-
-    /**
-     * @param {number[]} responseAreaIndex Array of index of response area
-     * @description Click the draggable option in the response area and drop it in draggable option container in set correct answer section 
-     */
-    clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .click();
-        listMatchingPage.setCorrectAnswerDraggableOptionsWrapper('List matching')
-            .click('right');
-    },
-
-    /**
-     * @param {string[]} optionName Array of option names
-     * @param {number[]} responseAreaIndex Array of index of response area
-     * @description Click and drop draggable option in response area in preview tab 
-     */
-    clickAndDropOptionInStemResponseAreaInPreviewTab: (optionName, responseAreaIndex) => {
-        listMatchingPage.previewTabDraggableOptionsWrapper()
-            .within(() => {
-                listMatchingPage.draggableOption()
-                    .contains(optionName)
-                    .click();
-            });
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .click();
-    },
-
-    /**
-     * @param {number[]} responseAreaIndex Array of index of response area
-     * @description Click the draggable option in the response area and drop it in draggable option container in preview tab
-     */
-    clickAndDropOptionFromResponseAreaToDraggableOptionsContainerInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .click();
-        listMatchingPage.previewDraggableOptionContainer()
-            .click('right');
-    },
-
-    verifyStemFieldsInSetCorrectAnswerSection: (stemsArray) => {
-        stemsArray.forEach((stemText, stemIndex) => {
-            listMatchingPage.setCorrectAnswerStemField()
-                .eq(stemIndex)
-                .should('have.text', stemText);
-        });
-    },
-
-    verifyStemFieldsInPreviewTab: (stemsArray) => {
-        stemsArray.forEach((stemText, stemIndex) => {
-            listMatchingPage.previewTabStemLabel()
-                .eq(stemIndex)
-                .should('have.text', stemText);
-        });
-    },
-
-    /**
-     * @param {string[]} draggableOptionsArray Array of draggable options text
-     * @description Verify the draggable options displayed in set correct answer section
-     */
-    verifyOptionsInSetCorrectAnswerSection: (draggableOptionsArray) => {
-        draggableOptionsArray.forEach((draggableOption, optionIndex) => {
-            listMatchingPage.draggableOption()
-                .eq(optionIndex)
-                .should('have.text', draggableOption);
-        });
-        listMatchingPage.draggableOption()
-            .should('have.length', draggableOptionsArray.length);
-    },
-
-    /**
-     * @param {string[]} draggableOptionsArray Array of draggable options text
-     * @description Verify the draggable options displayed in preview tab
-     */
-    verifyOptionsInPreviewTab: (draggableOptionsArray) => {
-        listMatchingPage.previewTabDraggableOptionsWrapper()
-            .within(() => {
-                draggableOptionsArray.forEach((draggableOption, optionIndex) => {
-                    listMatchingPage.draggableOption()
-                        .eq(optionIndex)
-                        .should('have.text', draggableOption);
-                });
-                listMatchingPage.draggableOption()
-                    .should('have.length', draggableOptionsArray.length);
-            });
-    },
-
-    /**
-     * @param {string} optionText Text of option given as input in response area
-     * @param {number} responseAreaIndex Index of response area
-     * @description Verify the filled response areas in set correct answer section 
-     */
-    verifyFilledResponseAreaInSetCorrectAnswerSection: (responseAreaIndex, optionText) => {
-        listMatchingPage.setCorrectAnswerStemResponseAreaWrapper()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isNotEmpty');
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('have.text', optionText)
-            .and('be.visible');
-    },
-
-    /**
-     * @param {number[]} responseAreaIndex Index of response area
-     * @description Verify response area in set correct answer is empty
-     */
-    verifyEmptyResponseAreaInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseAreaWrapper()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isEmpty');
-    },
-
-    /**
-     * @param {string} responseAreaText Text of the response area
-     * @param {number} responseAreaIndex Index of response area
-     * @description Verify the text displayed in response area in preview tab
-     */
-    verifyResponseAreaTextInPreviewTab: (responseAreaIndex, responseAreaText) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .and('have.text', responseAreaText)
-            .and('be.visible');
-    },
-
-    /**
-     * @param {string} optionText Text of option given as input in response area
-     * @param {number} responseAreaIndex Index of response area
-     * @description Verify the filled response area in preview tab
-     */
-    verifyFilledOptionResponseAreaInPreviewTab: (responseAreaIndex, optionText) => {
-        listMatchingPage.previewTabStemResponseAreaWrapper()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isNotEmpty');
-        steps.verifyResponseAreaTextInPreviewTab(responseAreaIndex, optionText);
-    },
-
-    /**
-    * @param {number} index Index of stem input field
-    * @description Clear input given to stem input field
-    */
-    clearStemInputField: (index) => {
-        listMatchingPage.stemInputField()
-            .eq(index)
-            .clear();
-    },
-
-    /**
-    * @param {string[]} stemArray Array of stems displayed in preview tab
-    * @description Verify that stems displayed in preview tab are randomized
-    */
-    verifyRandomizedStemsOrder: (stemArray) => {
-        let currentStems = [...stemArray]
-        for (let index = 0; index < currentStems.length; index++) {
-            listMatchingPage.previewTabStemLabel()
-                .eq(index)
-                .then(($element) => {
-                    expect($element.text()).to.be.oneOf(currentStems);
-                    currentStems = currentStems.filter((value) => value !== $element.text())
-                });
-        };
-        listMatchingPage.steps.verifyRerandomizedStemsOrder(stemArray);
-    },
-
-    /**
-    * @param {string[]} PreviousOrderOfStems Array of randomized stems displayed in preview tab
-    * @description Verify that stems displayed in preview tab are randomized
-    */
-    verifyRerandomizedStemsOrder: (PreviousOrderOfStems) => {
-        listMatchingPage.previewTabStemLabel()
-            .should('not.have.text', '')
-            .and('not.have.text', PreviousOrderOfStems.join(''));
-    },
-
-    getStemsArray: () => {
-        const stemsArray = []
-        listMatchingPage.previewTabStemLabel()
-            .each(($el) => {
-                cy.wrap($el)
-                    .invoke('text')
-                    .then((text) => {
-                        stemsArray.push(text);
-                    });
-            });
-        return stemsArray;
-    },
-
-    /**
-    * @param {string[]} correctAnswerArray Array of text of options displayed in correct answer container
-    * @param {number[]} optionNumerationArray Array of numeration of options displayed in correct answer container
-    * @description Verify the options and their numeration displayed in correct answer container
-    */
-    verifyCorrectAnswerStemOptionsInCorrectAnswerContainerAndCount: (correctAnswerArray, optionNumerationArray) => {
-        listMatchingPage.previewTabCorrectAnswerContainer()
-            .should('be.visible');
-        listMatchingPage.previewTabCorrectAnswerLabel()
-            .verifyInnerText('Correct answers:');
-        correctAnswerArray.forEach((responseFieldText, count) => {
-            listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper()
-                .eq(count)
-                .should('have.text', optionNumerationArray[count]);
-            listMatchingPage.previewTabCorrectAnswerResponseText()
-                .eq(count)
-                .verifyInnerText(responseFieldText);
-        });
-        listMatchingPage.previewTabCorrectAnswerResponseWrapper()
-            .should('have.length', correctAnswerArray.length);
-    },
-
-    /**
-    * @param {number} index Index of option in preview tab
-    * @description Verify cross-mark icon displayed beside option input field
-    */
-    verifyIncorrectOptionCrossmarkIcon: (index) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(index)
-            .parents('[class="droppable-area"]')
-            .next('.tick-icon-wrapper')
-            .should('have.class', 'icon-incorrect')
-            .and('be.visible');
-    },
-
-    /**
-    * @param {number} index Index of option in preview tab
-    * @description Verify check-mark icon displayed beside option input field
-    */
-    verifyCorrectOptionCheckmarkIcon: (index) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(index)
-            .parents('[class="droppable-area"]')
-            .next('.tick-icon-wrapper')
-            .should('have.class', 'icon-correct')
-            .and('be.visible');
-    },
-
-    /**
-    * @param {number} index Index of option in preview tab
-    * @description Verify check-mark or cross-mark icon is not displayed beside option input field
-    */
-    verifyCorrectIncorrectIconNotVisible: (index) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(index)
-            .parents('[class="droppable-area"]')
-            .next('.tick-icon-wrapper')
-            .should('not.exist');
-    },
-
-    /**
-    * @param {number} numberOfStemResponsesArea Total number of stem response areas
-    * @description Verify check-mark icon is displayed beside all the stem response areas
-    */
-    verifyCorrectOptionsCheckMarkIconsForAllStemResponseAreas: (numberOfStemResponsesArea) => {
-        for (let index = 0; index < numberOfStemResponsesArea; index++) {
-            listMatchingPage.steps.verifyCorrectOptionCheckmarkIcon(index)
-        }
-    },
-
-    /**
-    * @param {number} numberOfStemResponsesArea Total number of stem response areas
-    * @description Verify cross-mark icon is displayed beside all the stem response areas
-    */
-    verifyIncorrectOptionsCrossMarkIconsForAllStemResponseAreas: (numberOfStemResponsesArea) => {
-        for (let index = 0; index < numberOfStemResponsesArea; index++) {
-            listMatchingPage.steps.verifyIncorrectOptionCrossmarkIcon(index)
-        }
-    },
-
-    /**
-    * @param {number} inputFieldIndex Index of option input field in response options section
-    * @description Delete response option input field in response options section
-    */
-    deleteResponseOptionInputField: (inputFieldIndex) => {
-        listMatchingPage.responseOptionsSectionWrapper()
-            .within(() => {
-                listMatchingPage.deleteOptionButton()
-                    .eq(inputFieldIndex)
-                    .click();
-            });
-    },
-
-    verifyCorrectIncorrectIconLabelAndBorderNotExist: () => {
-        listMatchingPage.steps.verifyCorrectIncorrectBorderNotExists();
-        listMatchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists()
-        listMatchingPage.correctIcon()
-            .should('not.exist');
-        listMatchingPage.incorrectIcon()
-            .should('not.exist');
-    },
-
-    verifyPreviewTabCorrectAnswerContainerNotExist: () => {
-        listMatchingPage.previewTabCorrectAnswerContainer()
-            .should('not.exist');
-    },
-
-    setQuestionStemsAndOptionsForScoringWithAlternateTab: () => {
-        listMatchingPage.steps.addStem();
-        listMatchingPage.steps.addInputToAllStemFields(['Stem 1', 'Stem 2', 'Stem 3', 'Stem 4']);
-        listMatchingPage.steps.addOption();
-        listMatchingPage.steps.addOption();
-        listMatchingPage.steps.addOption();
-        listMatchingPage.steps.addOption();
-        listMatchingPage.steps.addOption();
-        listMatchingPage.steps.addInputToOptionsForDragAndDropFields(['Common answer for stem 1', 'Common answer for stem 4', 'Correct answer for stem 2', 'Alternate answer for stem 2', 'Correct answer for stem 3', 'Alternate answer for stem 3', 'Incorrect answer 1', 'Incorrect answer 2']);
-    },
-
-    setQuestionStemsAndOptionsForScoringWithoutAlternateTab: () => {
-        listMatchingPage.steps.deleteStem(2);
-        listMatchingPage.steps.addInputToAllStemFields(['Stem 1', 'Stem 2']);
-        listMatchingPage.steps.addOption();
-        listMatchingPage.steps.addInputToOptionsForDragAndDropFields(['Correct answer for stem 1', 'Correct answer for stem 2', 'Incorrect answer 1', 'Incorrect answer 2']);
-    },
-
-    setCorrectAnswersForScoringWithoutAlternateTab: () => {
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 1', 0);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
-    },
-
-    setCorrectAnswersForCorrectTab: () => {
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Common answer for stem 1', 0);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 2', 1);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Correct answer for stem 3', 2);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Common answer for stem 4', 3);
-    },
-
-    setCorrectAnswersForAlternateTab: () => {
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Common answer for stem 1', 0);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Alternate answer for stem 2', 1);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Alternate answer for stem 3', 2);
-        listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection('Common answer for stem 4', 3);
-    },
-
-    setQuestionStemsAndGroupedOptionsForScoringWithoutAlternateTab: () => {
-        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, ['Correct answer for stem 1', 'Incorrect answer 1']);
-        listMatchingPage.steps.addGroup();
-        listMatchingPage.steps.addGroupTitle(1, 'Group 2');
-        listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, ['Correct answer for stem 2', 'Incorrect answer 2']);
-    },
-
-    setQuestionStemsAndGroupedOptionsForScoringWithAlternateTab: () => {
-        listMatchingPage.steps.addInputToAllStemFields(['Stem 1', 'Stem 2', 'Stem 3']);
-        listMatchingPage.steps.addStem();
-        listMatchingPage.steps.addInputToStemField(3, 'Stem 4');
-        listMatchingPage.steps.selectResponseOptionsLayout('Grouped');
-        listMatchingPage.steps.addGroupTitle(0, 'Group 1');
-        listMatchingPage.steps.addOptionInGroupedResponseLayout(0);
-        listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(0, ['Common answer for stem 1', 'Correct answer for stem 2', 'Alternate answer for stem 2', 'Incorrect answer 1']);
-        listMatchingPage.steps.addGroup();
-        listMatchingPage.steps.addGroupTitle(1, 'Group 2');
-        listMatchingPage.steps.addOptionInGroupedResponseLayout(1);
-        listMatchingPage.steps.addOptionInGroupedResponseLayout(1);
-        listMatchingPage.steps.addInputToOptionsForGroupedResponseLayout(1, ['Common answer for stem 4', 'Correct answer for stem 3', 'Alternate answer for stem 3', 'Incorrect answer 2']);
-    },
-
-    verifyInactiveStateOfAllStemResponseAreasInSetCorrectAnswerSection: () => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .each($element => {
-                cy.wrap($element)
-                    .should('not.have.class', 'isActiveForDrop');
-            });
-    },
-
-    verifyInactiveStateOfAllStemResponseAreasInPreviewTab: () => {
-        listMatchingPage.previewTabStemResponseArea()
-            .each($element => {
-                cy.wrap($element)
-                    .should('not.have.class', 'isActiveForDrop');
-            });
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Verify inactive state of stem response area in set correct answer section
-     */
-    verifyInactiveStateOfStemResponseAreaInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('not.have.class', 'isActiveForDrop');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Verify inactive state of stem response area in preview tab
-     */
-    verifyInactiveStateOfStemResponseAreaInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('not.have.class', 'isActiveForDrop');
-    },
-
-    verifyActiveStateOfAllStemResponseAreasInSetCorrectAnswerSection: () => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .each($element => {
-                cy.wrap($element)
-                    .should('have.class', 'isActiveForDrop');
-            });
-    },
-
-    verifyActiveStateOfAllStemResponseAreasInPreviewTab: () => {
-        listMatchingPage.previewTabStemResponseArea()
-            .each($element => {
-                cy.wrap($element)
-                    .should('have.class', 'isActiveForDrop');
-            });
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Verify active state of stem response area in set correct answer section
-     */
-    verifyActiveStateOfStemResponseAreaInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isActiveForDrop');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Verify active state of stem response area in preview tab
-     */
-    verifyActiveStateOfStemResponseAreaInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isActiveForDrop');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Verify inactive state of filled stem response area in set correct answer section
-     */
-    verifyInactiveStateOfFilledStemResponseAreaInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('not.have.class', 'isActiveForDrop');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Verify inactive state of filled stem response area in preview tab
-     */
-    verifyInactiveStateOfFilledStemResponseAreaInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('not.have.class', 'isActiveForDrop');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Verify drag handle is not visible in filled stem response area in set correct answer section
-     */
-    verifyDragHandleNotVisibleInFilledResponseAreaInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .within(() => {
-                listMatchingPage.draggableOptionDragIcon()
-                    .should('not.exist');
-            })
-    },
-
-    /**
-    * @param {number} groupIndex Index of group of options in set correct answer section
-    * @param {string} groupTitle Title of group of options in set correct answer section
-    * @param {string[]} OptionsArray Array of options displayed in the group of options in set correct answer section
-    * @description Verify group of options displayed in set correct answer section
-    */
-    verifyGroupedResponseOptionsInSetCorrectAnswerSection: (groupIndex, groupTitle, OptionsArray) => {
-        listMatchingPage.setCorrectAnswerSectionGroupedResponseTitle()
-            .eq(groupIndex)
-            .verifyInnerText(groupTitle)
-        listMatchingPage.setCorrectAnswerSectionGroupedResponseContainer()
-            .eq(groupIndex)
-            .within(() => {
-                OptionsArray.forEach((optionText, optionIndex) => {
-                    listMatchingPage.draggableOption()
-                        .eq(optionIndex)
-                        .should('have.text', optionText)
-                        .and('be.visible');
-                });
-            });
-    },
-
-    /**
-    * @param {number} groupIndex Index of group of options in preview tab
-    * @param {string} groupTitle Title of group of options in preview tab
-    * @param {string[]} OptionsArray Array of options displayed in the group of options in preview tab
-    * @description Verify group of options displayed preview tab
-    */
-    verifyGroupedResponseOptionsInPreviewTab: (groupIndex, groupTitle, OptionsArray) => {
-        listMatchingPage.previewTabGroupedResponseTitle()
-            .eq(groupIndex)
-            .verifyInnerText(groupTitle)
-        listMatchingPage.previewTabGroupedResponseContainer()
-            .eq(groupIndex)
-            .within(() => {
-                OptionsArray.forEach((optionText, optionIndex) => {
-                    listMatchingPage.draggableOption()
-                        .eq(optionIndex)
-                        .should('have.text', optionText)
-                        .and('be.visible');
-                });
-            });
-    },
-
-    /**
-    * @param {number} index Index of points input field
-    * @description Verify points input is enabled
-    */
-    verifyPointsInputFieldIsEnabled: (index) => {
-        listMatchingPage.pointsInputField()
-            .eq(index)
-            .should('be.enabled');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Verify drag handle is not visible in filled stem response area in preview tab
-     */
-    verifyDragHandleNotVisibleInFilledResponseAreaInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .within(() => {
-                listMatchingPage.draggableOptionDragIcon()
-                    .should('not.exist');
-            });
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Select response area by clicking on it
-     */
-    clickOnResponseAreaInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .click();
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Select response area by clicking on it
-     */
-    clickOnResponseAreaInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .click();
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Verify errored state of empty stem response area in set correct answer section
-     */
-    verifyErroredStateOfEmptyResponseFieldInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isEmpty')
-            .and('have.class', 'error');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Verify errored state of empty stem response area in preview tab
-     */
-    verifyErroredStateOfEmptyResponseFieldInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('have.class', 'isEmpty')
-            .and('have.class', 'error');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in set correct answer section
-     * @description Verify non-errored state of filled stem response area in set correct answer section
-     */
-    verifyNonErroredStateOfFilledResponseFieldInSetCorrectAnswerSection: (responseAreaIndex) => {
-        listMatchingPage.setCorrectAnswerStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('not.have.class', 'isEmpty')
-            .and('not.have.class', 'error');
-    },
-
-    /**
-     * @param {number} responseAreaIndex Index of the stem response area in preview tab
-     * @description Verify non-errored state of filled stem response area in preview tab
-     */
-    verifyNonErroredStateOfFilledResponseFieldInPreviewTab: (responseAreaIndex) => {
-        listMatchingPage.previewTabStemResponseArea()
-            .eq(responseAreaIndex)
-            .should('not.have.class', 'isEmpty')
-            .and('not.have.class', 'error');
-    },
-
-    verifyPleaseSetACorrectAnswerErrorMessage: () => {
-        commonComponents.errorMessage()
-            .verifyInnerText('Error: Please set a correct answer.')
-            .should('be.visible');
-    },
-
-    /**
-    * @param {string[]} responseTextArray Array of text in option input field
-    * @description Verify text present in options input fields
-    */
-    verifyOptionInputFieldContentsInOptionsSection: (responseTextArray) => {
-        listMatchingPage.responseOptionsSectionWrapper()
-            .within(() => {
-                responseTextArray.forEach((responseFieldText, optionIndex) => {
-                    optionsWrapperComponent.optionsInputField()
-                        .eq(optionIndex)
-                        .should('have.text', responseFieldText);
-                    optionsWrapperComponent.optionNumeration()
-                        .eq(optionIndex)
-                        .should('have.text', optionIndex + 1);
-                });
-                optionsWrapperComponent.optionsInputField()
-                    .should('have.length', responseTextArray.length);
-            });
-    },
-
-    verifyDisabledStateOfOptionDeleteButton: () => {    //Added this function separately as common function does not work for list matching due to similar DOM structure for stem and option fields
-        listMatchingPage.responseOptionsSectionWrapper()
-            .within(() => {
-                optionsWrapperComponent.deleteOptionButton()
-                    .each(($element) => {
-                        cy.wrap($element)
-                            .should('be.disabled');
-                    });
-            });
-    },
-
-    verifyOptionsForDragAndDropContentsInSetCorrectAnswerSection: () => {   //Added this as function in line no. 766 does not work for list matching due to similar DOM structure for stem and option fields
-        listMatchingPage.responseOptionsSectionWrapper()
-            .within(() => {
-                draggableOptionContainer.steps.verifyDraggableOptionInOptionsContainerSpecifyCorrectAnswerSection();
-            });
-    },
-
-    /**
-     * Verifies the numeration of response area in the question preview.
-     * @param {Array<string>} numerationArray - An array of expected numeration values for response areas.
-     * @returns {void}
-     */
-    verifyNumerationOfResponseAreasInQuestionPreview: (numerationArray) => {
-        numerationArray.forEach((option, count) => {
-            utilities.verifyTextContent(listMatchingPage.responseAreaNumeration().eq(count), option);
-            utilities.verifyElementVisibilityState(listMatchingPage.responseAreaNumeration().eq(count), 'visible');
-        });
-    },
-
-    /**
-     * Verifies the numeration of correct answer container.
-     * @param {Array<string>} numerationArray - An array of expected numeration values for response areas.
-     * @returns {void}
-     */
-    verifyCorrectAnswerContainerNumeration: (numerationArray) => {
-        numerationArray.forEach((option, count) => {
-            utilities.verifyTextContent(listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper().eq(count), option);
-            utilities.verifyElementVisibilityState(listMatchingPage.previewTabCorrectAnswerResponseNumerationWrapper().eq(count), 'visible');
-        });
-    },
-
-    clickOnResponseOptionPlacementDropdown: () => {
-        listMatchingPage.responseOptionPlacementDropdown()
-            .click();
-    },
-
-    /**
-     * @param {string[]} optionsArray 
-     * @description Verify response options placement dropdown list
-     */
-    verifyResponseOptionPlacementDropdownOptions: (optionsArray) => {
-        listMatchingPage.responseOptionPlacementDropdownListOption()
-            .each(($el, index) => {
-                cy.wrap($el)
-                    .should('have.text', optionsArray[index]);
-            });
-    },
-
-    /**
-     * Selects an option from the response option placement dropdown list.
-     * @param {string} dropdownOption - The option to select from the dropdown list ('Bottom', 'Top', 'Left', or 'Right')
-     * @returns {void}
-     */
-    selectResponseOptionPlacementDropdownOption: (dropdownOption) => {
-        listMatchingPage.responseOptionPlacementDropdownListOption(dropdownOption)
-            .click();
-    },
-
-    /**
-     * Verifies the placement option of a response option in the preview tab.
-     * @param {string} placementOption - The placement option to verify ('Bottom', 'Top', 'Left', or 'Right').
-     * @throws {Error} Throws an error if an invalid placement option is provided.
-     */
-    verifyResponseOptionPlacementPreviewTab: (placementOption) => {
-        switch (placementOption) {
-            case 'Bottom':
-                listMatchingPage.questionPreviewWrapper()
-                    .should('have.class', 'placement-bottom');
-                break;
-            case 'Top':
-                listMatchingPage.questionPreviewWrapper()
-                    .should('have.class', 'placement-top');
-                break;
-            case 'Left':
-                listMatchingPage.questionPreviewWrapper()
-                    .should('have.class', 'placement-left');
-                break;
-            case 'Right':
-                listMatchingPage.questionPreviewWrapper()
-                    .should('have.class', 'placement-right');
-                break;
-            default:
-                throw new Error('Invalid placement option');
-        }
-    },
-
-    /**
-     * Verifies the value of the stem column header input field.
-     * @param {string} stemHeader - The expected input field value to compare against.
-     * @returns {void}
-     */
-    verifyStemColumnHeaderInputFieldValue: (stemHeader) => {
-        listMatchingPage.stemColumnHeaderInputField()
-            .should('have.attr', 'value', stemHeader)
-    },
-
-    /**
-     * Enters text into the stem column header input field.
-     * @param {string} text - The text to be entered into the stem column header input field.
-     * @returns {void}
-     */
-    enterTextInStemColumnHeaderInputField: (text) => {
-        listMatchingPage.stemColumnHeaderInputField()
-            .type(text, { delay: 0 })
-            .blur();
-    },
-
-    clearTextInStemColumnHeaderInputField: () => {
-        listMatchingPage.stemColumnHeaderInputField()
-            .clear();
-    },
-
-    /**
-     * Verifies the value of the response column header input field.
-     * @param {string} responseHeader - The expected input field value to compare against.
-     * @returns {void}
-     */
-    verifyResponseColumnHeaderInputFieldValue: (responseHeader) => {
-        listMatchingPage.ResponseColumnHeaderInputField()
-            .should('have.attr', 'value', responseHeader)
-    },
-
-    /**
-     * Enters text into the stem column header input field.
-     * @param {string} text - The text to be entered into the stem column header input field.
-     * @returns {void}
-     */
-    enterTextInResponseColumnHeaderInputField: (text) => {
-        listMatchingPage.ResponseColumnHeaderInputField()
-            .type(text, { delay: 0 })
-            .blur();
-    },
-
-    clearTextInResponseColumnHeaderInputField: () => {
-        listMatchingPage.ResponseColumnHeaderInputField()
-            .clear();
-    },
-
-    verifyStemFieldErrorMessage: () => {
-        listMatchingPage.stemWrapper()
-            .each(($element) => {
-                cy.wrap($element)
-                    .within(() => {
-                        utilities.verifyTextContent(listMatchingPage.errorMessage(), 'Error: Stem is required.');
-                    });
-            });
-    },
-
-    verifyOptionFieldErrorMessage: () => {
-        listMatchingPage.optionWrapper()
-            .each(($element) => {
-                cy.wrap($element)
-                    .within(() => {
-                        utilities.verifyTextContent(listMatchingPage.errorMessage(), 'Error: Option is required.');
-                    });
-            });
-    },
-
-    verifySetCorrectAnswerErrorMessage: () => {
-        listMatchingPage.setCorrectAnswerStemRow()
-            .eq(0)
-            .parents('.cloze-with-text-response-form-controls-wrapper')
-            .within(() => {
-                utilities.verifyTextContent(listMatchingPage.errorMessage(), 'Error: Please set a correct answer.');
-            });
-    }
-}
-
-const tests = {
-    ...createQuestionBasePage.tests,
-    ...questionInstructionsComponent.tests,
-    ...autoScoredScoringSection.tests,
-    ...autoScoredScoringSectionMultipleResponsesType.tests,
-    ...autoScoredSetCorrectAnswerSection.tests,
-    ...scoringSectionBase.tests,
-    ...previewScoringAndShowCorrectAnswerComponent.tests,
-    ...draggableOptionContainer.tests,
-    ...commonComponents.tests,
-    ...additionalSettingsPanel.tests,
-    ...studentResponseAndLayoutComponent.tests,
-    ...answerNumerationComponent.tests,
-    ...autoScoredAdditionalSettings.tests,
-
-    verifyDefaultStemFieldsAndResponseAreasInSetCorrectAnswerSection: () => {
-        it('Three stem fields and three empty response areas should be displayed in the set correct answer section', () => {
-            listMatchingPage.setCorrectAnswerStemRow()
-                .should('have.length', '3')
-                .each(($element) => {
-                    cy.wrap($element)
-                        .within(() => {
-                            listMatchingPage.setCorrectAnswerStemField()
-                                .should('be.visible')
-                                .verifyInnerText('');
-                            listMatchingPage.setCorrectAnswerStemResponseArea()
-                                .should('be.visible')
-                                .verifyInnerText('');
-                        });
-                });
-        });
-    },
-
-    verifyDragToReorderTooltipInOptionsSection: () => {
-        it('When the user hovers over the drag handle of the options then \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    commonComponents.dragHandleButton()
-                        .trigger('mouseover');
-                });
-            commonComponents.tooltipText()
-                .should('be.visible')
-                .verifyInnerText('Drag to reorder');
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    commonComponents.dragHandleButton()
-                        .trigger('mouseout');
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-
-        it('CSS of drag handle tooltip', { tags: 'css' }, () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.dragHandleButton()
-                        .trigger('mouseover');
-                });
-            listMatchingPage.tooltipText()
-                .should('be.visible')
-                .verifyCSS(css.color.whiteText, css.fontSize.small, css.fontWeight.regular);
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.dragHandleButton()
-                        .trigger('mouseout');
-                });
-            listMatchingPage.tooltipText()
-                .should('not.exist');
-        });
-
-        it('Accessibility of drag handle tooltip', { tags: 'a11y' }, () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.dragHandleButton()
-                        .trigger('mouseover');
-                });
-            listMatchingPage.tooltipText()
-                .should('be.visible');
-            cy.checkAccessibility(listMatchingPage.tooltipText());
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.dragHandleButton()
-                        .trigger('mouseout');
-                });
-            listMatchingPage.tooltipText()
-                .should('not.exist');
-        });
-    },
-
-    verifyToolTipForDisabledDeleteOptionButton: () => {
-        it('When the user hovers over the disabled delete buttons of the options then \'Minimum two options are required\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the delete button', () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseover', { force: true });
-                });
-            commonComponents.tooltipText()
-                .verifyInnerText('Minimum two options are required');
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseout', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-
-        it('CSS of disabled delete button tooltip', { tags: 'css' }, () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseover', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('be.visible')
-                .verifyCSS(css.color.whiteText, css.fontSize.small, css.fontWeight.regular);
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseout', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-
-        it('Accessibility of disabled delete button tooltip', { tags: 'a11y' }, () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseover', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('be.visible');
-            cy.checkAccessibility(commonComponents.tooltipText());
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseout', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-    },
-
-    verifyToolTipForEnabledDeleteOptionButton: () => {
-        it('when the user hovers over the enabled \'Delete\' icon buttons, then \'Delete option\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    cy.log('Pre step: Focusing out of the newly added option input field')
-                    optionsWrapperComponent.optionsInputField()
-                        .eq(2)
-                        .blur();
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseover', { force: true });
-                });
-            commonComponents.tooltipText()
-                .verifyInnerText('Delete option');
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseout', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-
-        it('CSS of enabled delete button tooltip', { tags: 'css' }, () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseover', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('be.visible')
-                .verifyCSS(css.color.whiteText, css.fontSize.small, css.fontWeight.regular);
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseout', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-
-        it('Accessibility of enabled delete button tooltip', { tags: 'a11y' }, () => {
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseover', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('be.visible');
-            cy.checkAccessibility(commonComponents.tooltipText());
-            listMatchingPage.optionWrapper()
-                .eq(0)
-                .within(() => {
-                    listMatchingPage.deleteOptionButton()
-                        .trigger('mouseout', { force: true });
-                });
-            commonComponents.tooltipText()
-                .should('not.exist');
-        });
-    },
-
-    verifyAutoScoredPartialEqualWeightsScoringEditTabContents: () => {
-        it('User should be able to select \'Partial - equal weights\' scoring type', () => {
-            listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
-        });
-
-        it('When the Points input field is empty and the user has switched to \'Partial - equal weights\' scoring, then \'Points per response\' label should be displayed and a \'-\' should be displayed besides each response, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and \'Round down score\' label and checkbox should be displayed and by default it should be checked', () => {
-            listMatchingPage.steps.verifyDefaultPointsLabelAndInputField();
-            listMatchingPage.steps.verifyPointsPerResponseLabel();
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore('-');
-            listMatchingPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
-            listMatchingPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField();
-            listMatchingPage.steps.verifyDefaultRoundDownScoreCheckboxCheckedAndLabel();
-        });
-    },
-
-    verifyAutoScoredPartialEqualWeightsScoringEditTabFunctionality: () => {
-        it('When user gives a score input to \'Points\' input field, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
-            listMatchingPage.steps.allotPoints(6)
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2);
-        });
-
-        it('When user adds a stem, one more stem and its response area should be displayed in the set correct answer section and points per response score should be updated accordingly', () => {
-            cy.log('Pre-step: Adding a response token to question field')
-            steps.addStem()
-            listMatchingPage.setCorrectAnswerStemRow()
-                .should('have.length', '4');
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(1.5)
-        });
-
-        it('When user removes a stem, then the points per response score should be updated accordingly', () => {
-            listMatchingPage.steps.deleteStem(0);
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(2)
-        });
-
-        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
-            listMatchingPage.steps.allotPenaltyPoints(1);
-            listMatchingPage.steps.allotMinimumScoreAwardedIfAttempted(1);
-        });
-
-        it('CSS of \'Points per response\' label and its displayed score, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
-            listMatchingPage.pointsPerResponseLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.partialEqualWeightsPointsPerResponseScore()
-                .verifyCSS(css.color.text, css.fontSize.default, css.fontWeight.regular);
-            listMatchingPage.penaltyPointsLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.minimumScoreIfAttemptedLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.rounddownScoreCheckboxLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-        });
-
-        it('Accessibility of \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input field and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listMatchingPage.penaltyPointsInputField());
-            cy.checkAccessibility(listMatchingPage.minimumScoreIfAttemptedInputField());
-            cy.checkAccessibility(listMatchingPage.rounddownScoreCheckbox());
-        });
-
-        it('When the user switches to \'All or nothing\' scoring, the \'Points per response\' label and the points displayed for individual responses should not be displayed, \'Minimum score awarded(If attempted)\' and \'Penalty points\' input fields should not be displayed and the points displayed in \'Points\' input field should remain unchanged', () => {
-            listMatchingPage.steps.selectAllOrNothingCheckbox();
-            listMatchingPage.pointsPerResponseLabel()
-                .should('not.exist');
-            listMatchingPage.partialEqualWeightsPointsPerResponseScore()
-                .should('not.exist');
-            listMatchingPage.steps.verifyPointsFieldValue(6);
-        });
-
-        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial equal weights\' scoring type, then the score should be equally divided and displayed besides each response under the \'Points per response\' label', () => {
-            listMatchingPage.steps.allotPoints(9)
-            listMatchingPage.steps.selectPartialEqualWeightsCheckbox();
-            listMatchingPage.steps.verifyPartialEqualWeightsPointsPerResponseScore(3);
-        });
-    },
-
-    verifyAutoScoredPartialDifferentWeightsScoringEditTabContents: () => {
-        it('User should be able to select \'Partial - different weights\' scoring', () => {
-            listMatchingPage.steps.selectPartialDifferentWeightsCheckbox();
-        });
-
-        it('When the user has switched to \'Partial - different weights\' scoring, then \'Points per response\' label should be displayed and a points input field should be displayed besides each response option, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' labels and input fields should be displayed and \'Round down score\' checkbox should be displayed and by default it should be checked', () => {
-            listMatchingPage.steps.verifyPointsPerResponseLabel();
-            listMatchingPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsEmpty();
-            listMatchingPage.steps.verifyDefaultPenaltyPointsInputFieldAndLabel();
-            listMatchingPage.steps.verifyDefaultMinimumScoreIfAttemptedLabelAndPointsField();
-            listMatchingPage.steps.verifyDefaultRoundDownScoreCheckboxCheckedAndLabel();
-        });
-
-        it('When the user has not set any answer in the response, then the \'Points per response\' input field should be disabled', () => {
-            listMatchingPage.steps.verifyPartialDifferentWeightsPointsInputFieldIsDisabled();
-        });
-    },
-
-    verifyAutoScoredPartialDifferentWeightsScoringEditTabFunctionality: () => {
-        it('When user adds an answer in the stem response area then the \'Points per response\' input field should be enabled', () => {
-            for (let i = 0; i < optionsForThreeResponses.length; i++) {
-                listMatchingPage.steps.clickAndDropOptionInStemResponseAreaInSetCorrectAnswerSection(optionsForThreeResponses[i], i);
-                listMatchingPage.steps.verifyPointsInputFieldIsEnabled(i);
-            }
-        });
-
-        it('User should be able to give a score input to \'Points per response\' input fields', () => {
-            listMatchingPage.steps.addPartialDifferentWeightsPoints([2.3, 3.4, 4.5]);
-        });
-
-        it('User should be able to enter points in \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields', () => {
-            listMatchingPage.steps.allotPenaltyPoints(1);
-            listMatchingPage.steps.allotMinimumScoreAwardedIfAttempted(1);
-        });
-
-        it('CSS of \'Points per response\' label, \'Penalty Points\' and \'Minimum score awarded (if attempted)\' and \'Round down score\' checkbox', { tags: 'css' }, () => {
-            listMatchingPage.pointsPerResponseLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.penaltyPointsLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.minimumScoreIfAttemptedLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semibold);
-            listMatchingPage.rounddownScoreCheckboxLabel()
-                .verifyCSS(css.color.labels, css.fontSize.normal, css.fontWeight.semiboldF);
-        });
-
-        it('Accessibility of \'Points per response\', \'Penalty Points\' and \'Minimum score awarded (if attempted)\' input fields and \'Round down score\' checkbox', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(listMatchingPage.pointsInputField());
-            cy.checkAccessibility(listMatchingPage.minimumScoreIfAttemptedInputField());
-            cy.checkAccessibility(listMatchingPage.rounddownScoreCheckbox());
-        });
-
-        it('When the user switches to \'All or nothing\' scoring, the points added for individual responses in Partial - different weights scoring should get summed up in the All or nothing scoring Points input field and \'Minimum score awarded(If attempted)\' and \'Penalty points\' input fields should not be displayed', () => {
-            listMatchingPage.steps.selectAllOrNothingCheckbox();
-            listMatchingPage.steps.verifyPointsFieldValue(10.2);
-            listMatchingPage.pointsPerResponseLabel()
-                .should('not.exist');
-            listMatchingPage.partialEqualWeightsPointsPerResponseScore()
-                .should('not.exist');
-        });
-
-        it('When user has entered points in \'All or nothing\' scoring type and switches to \'Partial different weights\' scoring type, then the points allocated should get equally divided between each correct response', () => {
-            listMatchingPage.steps.allotPoints(9);
-            listMatchingPage.steps.selectPartialDifferentWeightsCheckbox();
-            listMatchingPage.steps.verifyPartialDifferentWeightsPointsInputFieldValue([3, 3, 3]);
-        });
-    },
-
-    verifyOptionsInAlternateTab: () => {
-        it('The draggable options set by the user should also be displayed in the option container of the alternate tab in the \'Set correct answer\' section', () => {
-            listMatchingPage.steps.verifyOptionsInSetCorrectAnswerSection(optionsForThreeResponses);
-        });
-    }
-}
-
-export const listMatchingPage = {
-    ...selectors,
-    steps,
-    tests
-}