itemengine-cypress-automation 1.0.373 → 1.0.374-IEI-5793-ffd832f.0

package/cypress/pages/desmosGeometryPage.js

@@ -1,5 +1,5 @@
 import utilities from "../support/helpers/utilities";
-import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent } from "./components";
+import { commonComponents, createQuestionBasePage, questionInstructionsComponent, additionalSettingsPanel, scoringSectionBaseEditTab, additionalSettingsAccessibilitySectionComponent, studentViewSettingsLabelComponent, hideExpressionListComponent, toolSettingsComponent } from "./components";
 import { desmosToolComponent } from "./components/desmosToolComponent";
 const css = Cypress.env('css');
 
@@ -10,7 +10,7 @@ const selectors = {
     ...additionalSettingsPanel,
     ...questionInstructionsComponent,
     desmosGraphingTool: () => cy.get('[id*="desmos-graph-tool"]'),
-    desmosGraphingToolExpressionPanel: () => cy.get('[id*="desmos-graph-tool"] .dcg-exppanel-container.dcg-add-shadow'),
+    desmosGraphingToolExpressionPanel: () => cy.get('.dcg-exppanel-container'),
     studentViewSettingsLabel: () => cy.get('[class*="StudentViewWrapper"]'),
     hideExpressionListLabel: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] .MuiFormControlLabel-label'),
     hideExpressionListCheckbox: () => cy.get('[data-ngie-testid="hide-expression-list-checkbox"] input'),
@@ -36,6 +36,18 @@ const selectors = {
     errorMessage: () => cy.get('.error-text-message'),
     resourceLinkPreviewTitle: () => cy.get('[class*="DesmosGraphingstyles__ResourceLinkPreviewLabel"]'),
     desmosComponent: () => cy.get('[class*="DesmosGraphingstyles__DesmosComponentWrapper"]'),
+    desmosComponentGradingView: () => cy.get('[class*="DesmosGraphingPreviewstyles__DesmosWrapper"]'),
+    widthLabel: () => cy.get('[class*="StudentViewSettingsstyles__LabelInputWrapper"]').eq(0),
+    heightLabel: () => cy.get('[class*="StudentViewSettingsstyles__LabelInputWrapper"]').eq(1),
+    lockUnlockAspectRatioButton: () => cy.get('[class*="StudentViewSettingsstyles__LockIconWrapper"] button'),
+    resetButton: () => cy.get('[class*="StudentViewSettingsstyles__ResetIconWrapper"] button'),
+    desmosResourceCanvasEditTab: () => cy.get('[id*="desmos-geometry-tool"]'),
+    desmosResourceCanvasPreviewTab: () => cy.get('[class*="DesmosGraphingPreviewstyles__DesmosPreview"]'),
+    widthInputField: () => cy.get('[class*="StudentViewSettingsstyles__DimensionWrapper"] .text-input-field input').eq(0),
+    heightInputField: () => cy.get('[class*="StudentViewSettingsstyles__DimensionWrapper"] .text-input-field input').eq(1),
+    addIconDesmos: () => cy.get('.dcg-add-expression-container .dcg-icon-plus'),
+    expressionInputField: () => cy.get('.dcg-action-newmath'),
+    editIconPencil: () => cy.get('.icon-pencil'),
 }
 
 const steps = {
@@ -45,6 +57,7 @@ const steps = {
     ...additionalSettingsPanel.steps,
     ...questionInstructionsComponent.steps,
     ...commonComponents.steps,
+    ...toolSettingsComponent.steps,
     verifyHideExpressionListCheckboxUnchecked: () => {
         desmosGeometryPage.hideExpressionListCheckbox()
             .should('not.be.checked');
@@ -262,10 +275,162 @@ const steps = {
     },
     clearInputToInsertResourceLinkInputField: () => {
         desmosGeometryPage.insertResourceLinkInputField()
-            .clear();
+            .click()
+        desmosGeometryPage.insertResourceLinkInputField()
+            .type('{selectall}{backspace}')
         cy.get('body')
             .click();
     },
+    verifyLockedStateOfLockUnlockAspectRatioButton: () => {
+        desmosGeometryPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Locked aspect ratio');
+    },
+    verifyUnlockedStateOfLockUnlockAspectRatioButton: () => {
+        desmosGeometryPage.lockUnlockAspectRatioButton()
+            .should('have.attr', 'aria-label', 'Unlocked aspect ratio');
+    },
+    /**
+     * @description add input to width input field
+     * @param {number} width Width to be set for geoGebra resource
+     */
+    addInputToWidthInputField: (width) => {
+        desmosGeometryPage.widthInputField()
+            .clear()
+            .type(width)
+            .blur();
+        utilities.verifyInputFieldValue(desmosGeometryPage.widthInputField(), width);
+    },
+    /**
+     * @description add input to height input field
+     * @param {number} height Height to be set for geoGebra resource
+     */
+    addInputToHeightInputField: (height) => {
+        desmosGeometryPage.heightInputField()
+            .clear()
+            .type(height)
+            .blur();
+        utilities.verifyInputFieldValue(desmosGeometryPage.heightInputField(), height);
+    },
+    /**
+     * Verify width of geoGebra resource canvas in edit tab
+     * @param {number} width Width of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasWidthEditTab: (width) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasEditTab(), {
+            'width': `${width}px`
+        });
+    },
+    /**
+     * Verify height of geoGebra resource canvas in edit tab
+     * @param {number} height Height of geoGebra resource canvas in edit tab
+     */
+    verifyCanvasHeightEditTab: (height) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasEditTab(), {
+            'height': `${height}px`
+        });
+    },
+    clickOnResetButton: () => {
+        desmosGeometryPage.resetButton()
+            .click();
+    },
+    clickOnLockUnlockAspectRatioButton: () => {
+        desmosGeometryPage.lockUnlockAspectRatioButton()
+            .click();
+    },
+    /**
+ * Verify width of geoGebra resource canvas in preview tab
+ * @param {number} width Width of geoGebra resource canvas in preview tab
+ */
+    verifyCanvasWidthPreviewTab: (width) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasPreviewTab(), {
+            'width': `${width}px`
+        });
+    },
+    /**
+ * Verify height of geoGebra resource canvas in preview tab
+ * @param {number} height Height of geoGebra resource canvas in preview tab
+ */
+    verifyCanvasHeightPreviewTab: (height) => {
+        utilities.verifyCSS(desmosGeometryPage.desmosResourceCanvasPreviewTab(), {
+            'height': `${height}px`
+        });
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function updates width in input field
+         */
+    updateWidth: (width) => {
+        desmosGeometryPage.widthInputField()
+            .clear()
+            .type(width);
+    },
+    /**
+         * @param {number} width holds value of width attribute
+         * @description function verifies width in input field
+         */
+    verifyWidth: (width) => {
+        desmosGeometryPage.widthInputField()
+            .should('have.value', width);
+    },
+    /**
+         * @param {number} height holds value of height attribute
+         * @description function updates height in input field
+         */
+    updateHeight: (height) => {
+        desmosGeometryPage.heightInputField()
+            .clear()
+            .type(height);
+    },
+    /**
+         * @param {number} height holds value of height attribute
+         * @description function verifies height in input field
+         */
+    verifyHeight: (height) => {
+        desmosGeometryPage.heightInputField()
+            .should('have.value', height);
+    },
+    /**
+ * @description Types a mathematical expression in the Desmos expression input field
+ * @param {string} expression The mathematical expression to type
+ */
+    typeExpression: (expression) => {
+        desmosGeometryPage.expressionInputField()
+            .click();
+        desmosGeometryPage.expressionInputField()
+            .type(expression);
+    },
+    /**
+    * @description Verifies that the specified expression is not present in the Desmos expression field
+    * @param {string} expression The expression that should not be present
+    */
+    verifyExpressionNotPresent: (expression) => {
+        desmosGeometryPage.expressionInputField()
+            .should('not.contain', expression);
+    },
+    editQuestionItemView: () => {
+        desmosGeometryPage.editIconPencil()
+            .click();
+    },
+    verifyFontSizeDropdown: (fontSize) => {
+        desmosGeometryPage.fontSizeDropdown()
+            .should('have.text', fontSize);
+    },
+    verifyTeacherGuidelinesInputField: (text) => {
+        desmosGeometryPage.additionalSettingsTeacherGuidelinesInputField()
+            .should('have.text', text);
+    },
+    verifySampleAnswerInputField: (text) => {
+        desmosGeometryPage.additionalSettingsSampleAnswerInputField()
+            .should('have.text', text);
+    },
+    verifyAcknowledgementsInputField: (text) => {
+        desmosGeometryPage.additionalSettingsAcknowledgementsInputField()
+            .should('have.text', text);
+    },
+    verifyFlagThisItemNonAccessibleCheckboxIsChecked: () => {
+        desmosGeometryPage.flagNonAccessibleCheckbox()
+            .should('be.checked');
+    },
 }
 
 const tests = {
@@ -285,7 +450,7 @@ const tests = {
             utilities.verifyElementVisibilityState(desmosToolComponent.previewTabDesmosToolKeypadButton(), 'exist');
         });
     },
-    
+
     verifyErrorMessageCSSAndA11y: () => {
         it('CSS of error message', { tags: 'css' }, () => {
             utilities.verifyCSS(desmosGeometryPage.errorMessage(), {
@@ -298,6 +463,21 @@ const tests = {
         it('Accessibility of error message', { tags: 'a11y' }, () => {
             cy.checkAccessibility(commonComponents.nextGenCreateItemWrapper());
         });
+    },
+
+    verifyQuestionInstructionsInputFieldPreviewTab: () => {
+        it('When user has not entered any text in the Question instructions input field in the \'Edit\' tab then nothing should be displayed in the \'Preview\' tab', () => {
+            createQuestionBasePage.steps.switchToPreviewTab();
+            //Failing due to https://redmine.zeuslearning.com/issues/553382
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsText(), '')
+        });
+
+        it('When the user specifies question instructions, then the added question instructions should be displayed in the \'Preview\' tab', () => {
+            createQuestionBasePage.steps.switchToEditTab();
+            questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+            createQuestionBasePage.steps.switchToPreviewTab();
+            utilities.verifyTextContent(questionInstructionsComponent.questionInstructionsTextPreviewTab(), 'Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+        });
     }
 }
 

package/cypress/pages/drawingResponsePage.js

@@ -265,6 +265,8 @@ const steps = {
     selectPreviewTabToolbarOption: (arialabel) => {
         drawingResponsePage.previewTabDrawingToolbarOption(arialabel)
             .click();
+        drawingResponsePage.previewTabDrawingToolbarOption(arialabel)
+            .should('have.class', 'drawing-tool__button--active');
     },
 
     /**

package/cypress/pages/gradingGridViewPage.js

@@ -0,0 +1,64 @@
+import utilities from "../support/helpers/utilities";
+import { verifyIeQuestionData } from "../support/migrationHelpers/verifyIeQuestionData";
+
+const selectors = {
+    sessionIdField: () => cy.get('[data-testid="SessionId"]'),
+    responseIdField: () => cy.get('[data-testid="ResponseId"]'),
+    itemIdField: () => cy.get('[data-testid="ItemId"]'),
+    studentIdField: () => cy.get('[data-testid="StudentId"]'),
+    launchGradingButton: () => cy.get('[data-testid="launchGrading"]'),
+    getGradingViewContainer: (sessionId, itemId, questionNo) =>
+        cy.get(`[data-reference="${sessionId}"] [data-reference="${itemId}_${sessionId}"] [class*="GradingViewstyles__SingleQuestionContainer"]`)
+        .eq(questionNo),
+    getGradingViewforResponseId: (responseId) =>
+        cy.get(`[data-reference="${responseId}"]`),
+    getQuestionInstruction: () => cy.get('[data-testid = "question-instruction-element"]').eq(0),
+    getAnswerStatus: () => cy.get('[class*="indexstyle__AnswerTextWrapper"]'),
+};
+
+const steps = {
+    /**
+     * Adds session data and launches the grading view.
+     *
+     * @param {Object} params - Parameters for session setup and grading.
+     * @param {Array<string>} params.studentIds - Array of studentIds to be graded.
+     * @param {Array<string>} params.sessionIds  - Array of sessionIds to be graded.
+     * @param {Array<string>} params.itemIds - Array of item IDs involved in the session.
+     * @param {Array<string>} params.responseIds - Array of response IDs corresponding to each student/item.
+     */
+    addSessionDataAndLaunchGrading: ({studentIds = [], sessionIds = [], itemIds = [], responseIds = []}) => {
+        const students = studentIds.join(", ");
+        const sessions = sessionIds.join(", ");
+        const items = itemIds.join(", ");
+        const responses = responseIds.join(", ");
+        sessions && gradingGridViewPage.sessionIdField().clear().type(sessions);
+        students && gradingGridViewPage.studentIdField().clear().type(students);
+        items && gradingGridViewPage.itemIdField().clear().type(items);
+        responses && gradingGridViewPage.responseIdField().clear().type(responses);
+        gradingGridViewPage.launchGradingButton().click();
+    },
+
+    /**
+     * Verifies the session data displayed in the grading view container for a specific question.
+     *
+     * @param {string} sessionId - The unique identifier for the session.
+     * @param {string} itemId - The unique identifier for the item within the session.
+     * @param {number} questionNo - The zero-based index of the question to verify.
+     * @param {string} questionInstruction - The expected instruction text for the question.
+     * @param {string} answerStatus - The expected answer status (e.g., "Answered", "Not Answered").
+     */
+    verifySessionData: (sessionId, itemId, questionNo, questionInstruction, answerStatus) => {
+        gradingGridViewPage.getGradingViewContainer(sessionId, itemId, questionNo)
+            .within(() => {
+                gradingGridViewPage.getQuestionInstruction()
+                    .should('contain.text', questionInstruction);
+                gradingGridViewPage.getAnswerStatus()
+                    .should('contain.text', answerStatus);
+            });
+    },
+};
+
+export const gradingGridViewPage = {
+    ...selectors,
+    steps
+};

package/cypress/pages/graphingPage.js

@@ -1,5 +1,6 @@
 import utilities from "../support/helpers/utilities";
 import { questionInstructionsComponent, createQuestionBasePage, scoringSectionBaseEditTab, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, autoScoredSpecifyCorrectAnswerSection, commonComponents, backgroundImageUploadComponent, imageCanvasComponent, opacityComponent, autoScoredScoringSectionMultiResponseType, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolsAndControlsComponent, resetPopupComponent, defaultToolDropdown } from "./components";
+import { createItemPage } from "./createItemPage";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -262,6 +263,7 @@ const steps = {
     ...toolsAndControlsComponent.steps,
     ...resetPopupComponent.steps,
     ...defaultToolDropdown.steps,
+    ...createItemPage.steps,
 
     //Edit tab
     checkPatternBackground: () => {
@@ -1767,7 +1769,27 @@ const steps = {
     verifyAcceptRepeatedPointsToggleChecked: () => {
         graphingPage.acceptRepeatedPointsToggle()
             .should('have.attr', 'aria-pressed', 'true');
-    }
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        graphingPage.correctIncorrectStatusMessageText()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        graphingPage.correctIncorrectStatusMessageText()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        graphingPage.correctAnswerLabel()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        graphingPage.correctAnswerLabel()
+            .should('not.exist');
+    },
 }
 
 const tests = {
@@ -1806,28 +1828,25 @@ const tests = {
             graphingPage.steps.verifyPointsPlottedOnSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);
         });
 
-        it(`When the user resets the graph in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user resets the graph in the ${accordionName} accordion, error message should not be thrown along with an error icon on the '${accordionName}' accordion`, () => {
             graphingPage.graphControlOptionSpecifyCorrectAnswer('Reset')
                 .click();
             graphingPage.resetPopupConfirmResetButton()
                 .click();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });
 
-        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
-
         it('When the user plots on the graph then the error message should disappear', () => {
             graphingPage.steps.selectGraphToolOptionSpecifyCorrectAnswer('Circle');
             graphingPage.steps.plotPointsOnGraphSpecifyCorrectAnswerSection([{ x: 0, xRange: 20, y: 1, yRange: 20 }, { x: 0, xRange: 20, y: 2, yRange: 20 }]);

package/cypress/pages/gridFillPage.js

@@ -174,7 +174,8 @@ const selectors = {
     correctAnswerLabel: () => cy.get('[class*="GridFillResponsestyles__CorrectAnswerLabel"]'),
     warningMessageContainer: () => cy.get('.disabled-wrapper-cls'),
     warningMessage: () => cy.get('.disabled-wrapper-cls [class*="DisabledTextWrapper"]'),
-    resetButton: () => cy.get('[class*="reset-color-wrapper"] button')
+    resetButton: () => cy.get('[class*="reset-color-wrapper"] button'),
+    scoringTypeLabelPreviewTab: () => cy.get('[class*="ScoringPreviewBandstyles__ScoreWrapper"]'),
 }
 
 const steps = {
@@ -2850,6 +2851,15 @@ const steps = {
         scoringSectionBaseEditTab.pointsInputField()
             .eq(0)
             .should('have.value', points)
+    },
+
+    /**
+    * @param {String} ScoringType - Scoring Type to check label with.
+    * @description - It will check the parameter scoring type string with the scoring type on top left of tab.
+    */
+    checkScoringLabel: (scoringType) => {
+        autoScoredScoringPreviewTab.scoringTypeLabelPreviewTab()
+            .should('have.text', scoringType);
     }
 }
 
@@ -2923,19 +2933,18 @@ const tests = {
             gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
         });
 
-        it(`When user deselect all the cells in the grid in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When user deselect all the cells in the grid in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should not be displayed \'${accordionName}\' accordion`, () => {
             gridFillPage.steps.deselectCellSpecifyCorrectAnswerSection(0, 0);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             };
         });

package/cypress/pages/imageHighlightPage.js

@@ -1349,6 +1349,21 @@ const steps = {
             });
     },
 
+    /**
+     * @param {number} index index of highlight region
+     * @param {string} colorWithOpacity color to be checked in rgba format
+     * @description this function verifiies the border color of highlight regions in specify correct answer section.
+     */
+    verifyEditedBorderOpacityInSpecifyCorrectAnswerSection: (index, colorWithOpacity) => {
+        imageHighlightPage.specifyCorrectAnswerSectionHighlight()
+            .eq(index)
+            .within(() => {
+                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
+                    'stroke': colorWithOpacity
+                });
+            });
+    },
+
     /**
      * @param {number} index index of highlight region
      * @param {string} color color to be checked in rgb/rgba format
@@ -1366,6 +1381,23 @@ const steps = {
                     });
             });
     },
+    /**
+     * @param {number} index index of highlight region
+     * @param {string} colorWithOpacity color to be checked in rgba format
+     * @description this function verifies the border color of highlight regions in preview tab.
+     */
+    verifyEditedBorderOpacityInPreviewtabSection: (index, colorWithOpacity) => {
+        imageHighlightPage.previewTabQuestionWrapper()
+            .within(() => {
+                imageHighlightPage.previewSectionHighlight()
+                    .eq(index)
+                    .within(() => {
+                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
+                            'stroke': colorWithOpacity
+                        });
+                    });
+            });
+    },
 
     verifyBorderStyleButtonsVisible: () => {
         utilities.verifyElementVisibilityState(imageHighlightPage.popupBorderStyleButtons().eq(0), 'visible');

package/cypress/pages/index.js

@@ -54,3 +54,4 @@ export * from './numberLineLabelPage';
 export * from './chartsDotPlotPage';
 export * from './imageHighlightPage';
 export * from './compassPage';
+export * from './gradingGridViewPage';

package/cypress/pages/listOrderingPage.js

@@ -40,6 +40,7 @@ const selectors = {
     questionDropdownBorderPreviewTab: () => cy.get('[class*="ListOrderingResponsestyles__DroppableDiv"]'),
     //grading view and correct answer view
     optionGradingView: () => cy.get('[class*="DraggableItemsWrapper"] [class*="OptionTextWrapper"]'),
+    correctIncorrectStatusMessageText: () => cy.get('[class*="AnswerStatusText"]'),
     optionWrapperGradingView: () => cy.get('[class*="DraggableItemsWrapper"] [class*="OptionsWrapper"]'),
     //Orientation and layout
     orderingLayoutLabel: () => cy.get('.list-ordering-order-layout .options-label'),
@@ -105,6 +106,7 @@ const selectors = {
     optionOrientationSeparateList: () => cy.get('[class*="ClozeWithDragAndDropstyles__DraggableItemsGrid"]'),
     specifyCorrectAnswerSectionMyListLabel: () => cy.get('[class*="ReorderAsSeparatestyles__TitleContainer"]'),
     outerBorderPreviewSeparateList: () => cy.get('[class*="ReorderAsSeparatestyles__ReorderSeparateWrapper"]'),
+    emptyDropzoneList: () => cy.get('[class*="ClozeWithDragAndDropstyles__PlaceHolderDiv"]:not(:has(*))'),
 
     //Style and layout
     optionsLabel: () => cy.get('.draggable-options-label'),
@@ -1488,6 +1490,14 @@ const steps = {
             utilities.verifyInnerText(utilities.getNthElement(listOrderingPage.dropzoneSeperateList().find('[class*="MultipleDroppedItemstyles__FlexWrapper"]'), index), option);
         });
     },
+    /**
+     * Verifies the number of options in the dropzone of order as separate list.
+     * @param {number} expectedCount - The expected number of options in the dropzone.
+     */
+    verifyNumberOfOptionsInDropzoneOrderAsSeperateList: (expectedCount) => {
+        listOrderingPage.dropzoneSeperateList().find('[class*="MultipleDroppedItemstyles__FlexWrapper"]')
+            .should('have.length', expectedCount);
+    },
 
     /**
      * Verifies the order of options in seperate list.
@@ -1532,6 +1542,15 @@ const steps = {
             .click();
     },
 
+    clickAndResetDropOptionSeperateList: (optionsText) => {
+        listOrderingPage.dropzoneSeperateList()
+            .contains(optionsText)
+            .click();
+        listOrderingPage.emptyDropzoneList()
+            .first()
+            .click();
+    },
+
     clickAndUnDropOptionSeperateList: (optionsText) => {
         listOrderingPage.dropzoneSeperateList()
             .contains(optionsText)
@@ -1761,7 +1780,27 @@ const steps = {
         optionsTextArray.forEach((option, optionIndex) => {
             utilities.verifyTextContent(utilities.getNthElement(listOrderingPage.optionsInputFieldInQuestionPreviewTab(), optionIndex * 2), option);
         });
-    }
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        listOrderingPage.correctIncorrectStatusMessageText()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        listOrderingPage.correctIncorrectStatusMessageText()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        listOrderingPage.correctAnswersLabel()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        listOrderingPage.correctAnswersLabel()
+            .should('not.exist');
+    },
 }
 
 const tests = {

package/cypress/pages/matchingPage.js

@@ -194,6 +194,7 @@ const selectors = {
     connectorLineTypeLabel: () => cy.get('[class*="__SubSectionLabel"]').eq(2),
     connectorLine: () => cy.get('[class*="ClozeWithDragAndDropstyles__ShowIconWrapper"]:visible'),
     optionsInputFieldInQuestionPreviewTab: () => cy.get('.draggable-selected-item'),
+    correctAnswerSection: () => cy.get('[class*=CorrectAnswerWrapperDND]'),
 }
 
 const steps = {
@@ -2648,7 +2649,27 @@ const steps = {
         optionsTextArray.forEach((option, optionIndex) => {
             utilities.verifyTextContent(utilities.getNthElement(matchingPage.optionsInputFieldInQuestionPreviewTab(), optionIndex), option);
         });
-    }
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        matchingPage.correctIncorrectAnswerLabel()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        matchingPage.correctIncorrectAnswerLabel()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        matchingPage.correctAnswerSection()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        matchingPage.correctAnswerSection()
+            .should('not.exist');
+    },
 }
 
 const tests = {
@@ -2760,7 +2781,7 @@ const tests = {
                 .eq(inputFieldIndex)
                 .click()
                 .blur();
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('User should be able to enter text in options input field', () => {
@@ -3061,14 +3082,13 @@ const tests = {
             matchingPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection([{ optionText: 'Petals', dropzoneIndex: 0 }]);
         });
 
-        it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion, \'Error: Please set a correct answer.\' error message should be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user has removed all the options from the dropzone in the ${accordionName} accordion,  should not be thrown any error in '${accordionName}' accordion`, () => {
             matchingPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
+            commonComponents.steps.verifyErrorMessageIsNotDisplayed();
             if (accordionName == 'Correct') {
                 autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                     .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
                     });
             } else {
                 autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
@@ -3078,7 +3098,6 @@ const tests = {
             };
         });
 
-        autoScoredSpecifyCorrectAnswerSection.tests.verifyAutoScoredCorrectAnswerErrorMessageCSSAndA11y();
 
         it('CSS of the dropzone border', { tags: 'css' }, () => {
             utilities.verifyCSS(matchingPage.dropzoneSpecifyCorrectAnswerSection().eq(0), {