itemengine-cypress-automation 1.0.382 → 1.0.383-FixesPR3-c328a98.0

package/cypress/pages/imageHighlightPage.js

@@ -1296,9 +1296,16 @@ const steps = {
      * @description this function is used to verify in the selected color block of the color popup
      */
     verifySelectedColorBlock: (color) => {
-        utilities.verifyCSS(imageHighlightPage.selectedColorBlock(), {
-            'background-color': color
-        });
+        imageHighlightPage.selectedColorBlock()
+            .then(($element) => {
+                cy.wrap($element)
+                    .invoke('css', 'background-color')
+                    .then(actualColor => {
+                        expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
+                        console.log(`Selected color: ${actualColor}`);
+                        console.log(`Expected color: ${color}`);
+                    });
+            });
     },
 
     /**
@@ -1310,9 +1317,16 @@ const steps = {
         imageHighlightPage.specifyCorrectAnswerSectionCustomizedPolygon()
             .eq(index)
             .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerDiamondPattern(), {
-                    'fill': color
-                });
+                imageHighlightPage.specifyCorrectAnswerDiamondPattern()
+                    .then(($element) => {
+                        cy.wrap($element)
+                            .invoke('css', 'fill')
+                            .then(actualColor => {
+                                console.log(`Selected color: ${actualColor}`);
+                                console.log(`Expected color: ${color}`);
+                                expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
+                            });
+                    });
             });
     },
 
@@ -1327,9 +1341,16 @@ const steps = {
                 imageHighlightPage.specifyCorrectAnswerSectionCustomizedPolygon()
                     .eq(index)
                     .within(() => {
-                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerDiamondPattern(), {
-                            'fill': color
-                        });
+                        imageHighlightPage.specifyCorrectAnswerDiamondPattern()
+                            .then(($element) => {
+                                cy.wrap($element)
+                                    .invoke('css', 'fill')
+                                    .then(actualColor => {
+                                        expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
+                                        console.log(`Selected color: ${actualColor}`);
+                                        console.log(`Expected color: ${color}`);
+                                    });
+                            });
                     });
             });
     },
@@ -1343,9 +1364,38 @@ const steps = {
         imageHighlightPage.specifyCorrectAnswerSectionHighlight()
             .eq(index)
             .within(() => {
-                utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
-                    'stroke': color
-                });
+                imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon()
+                    .then(($element) => {
+                        cy.wrap($element)
+                            .invoke('css', 'stroke')
+                            .then(actualColor => {
+                                expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
+                                console.log(`Selected color: ${actualColor}`);
+                                console.log(`Expected color: ${color}`);
+                            });
+                    });
+            });
+    },
+
+    /**
+     * @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(() => {
+                imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon()
+                    .then(($element) => {
+                        cy.wrap($element)
+                            .invoke('css', 'stroke')
+                            .then(actualColor => {
+                                expect(steps.colorsAreClose(actualColor, colorWithOpacity, 2)).to.be.true;
+                                console.log(`Selected color: ${actualColor}`);
+                                console.log(`Expected color: ${colorWithOpacity}`);
+                            });
+                    });
             });
     },
 
@@ -1360,9 +1410,41 @@ const steps = {
                 imageHighlightPage.previewSectionHighlight()
                     .eq(index)
                     .within(() => {
-                        utilities.verifyCSS(imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon(), {
-                            'stroke': color
-                        });
+                        imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon()
+                            .then(($element) => {
+                                cy.wrap($element)
+                                    .invoke('css', 'stroke')
+                                    .then(actualColor => {
+                                        expect(steps.colorsAreClose(actualColor, color, 2)).to.be.true;
+                                        console.log(`Selected color: ${actualColor}`);
+                                        console.log(`Expected color: ${color}`);
+                                    });
+                            });
+                    });
+            })
+    },
+
+    /**
+     * @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(() => {
+                        imageHighlightPage.specifyCorrectAnswerSectionHighlightPolygon()
+                            .then(($element) => {
+                                cy.wrap($element)
+                                    .invoke('css', 'stroke')
+                                    .then(actualColor => {
+                                        expect(steps.colorsAreClose(actualColor, colorWithOpacity, 2)).to.be.true;
+                                        console.log(`Selected color: ${actualColor}`);
+                                        console.log(`Expected color: ${colorWithOpacity}`);
+                                    });
+                            });
                     });
             });
     },
@@ -1536,6 +1618,24 @@ const steps = {
         imageHighlightPage.correctAnswerSection()
             .should('not.exist');
     },
+
+    /**
+     * 
+     * @param {string} actual color
+     * @param {string} expected color
+     * @param {string} tolerance allowed difference in RGB values
+     * @returns 
+     */
+    colorsAreClose: (actual, expected, tolerance = 2) => {
+        const extract = str => str.match(/\d+/g).map(Number);
+        const [ar, ag, ab] = extract(actual);
+        const [er, eg, eb] = extract(expected);
+        return (
+            Math.abs(ar - er) <= tolerance &&
+            Math.abs(ag - eg) <= tolerance &&
+            Math.abs(ab - eb) <= tolerance
+        );
+    }
 }
 
 const tests = {

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'),
@@ -253,7 +255,7 @@ const steps = {
                 break;
             case 'none':
                 dragIcon
-                    .should('not.be.visible');
+                    .should('not.exist');
                 break;
             default:
                 throw new Error('Invalid drag handle option');
@@ -753,6 +755,7 @@ const steps = {
     ///Dropdown menu steps
     expandDropdownMenuOptionsDropdown: () => {
         listOrderingPage.dropdownMenuOptionsDropdown()
+            .trigger('mouseover')
             .click();
     },
 
@@ -771,6 +774,7 @@ const steps = {
      */
     expandPositionDropdownSpecifyCorrectAnswerSection: (dropdownIndex) => {
         utilities.getNthElement(listOrderingPage.positionDropdownSpecifyCorrectAnswerSection(), dropdownIndex)
+            .trigger('mouseover')
             .click();
     },
 
@@ -782,6 +786,7 @@ const steps = {
     selectOptionPositionSpecifyCorrectAnswerSection: (optionIndex, position) => {
         steps.expandPositionDropdownSpecifyCorrectAnswerSection(optionIndex);
         listOrderingPage.positionDropdownListOption(position)
+            .trigger('mouseover')
             .click();
     },
 
@@ -803,6 +808,7 @@ const steps = {
      */
     expandPositionDropdownPreviewTab: (dropdownIndex) => {
         utilities.getNthElement(listOrderingPage.positionDropdownPreviewTab(), dropdownIndex)
+            .trigger('mouseover')
             .click();
     },
 
@@ -824,6 +830,7 @@ const steps = {
     selectOptionPositionPreviewTab: (optionIndex, position) => {
         steps.expandPositionDropdownPreviewTab(optionIndex);
         listOrderingPage.positionDropdownListOption(position)
+            .trigger('mouseover')
             .click();
     },
 
@@ -1488,6 +1495,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 +1547,15 @@ const steps = {
             .click();
     },
 
+    clickAndResetDropOptionSeperateList: (optionsText) => {
+        listOrderingPage.dropzoneSeperateList()
+            .contains(optionsText)
+            .click();
+        listOrderingPage.emptyDropzoneList()
+            .first()
+            .click();
+    },
+
     clickAndUnDropOptionSeperateList: (optionsText) => {
         listOrderingPage.dropzoneSeperateList()
             .contains(optionsText)
@@ -1761,7 +1785,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 = {
@@ -1593,17 +1594,17 @@ const steps = {
 
     verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
         requiredFieldsArray.forEach((field) => {
-            if (field === 'Please set points') {
+            if (field === 'Please set points.') {
                 scoringSectionBaseEditTab.pointsWrapper()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please enter all option values') {
+            } else if (field === 'Please enter all option values.') {
                 matchingPage.optionsLabel()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please enter all prompts') {
+            } else if (field === 'Please enter all prompts.') {
                 matchingPage.promptLabel()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
@@ -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), {

package/cypress/pages/numberLineLabelPage.js

@@ -36,6 +36,7 @@ const selectors = {
     draggableLabelsPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .label-tool'),
     labelContainerPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .items-container'),
     numberLinePointPreviewTab: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox').eq(0).find('svg ellipse[display="inline"]:visible'),
+    correctIncorrectStatusMessageText: () => cy.get('[class*="NumberLinestyles__CorrectIncorrectWrapper"]'),
 
     //Correct answer section
     numberLineCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox svg').eq(2),
@@ -296,6 +297,17 @@ const steps = {
         numberLineLabelPage.labelContainerSpecifyCorrectAnswer()
             .click({ force: true });
     },
+    /**
+     * This function clicks and drops the label back in the container for previewTab
+     * @param {string} label to be clicked and dropped
+     */
+    clickAndDropLabelInContainerPreviewTab: (label) => {
+        numberLineLabelPage.draggableLabelsPreviewTab()
+            .contains(label)
+            .click();
+        numberLineLabelPage.labelContainerPreviewTab()
+            .click({ force: true });
+    },
 
     /**
     * This function verifies plotted points on the number line on the Edit tab.
@@ -641,6 +653,20 @@ const steps = {
         utilities.verifyElementVisibilityState(numberLineLabelPage.numberLineCorrectAnswerSection(), 'notExist');
     },
 
+    verifyCorrectAnswerSectionExist: () => {
+        utilities.verifyElementVisibilityState(numberLineLabelPage.numberLineCorrectAnswerSection(), 'exist');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        numberLineLabelPage.correctIncorrectStatusMessageText()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        numberLineLabelPage.correctIncorrectStatusMessageText()
+            .should('be.visible');
+    },
+
     /**
     * @param {number} points - The points to be allotted.
     * @description - Allots points in the scoring section.
@@ -1024,26 +1050,23 @@ const tests = {
             numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
         });
 
-        it(`When the user resets the number line in the ${accordionName} accordion, error message should not be thrown along with an error icon on the \'${accordionName}\' accordion`, () => {
+        it(`When the user resets the number line in the ${accordionName} accordion, error message should not be thrown`, () => {
             numberLineLabelPage.steps.clickAndDropLabelInContainerSpecifyCorrectAnswer('Label 2');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
-            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 number line then the error message should disappear', () => {
+        it('User should be able to attempt the labels on the number line', () => {
             numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Label 2', 'horizontal', range, 9);
             numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
         });

package/cypress/pages/numberLinePage.js

@@ -56,6 +56,7 @@ const selectors = {
             return cy.get('[class*="question-preview-wrapper"] [class*="ControlsWrapper"] button')
         }
     },
+    correctIncorrectStatusMessageText: () => cy.get('[class*="NumberLinestyles__CorrectIncorrectWrapper"]'),
 
     //Correct answer section
     numberLineCorrectAnswerSection: () => cy.get('[class*="question-preview-wrapper"] .ngie-jxgbox svg:visible').eq(1),
@@ -758,6 +759,20 @@ const steps = {
         utilities.verifyElementVisibilityState(numberLinePage.numberLineCorrectAnswerSection(), 'notExist');
     },
 
+    verifyCorrectAnswerSectionExist: () => {
+        utilities.verifyElementVisibilityState(numberLinePage.numberLineCorrectAnswerSection(), 'exist');
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        numberLinePage.correctIncorrectStatusMessageText()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        numberLinePage.correctIncorrectStatusMessageText()
+            .should('be.visible');
+    },
+
     /**
     * @param {("correct" | "incorrect")} answerStatus - The status of the answer.
     * @description Verifies the visibility and content of the correct/incorrect answer label block.
@@ -1451,26 +1466,23 @@ const tests = {
             numberLinePage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0, 1]);
         });
 
-        it(`When the user resets the number line 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 number line in the ${accordionName} accordion, error message should not be thrown`, () => {
             numberLinePage.steps.selectNumberLineControlOptionSpecifyCorrectAnswerSection('Reset');
             numberLinePage.steps.confirmReset();
-            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 number line then the error message should disappear', () => {
             numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("horizontal", range, 0);
             numberLinePage.steps.plotPointOnNumberLineSpecifyCorrectAnswer("horizontal", range, 1);

package/cypress/pages/singleSelectionPage.js

@@ -704,7 +704,36 @@ const steps = {
         optionsTextArray.forEach((option, optionIndex) => {
             utilities.verifyTextContent(utilities.getNthElement(singleSelectionPage.optionsInputFieldInQuestionPreviewTab(), optionIndex), option);
         });
-    }
+    },
+
+    /**
+     * @description. Checks the options checkbox in the 'Specify correct answer' section for single selection questions.
+     * @param {number} optionIndex - The index of the option checkbox to be checked.
+     * @throws {Error} Will throw an error if the checkbox is not checked after the operation.
+     * @example - checkOptionsCheckboxInSpecifyCorrectAnswerSection(0);
+     */
+    setCorrectAnswer: (optionIndex) => {
+        singleSelectionPage.optionWrapperCorrectAnswerSection()
+            .eq(optionIndex)
+            .click()
+    },
+
+    /**
+     * Creates a basic single selection question
+     * @param {Object} params - Parameters for the question.
+     * @param {string} params.questionInstruction - The question text.
+     * @param {Array<string>} params.options - The list of options.
+     * @param {number} params.points - The points allotted for the question.
+     * @param {number} params.correctAnswer - Index of the correct answer.
+     */
+    createBasicSingleSelectionQuestion: ({questionInstruction, options, points, correctAnswer}) => {
+        cy.barsPreLoaderWait();
+        singleSelectionPage.steps.addTextInQuestionInstructionsInputField(questionInstruction);
+        singleSelectionPage.steps.addInputToOptionsInputField(options);
+        singleSelectionPage.steps.allotPoints(points);
+        singleSelectionPage.steps.setCorrectAnswer(correctAnswer);
+        singleSelectionPage.saveQuestionButton().click();
+    },
 };
 
 const tests = {

package/cypress/pages/textEntryMathPage.js

@@ -25,6 +25,7 @@ const selectors = {
     ...equationEditorSectionCommonComponent,
     ...styleAndLayoutCustomizationAccordionComponent,
     ...imageCanvasComponent,
+    ...scoringSectionBaseEditTab,
     addStructureTab: () => cy.get('[data-ngie-testid="add-structure-tab"]'),
     responseToken: () => cy.get('.cke_button__addresponse'),
     penaltyPointsForEachIncorrectOptionInputField: () => cy.get('input[aria-label="Penalty points for each incorrect text container"]'),
@@ -939,7 +940,8 @@ const steps = {
 
     switchToGradingView: () => {
         autoScoredScoringPreviewTab.gradingViewRadioButton()
-            .click()
+            .click({ force: true });
+        autoScoredScoringPreviewTab.gradingViewRadioButton()
             .should('be.checked');
         cy.wait(1500);
     },
@@ -1385,6 +1387,26 @@ const steps = {
     expandAndFocusInResponseAnswerInputFieldSpecifyCorrectAnswerSection: (index) => {
         textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(index);
         textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(index);
+    },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        textEntryMathPage.correctIncorrectStatusMessageText()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        textEntryMathPage.correctIncorrectStatusMessageText()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        textEntryMathPage.correctAnswersLabel()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        textEntryMathPage.correctAnswersLabel()
+            .should('not.exist');
     }
 }
 
@@ -1402,6 +1424,7 @@ const tests = {
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...equationEditorSectionCommonComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
+    ...createQuestionBasePage.tests,
     /**
      * Verifies the contents and functionality of the 'Specify correct answer' accordion for multiple selection questions.
      * @param {{'Correct' | 'Alternative'}} accordionName - The name of the accordion to be used in the validation.
@@ -1424,25 +1447,21 @@ const tests = {
             });
         }
 
-        it('When user focuses in and out of the response accordion \'Answer\' input field, \'Error: Answer is required.\' error message should be displayed', () => {
+        it('When user focuses in and out of the response accordion \'Answer\' input field, error message should not be displayed', () => {
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
             textEntryMathPage.steps.focusInResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
             equationEditorFlyout.steps.focusInPreviewInputField();
             equationEditorFlyout.steps.clickOnOkButton();
             textEntryMathPage.steps.focusOutOfResponseAnswerInputFieldSpecifyCorrectAnswerSection(0);
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible');
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Answer is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        it('When gives an input to \'Answer\' input field,then error message should disappear', () => {
+        it('When gives an input to \'Answer\' input field,then error message should not be displayed', () => {
             textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, '(a+b)(a−b)');
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
         });
 
         it('User should be able to expand multiple response accordions simultaneously', () => {
-            if (accordionName === 'Alternate') {
-                textEntryMathPage.steps.deleteAlternativeAnswerAccordion(0);
-            }
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
             textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(1);
             textEntryMathPage.steps.verifyResponseAccordionIsExpanded(0);

package/cypress/pages/textSelectionPage.js

@@ -1193,12 +1193,12 @@ const steps = {
 
     verifyWarningIconOnRequiredFields: (requiredFieldsArray) => {
         requiredFieldsArray.forEach((field) => {
-            if (field === 'Please set points') {
+            if (field === 'Please set points.') {
                 scoringSectionBaseEditTab.pointsWrapper()
                     .within(() => {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
-            } else if (field === 'Please enter all option values') {
+            } else if (field === 'Please enter all option values.') {
                 textSelectionPage.specifyPossibleOptionsLabel()
                     .parents('[class*="LabelAndWarningWrapper"]')
                     .within(() => {