itemengine-cypress-automation 1.0.240-textentrychangesreverted-28d08d1.0 → 1.0.241-28thAugustRepoUpdate-dc7df0c.0

package/cypress/pages/components/optionsWrapperComponent.js

@@ -78,7 +78,7 @@ const steps = {
             .eq(index)
             .within(() => {
                 commonComponents.errorMessage()
-                    .should('have.text', 'Error: Option is required.');
+                    .should('not.exist');
             });
     },
 
@@ -343,7 +343,7 @@ const tests = {
                 .eq(inputFieldIndex)
                 .click()
                 .blur();
-            utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Option is required.');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('User should be able to enter text in options input field and \'Error: Option is required.\' error message should disappear', () => {

package/cypress/pages/components/playbackControlsBaseComponent.js

@@ -45,7 +45,7 @@ const steps = {
 
     hoverOnPlaybackSpeedButton: () => {
         playbackControlsBaseComponent.playbackSpeedButton()
-            .trigger('mouseover');
+            .realHover();
     },
 
     /**
@@ -282,7 +282,7 @@ const tests = {
     verifyPlaybackSpeedContents: (playbackSpeedOptions) => {
         it(`When the user hovers overs the playback button, a list of ${playbackSpeedOptions.length} playback speed options - ${playbackSpeedOptions.join(' ')} should be displayed and by default 1x should be in selected state`, () => {
             playbackControlsBaseComponent.playbackSpeedButton()
-                .trigger('mouseover');
+                .realHover();
             utilities.verifyElementVisibilityState(playbackControlsBaseComponent.playbackSpeedOption(), 'visible');
             utilities.verifyElementCount(playbackControlsBaseComponent.playbackSpeedOption(), playbackSpeedOptions.length);
             playbackControlsBaseComponent.steps.verifyPlaybackSpeedListOptions(playbackSpeedOptions);

package/cypress/pages/components/questionInputFieldComponent.js

@@ -29,6 +29,7 @@ const steps = {
             .within(() => {
                 questionInputFieldComponent.responseAreaCloseButton()
                     .click();
+                    cy.wait(1000)
             });
     },
 

package/cypress/pages/components/scoringSectionBaseEditTab.js

@@ -193,6 +193,7 @@ const tests = {
             scoringSectionBaseEditTab.scoringTypeDropdown()
                 .click();
             utilities.verifyElementVisibilityState(commonComponents.dropdownList(), 'visible');
+            cy.wait(1000);
             scoringTypeArray.forEach((option, count) => {
                 utilities.verifyInnerText(utilities.getNthElement(scoringSectionBaseEditTab.scoringTypeDropdownListOptions(), count), option);
             });
@@ -361,13 +362,13 @@ const tests = {
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
-        it('If the user enters points more than the allocated points in Minimum points input field, an error message \'Error: Minimum score cannot be greater than allocated points.: *points in points field*\' should be displayed', () => {
+        it('If the user enters points more than the allocated points in Minimum points input field, an error message \'Error: Minimum score cannot be greater than allocated points.: *points in points field*\' should not be displayed', () => {
             scoringSectionBaseEditTab.steps.allotMinimumPoints(20);
             scoringSectionBaseEditTab.minimumPointsInputField()
                 .focus();
             scoringSectionBaseEditTab.minimumPointsInputField()
                 .blur();
-            utilities.verifyInnerText(commonComponents.errorMessage().last(), 'Error: Minimum score cannot be greater than allocated points.: 10');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('The error message should disappear once the user removes the entered points from the Minimum score awarded (if attempted) input field', () => {

package/cypress/pages/components/singleMultipleSelectionModeComponent.js

@@ -82,7 +82,7 @@ const tests = {
         });
 
         it('Accessibility of Single multiple selection toggle buttons', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(singleMultipleSelectionModeComponent.multipleSelectionToggleButton().parents('[class*="HighlightImagestyles__ToggleWrapper"]'));
+            cy.checkAccessibility(singleMultipleSelectionModeComponent.multipleSelectionToggleButton().parents('[class*="__ToggleWrapper"]'));
         });
     }
 }

package/cypress/pages/createItemPage.js

@@ -17,7 +17,7 @@ const selectors = {
     itemTitle: () => cy.get('.ItemLevel-Header'),
     tagsButton: () => cy.get('.ngie-button').contains('Tags'),
     tagsInputField: () => cy.get('.tags-chip-container'),
-    settingsBtn: () => cy.get('.ngie-icon-with-label-btn').eq(3),
+    settingsBtn: () => cy.get('.ngie-icon-with-label-btn').eq(2),
     rowQuestionWrapper: () => cy.get('[class*="Widgetstyles__RowWrapper"]'),
     columnQuestionWrapper: () => cy.get('[class*="ColumnComponentstyles__WidgetsWrapper"]'),
     panelWrapper: () => cy.get('.column-tab-without-scroll'),

package/cypress/pages/dialogBoxBase.js

@@ -9,15 +9,21 @@ const selectors = {
     buttonReject: () => cy.get('[data-testid="reject-button"]'),
     buttonAccept: () => cy.get('[data-testid="accept-button"]'),
     buttonClose: () => cy.get('[aria-label="CLOSE"]'),
-    dialogBoxContentText: () => cy.get('[class*="dialog-content"] [class*="__PopupContentWrapper"]')
+    dialogBoxContentText: () => cy.get('[class*="dialog-content"] [class*="__PopupContentWrapper"]'),
+    dialogBoxHelpText: () => cy.get('[class*="EditQuestionstyles__BaseContentWrapper"]'),
+    dialogBoxWarningFieldList: () => cy.get('[class*="EditQuestionstyles__WarningPoints-"]')
 }
 
 const steps = {
-    allFieldsRequiredWarningPopupContents: () => {
+    allFieldsRequiredWarningPopupContents: (requiredFieldsArray = null) => {
         utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
-        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Warning!');
-        utilities.verifyInnerText(dialogBoxBase.dialogBoxContent(), 'Please fill the required fields.');
-        utilities.verifyElementVisibilityState(dialogBoxBase.buttonClose(), 'visible');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxTitle(), 'Incomplete question');
+        utilities.verifyInnerText(dialogBoxBase.dialogBoxHelpText(), "Are you sure you want to save? Required fields are missing:");
+        if (requiredFieldsArray != null) {
+            requiredFieldsArray.forEach((field, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(dialogBoxBase.dialogBoxWarningFieldList(), index), field);
+            });
+        }
     },
 
     closeWarningPopup: () => {
@@ -38,15 +44,21 @@ const steps = {
 }
 
 const tests = {
-    verifyRequiredFieldsWarningPopupOnClickingSaveButton: () => {
+    /**
+     * This function verifies the warning popup contents
+     * @param {string[]} requiredFieldsArray Array of required fields listed in the warning popup
+     */
+    verifyRequiredFieldsWarningPopupOnClickingSaveButton: (requiredFieldsArray = null) => {
         it('When user has made no edits and clicks on Save Question button, the user should get a warning popup', () => {
             createQuestionBasePage.saveQuestionButton()
                 .click();
-            dialogBoxBase.steps.allFieldsRequiredWarningPopupContents();
+            if (requiredFieldsArray != null) {
+                dialogBoxBase.steps.allFieldsRequiredWarningPopupContents(requiredFieldsArray);
+            }
         });
 
-        it('Warning popup should close on clicking the Close icon button', () => {
-            dialogBoxBase.steps.closeWarningPopup();
+        it('Leave page popup should close on clicking the reject button', () => {
+            dialogBoxBase.steps.clickOnRejectButtonInDialogBox();
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
     },

package/cypress/pages/dragAndDropIntoCategoriesPage.js

@@ -2315,19 +2315,18 @@ const tests = {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInDropzoneSpecifyCorrectAnswerSection({ 'Bat': 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, error message should not be thrown on the \'${accordionName}\' accordion`, () => {
             dragAndDropIntoCategoriesPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Bat');
-            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');
                     });
             };
         });

package/cypress/pages/fillInTheGapsOverImageDragAndDropPage.js

@@ -1,6 +1,6 @@
 import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
-import { createQuestionBasePage, questionInstructionsComponent, uploadImageSectionComponent, scoringSectionBaseEditTab, optionsWrapperComponent, equationEditorFlyout, ckEditorToolbar, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, maximumCapacityPerDropzoneComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, imageCanvasComponent, backgroundImageUploadComponent, correctIncorrectAnswerLabelComponent, draggableOptionsSectionComponent, draggableOptionContainer, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel, opacityComponent, imageActionsComponent, colorPopupComponent, fillInTheGapsDragAndDropCommonComponents, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent } from "./components";
+import { createQuestionBasePage, questionInstructionsComponent, uploadImageSectionComponent, scoringSectionBaseEditTab, optionsWrapperComponent, equationEditorFlyout, ckEditorToolbar, commonComponents, autoScoredScoringPreviewTab, autoScoredStudentViewSettings, maximumCapacityPerDropzoneComponent, autoScoredSpecifyCorrectAnswerSection, autoScoredScoringSectionMultiResponseType, imageCanvasComponent, backgroundImageUploadComponent, correctIncorrectAnswerLabelComponent, draggableOptionsSectionComponent, draggableOptionContainer, studentViewSettingsLabelComponent, randomizeOptionsComponent, enableOuterBorderComponent, allowMultipleInstancesOfSameDraggableOptionComponent, additionalSettingsPanel, opacityComponent, imageActionsComponent, colorPopupComponent, fillInTheGapsDragAndDropCommonComponents, additionalSettingsAccessibilitySectionComponent, styleAndLayoutCustomizationAccordionComponent, figCommonStyleAndLayoutComponent, connectorStyleStyleAndLayoutCustomizationComponent, gradingViewEnumerationComponent, ariaLabelSectionComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
 const css = Cypress.env('css');
 
@@ -34,6 +34,8 @@ const selectors = {
     ...styleAndLayoutCustomizationAccordionComponent,
     ...figCommonStyleAndLayoutComponent,
     ...connectorStyleStyleAndLayoutCustomizationComponent,
+    ...gradingViewEnumerationComponent,
+    ...ariaLabelSectionComponent,
 
     dropzonePreviewTab: () => cy.get('.drag-and-drop-canvas [class*="__DraggableWrapper"]'),
     dropzoneContainerPreviewTab: () => cy.get('[class*="Canvasstyle__DropzoneWrapper"]'),
@@ -89,6 +91,9 @@ const selectors = {
     dragHandle: () => cy.get('.draggable-item-wrapper svg'),
     dragHandleOptions: () => cy.get('.drag-handle-icon-block'),
     draggableOptionsFillColorLabel: () => cy.get('.sub-section-label').eq(2),
+    correctAnswerSectionWithoutEnumerationWrapper: () => cy.get('[class*="Canvasstyle__DragAndDropCanvas"] .drag-and-drop-canvas'),
+    dropzoneNumerationBox: () => cy.get('.answer-numeration-number-box'),
+    correctAnswerResponseWrapperWithoutEnumeration: () => cy.get('.dnd-correct-answer-wrapper [class*="ResponseDropZonestyles__ResponseWrapper"]'),
 }
 
 const steps = {
@@ -123,6 +128,78 @@ const steps = {
     ...styleAndLayoutCustomizationAccordionComponent.steps,
     ...figCommonStyleAndLayoutComponent.steps,
     ...connectorStyleStyleAndLayoutCustomizationComponent.steps,
+    ...gradingViewEnumerationComponent.steps,
+    ...ariaLabelSectionComponent.steps,
+
+    verifyDropzoneNumerationNotExists: () => {
+        utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.dropzoneNumeration(), 'notExist');
+    },
+
+    /**
+     * Verifies the enumeration of dropzones in the preview tab against the provided array.
+     * @param {Array<string>} enumerationArray - The array of expected enumerations.
+     * @example - verifyDropzoneEnumeration(['1', '2', '3']);
+     */
+    verifyDropzoneEnumeration: (enumerationArray) => {
+        utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab(), enumerationArray.length);
+        enumerationArray.forEach((option, index) => {
+            fillInTheGapsOverImageDragAndDropPage.dropzoneWrapperPreviewTab()
+                .eq(index)
+                .within(() => {
+                    utilities.verifyTextContent(fillInTheGapsOverImageDragAndDropPage.dropzoneNumerationBox(), `${option}`);
+                });
+        });
+    },
+
+    /**
+     * Verifies the 'aria-label' attribute of a dropzone element in the 'Specify Correct Answer' section.
+     * @param {number} inputFieldIndex - The index of the dropzone element to verify.
+     * @param {string} ariaLabel - The expected value of the 'aria-label' attribute.
+     */
+    verifyDropzoneAriaLabelSpecifyCorrectAnswerSection: (inputFieldIndex, ariaLabel) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneBorderWrapperSpecifyCorrectAnswerSection()
+            .eq(inputFieldIndex)
+            .should('have.attr', 'aria-label', ariaLabel)
+    },
+
+    /**
+     * Verifies the 'aria-label' attribute of a dropzone element in the preview tab.
+     * @param {number} inputFieldIndex - The index of the dropzone element to verify.
+     * @param {string} ariaLabel - The expected value of the 'aria-label' attribute.
+     */
+    verifyDropzoneAriaLabelPreviewTab: (inputFieldIndex, ariaLabel) => {
+        fillInTheGapsOverImageDragAndDropPage.dropzoneBorderWrapperSpecifyCorrectAnswerSection()
+            .eq(inputFieldIndex)
+            .should('have.attr', 'aria-label', ariaLabel)
+    },
+
+    /**
+     * Verifies the enumeration of correct answer responses against the provided array.
+     * @param {Array<string>} enumerationArray - The array of expected correct answer enumerations.
+     * @example - verifyCorrectAnswerResponsesEnumeration(['A', 'B', 'C']);
+     */
+    verifyCorrectAnswerResponsesEnumeration: (enumerationArray) => {
+        utilities.verifyElementCount(fillInTheGapsDragAndDropCommonComponents.correctAnswersOptions(), enumerationArray.length);
+        enumerationArray.forEach((option, index) => {
+            utilities.verifyInnerText(utilities.getNthElement(fillInTheGapsDragAndDropCommonComponents.correctAnswersNumeration(), index), `${option}`);
+        });
+    },
+
+    /**
+     * Verifies the correct answer responses without enumeration.
+     * @param {string[]} correctAnswerArray - An array of correct answer responses to verify.
+     * @returns {void}
+     */
+    verifyCorrectAnswerResponsesWithoutEnumeration: (correctAnswerArray) => {
+        utilities.verifyElementCount(fillInTheGapsOverImageDragAndDropPage.correctAnswerResponseWrapperWithoutEnumeration(), correctAnswerArray.length);
+        correctAnswerArray.forEach((correctAnswer, index) => {
+            utilities.getNthElement(fillInTheGapsOverImageDragAndDropPage.correctAnswerResponseWrapperWithoutEnumeration(), index)
+                .within(($element) => {
+                    utilities.verifyElementVisibilityState(fillInTheGapsOverImageDragAndDropPage.tickIconWrapper(), 'visible');
+                    utilities.verifyInnerText(cy.wrap($element), correctAnswer);
+                })
+        });
+    },
 
     /**
     * @description Verifies the text content of a specific preview tab dropzone element.
@@ -1129,6 +1206,8 @@ const tests = {
     ...additionalSettingsAccessibilitySectionComponent.tests,
     ...styleAndLayoutCustomizationAccordionComponent.tests,
     ...figCommonStyleAndLayoutComponent.tests,
+    ...gradingViewEnumerationComponent.tests,
+    ...ariaLabelSectionComponent.tests,
 
     verifyContentsOfSpecifyCorrectAnswerSection: () => {
         it('When user selects a scoring type then in the \'Correct\' accordion, all the contents should be displayed', () => {
@@ -1151,17 +1230,16 @@ const tests = {
 
         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`, () => {
             fillInTheGapsOverImageDragAndDropPage.steps.clickAndDropOptionInOptionsContainerInSpecifyCorrectAnswerSection('Petals');
-            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');
                     });
             };
         });

package/cypress/pages/graphingPage.js

@@ -1761,28 +1761,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

@@ -2990,19 +2990,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');
                     });
             };
         });
@@ -3010,6 +3009,17 @@ const tests = {
         it('When user selects a cell by clicking on it, then error message should not be displayed', () => {
             gridFillPage.steps.selectCellSpecifyCorrectAnswerSection(0, 0);
             commonComponents.steps.verifyErrorMessageIsNotDisplayed();
+            if (accordionName == 'Correct') {
+                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+                    });
+            } else {
+                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'notExist');
+                    });
+            };
         });
 
         it(`\'Match exact position of cells\' label and checkbox should be displayed in the ${accordionName} accordion and the checkbox should be checked`, () => {
@@ -3040,17 +3050,6 @@ const tests = {
             gridFillPage.steps.clearCellShadeCountInputField();
             utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'visible')
             utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Please set a correct answer.');
-            if (accordionName == 'Correct') {
-                autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
-                    });
-            } else {
-                autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
-                    .within(() => {
-                        utilities.verifyElementVisibilityState(autoScoredSpecifyCorrectAnswerSection.specifyCorrectAnswerErrorIcon(), 'visible');
-                    });
-            };
         });
 
         it('CSS of \'Cell shade count\' input field error message', { tags: 'css' }, () => {