itemengine-cypress-automation 1.0.342-regressionFixes18thMarch-b97f3ea.0 → 1.0.342

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/index.js

@@ -45,6 +45,7 @@ export * from './gridFillPage';
 export * from './geoGebraToolsPage';
 export * from './matchingPage';
 export * from './brainingCampManipulativePage';
+export * from './thinkSpherePage';
 export * from './numberLinePage';
 export * from './textSelectionPage';
 export * from './chartsBarPage';
@@ -52,4 +53,4 @@ export * from './chartsLinePage';
 export * from './numberLineLabelPage';
 export * from './chartsDotPlotPage';
 export * from './imageHighlightPage';
-export * from './compassPage';
+export * from './compassPage';

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'),
@@ -1532,6 +1534,15 @@ const steps = {
             .click();
     },
 
+    clickAndResetDropOptionSeperateList: (optionsText) => {
+        listOrderingPage.dropzoneSeperateList()
+            .contains(optionsText)
+            .click();
+        listOrderingPage.emptyDropzoneList()
+            .first()
+            .click();
+    },
+
     clickAndUnDropOptionSeperateList: (optionsText) => {
         listOrderingPage.dropzoneSeperateList()
             .contains(optionsText)
@@ -1761,7 +1772,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), {

package/cypress/pages/multipleSelectionPage.js

@@ -855,7 +855,7 @@ const steps = {
 
     verifyCorrectAnswerSectionExist: () => {
         multipleSelectionPage.correctAnswerSectionWrapper()
-            .should('not.exist');
+            .should('exist');
     },
 
     verifyAnswerBannerNotExist: () => {
@@ -891,7 +891,15 @@ const steps = {
         optionsTextArray.forEach((option, optionIndex) => {
             utilities.verifyTextContent(utilities.getNthElement(multipleSelectionPage.optionsInputFieldInQuestionPreviewTab(), optionIndex), option);
         });
-    }
+    },
+ 
+    /**
+     * Clicks on the save question button.
+     */
+    clickOnSaveQuestionButtonWithForceTrue: () => {
+        createQuestionBasePage.saveQuestionButton()
+            .click({force:true});
+    },
 }
 
 const tests = {
@@ -914,43 +922,6 @@ const tests = {
     ...ckEditorInsertTableComponent.tests,
     ...ckEditorInsertImageComponent.tests,
     ...ckEditorLinkComponent.tests,
-    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
-            autoScoredScoringPreviewTab.studentViewRadioButton()
-                .should('be.checked');
-            autoScoredScoringPreviewTab.gradingViewRadioButton()
-                .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
-            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
-        });
-
-        it('CSS of Preview mode contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.codeBlockText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-    },
-
     /**
      * 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.

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/selectQuestionResourceToolPage.js

@@ -15,7 +15,8 @@ const selectors = {
     },
     selectAQuestionHeaderText: () => cy.get('[class*="QuestionResourceToolstyles__HeaderText"]'),
     questionTypeCategory: () => cy.get('[class*="QuestionResourceToolstyles__CategorySection"]'),
-    resourceTypeCategory: () => cy.get('.MuiCard-root')
+    resourceTypeCategory: () => cy.get('.MuiCard-root'),
+    cancelCreateQuestionButton: () => cy.get('[class*="QuestionResourceToolstyles__CreateItemHeader"] .ngie-btn-outlined').contains('cancel'),
 }
 
 const questionTypeCategoryMap = {
@@ -64,7 +65,12 @@ const steps = {
             selectQuestionResourceToolPage.resourceAndToolOptionTitle(resourceCategory)
                 .click();
         }
-    }
+    },
+
+    clickOnCancelCreateQuestionButton: () => {
+        selectQuestionResourceToolPage.cancelCreateQuestionButton()
+            .click();
+    },
 }
 
 export const selectQuestionResourceToolPage = {

package/cypress/pages/singleSelectionPage.js

@@ -719,43 +719,6 @@ const tests = {
     ...autoScoredStudentViewSettings.tests,
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...mcqAdditionalSettingsBase.tests,
-    verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet: () => {
-        it('When the user has not set correct answer option(s) and alloted points, \'Student view\' radio button should be checked, \'Grading view\' button should not be checked, 0 points should be displayed and no correct or incorrect icons should be displayed in the preview tab', () => {
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), 'Student view');
-            utilities.verifyInnerText(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), 'Grading view');
-            autoScoredScoringPreviewTab.studentViewRadioButton()
-                .should('be.checked');
-            autoScoredScoringPreviewTab.gradingViewRadioButton()
-                .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
-            autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
-        });
-
-        it('CSS of Preview mode contents', { tags: 'css' }, () => {
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButtonLabel(), {
-                'color': css.color.labelText,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.scoreLabelPreviewTab(), {
-                'color': css.color.codeBlockText,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.bold
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.studentViewRadioButton().parent().find('svg'), {
-                'fill': css.color.activeButtons
-            });
-            utilities.verifyCSS(autoScoredScoringPreviewTab.gradingViewRadioButton().parent().find('svg path'), {
-                'fill': css.color.uncheckedCheckbox
-            });
-        });
-    },
-
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('In the \'Correct\' accordion, all options with checkboxes should be displayed', () => {
             utilities.verifyElementCount(singleSelectionPage.optionWrapperSpecifyCorrectAnswerSection(), 4);

package/cypress/pages/textEntryMathPage.js

@@ -1385,6 +1385,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 +1422,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.