itemengine-cypress-automation 1.0.351-feature-thinkSphere-8768c9c.0 → 1.0.351-miscellaneous-questions-r3-b08db04.0

package/cypress/pages/components/autoScoredScoringPreviewTab.js

@@ -149,6 +149,12 @@ const steps = {
     checkManuallyScoredScoringLabel: () => {
         autoScoredScoringPreviewTab.scoringTypeLabelPreviewTab()
             .should('have.text', 'Manually scored');
+    },
+
+    checkNonScoredScoringLabel: () => {
+        //Need to update once https://weldnorthed.atlassian.net/browse/IEI-5618 is resolved
+        autoScoredScoringPreviewTab.scoringTypeLabelPreviewTab()
+            .contains('Non scored', { matchCase: false });
     }
 }
 
@@ -161,7 +167,7 @@ const tests = {
                 .should('be.checked');
             autoScoredScoringPreviewTab.gradingViewRadioButton()
                 .should('not.be.checked');
-            autoScoredScoringPreviewTab.steps.verifyPreviewScore(0, 0);
+            autoScoredScoringPreviewTab.steps.checkManuallyScoredScoringLabel();
             autoScoredScoringPreviewTab.steps.verifyCorrectIncorrectIconsNotExist();
         });
 

package/cypress/pages/components/autoScoredScoringSectionMultiResponseType.js

@@ -76,6 +76,7 @@ const steps = {
 
     expandPenaltyScoringDropdown: () => {
         autoScoredScoringSectionMultiResponseType.penaltyScoringDropdown()
+            .trigger('mouseover')
             .click();
         cy.wait(500);
         utilities.verifyElementVisibilityState(autoScoredScoringSectionMultiResponseType.penaltyScoringDropdownListOptions(), 'visible');
@@ -147,6 +148,7 @@ const steps = {
 
     expandRoundingDropdown: () => {
         autoScoredScoringSectionMultiResponseType.roundingDropdown()
+            .trigger('mouseover')
             .click();
     },
 

package/cypress/pages/components/autoScoredSpecifyCorrectAnswerSection.js

@@ -326,43 +326,31 @@ const tests = {
                 .verifyPseudoClassBeforeProperty('color', css.color.activeButtons);
         });
 
-        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in enabled state', () => {
-            utilities.verifyElementNotDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
-            autoScoredSpecifyCorrectAnswerSection.steps.clickOnAddAlternativeAnswerButton();
-        });
-
-        it('CSS of warning popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(dialogBoxBase.dialogBoxTitle(), {
-                'color': css.color.flyoutTitle,
-                'font-size': css.fontSize.heading,
-                'font-weight': css.fontWeight.semibold
-            });
-            utilities.verifyCSS(dialogBoxBase.dialogBoxContent(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular
-            });
-            utilities.verifyCSS(dialogBoxBase.buttonClose().find('svg'), {
-                'fill': css.color.closeIcon
-            });
-        });
-
-        it('Accessibility of warning popup', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(dialogBoxBase.dialogBox());
-            dialogBoxBase.steps.closeWarningPopup();
+        it('If user has not selected correct answer in the correct accordion, then the Add alternative answer button should be in disabled state', () => {
+            utilities.verifyElementDisabled(autoScoredSpecifyCorrectAnswerSection.alternativeAnswerButton());
         });
     },
 
     verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion: () => {
-        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then a warning popup should be displayed and on closing the popup, alternative 2 accordion should be in expanded state', () => {
+        it('When user tries to expand correct accordion when all the mandatory fields are not filled in the alternative accordion, then correct answer accordion should be expanded and alternative 2 accordion should be in collapsed state', () => {
             autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
                 .click();
-            dialogBoxBase.steps.closeWarningPopup();
-            //TODO: Need to add error message according to question types
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .should('have.attr', 'aria-expanded', 'false');
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'true');
+        });
+
+        it('When user tries to expand alternative accordion when all the mandatory fields are not filled in the correct accordion, then correct answer accordion should be collapsed and alternative 2 accordion should be in expanded state', () => {
+            autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
+                .eq(1)
+                .click();
             autoScoredSpecifyCorrectAnswerSection.alternativeAnswerAccordion()
                 .eq(1)
                 .should('have.attr', 'aria-expanded', 'true');
+            autoScoredSpecifyCorrectAnswerSection.correctAnswerAccordion()
+                .should('have.attr', 'aria-expanded', 'false');
         });
     }
 }

package/cypress/pages/components/backgroundImageUploadComponent.js

@@ -92,7 +92,6 @@ const tests = {
     verifyImageUploadFunctionality: (questionType = null) => {
         it('When the user adds the image file and file upload is inprogress, file name and progress bar should be displayed below \'File name\' label. Progress bar should disappear once file is uploaded and uploaded image should be displayed', () => {
             backgroundImageUploadComponent.steps.uploadFile('highlightImage.jpg');
-            utilities.verifyElementVisibilityState(backgroundImageUploadComponent.uploadImageProgressBar(), 'visible');
             backgroundImageUploadComponent.steps.verifyFileNameLabel('highlightImage.jpg');
             if (!['graphing', 'grid fill', 'image highlight', 'thinkSphere'].includes(questionType)) {
                 imageCanvasComponent.steps.verifyImageIsUploaded();

package/cypress/pages/components/browseItemsPage.js

@@ -45,15 +45,24 @@ const selectors = {
     createItemButtonTypography: () => browseItemsPage.buttonCreateItem().find('.ngie-btn-typography'),
     createQuestionCancelButtonTypography: () => browseItemsPage.buttonCancelCreateQuestion().find('.ngie-btn-typography'),
     tableColumnHeaderBrowseItemWrapperDiv: (count) => browseItemsPage.tableColumnHeader(count).find('div.browse-item-component-wrapper div'),
+    rowItemTitle: () => cy.get('.browse-item-styled-link'),
+    previewModeWrapper: () => cy.get('.preview-mode-wrapper'),
+    saveButton: () => cy.get('.ngie-btn-typography').contains('save',{matchCase: false}),
+    cancelButton: () => cy.get('.ngie-btn-typography').contains('cancel',{matchCase: false}),
+    radioGroup: () => cy.get('.ngie-radio-group'),
+    studentViewRadioButton: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"]').eq(0),
+    gradingViewRadioButton: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"]').eq(1),
+    browseItemQuestionItem: () => cy.get('.browse-item-question-item')
 };
 
 const searchBarSelectors = {
-    searchBar: () => cy.get('input[placeholder="Search by title, tags and content"]'),
+    searchBar: () => cy.get('input[placeholder*="Search by"]'),
     buttonClearSearch: () => cy.get('[data-at="clear-button"]'),
     buttonSearch: () => cy.get('button[aria-label="Search"]'),
     buttonSearchSVG: () => cy.get('button[aria-label="Search"]').find('svg'),
-    mobileViewSearchBar: () => cy.get('input[placeholder="Search by title, tags and content"]'),
+    mobileViewSearchBar: () => cy.get('input[placeholder*="Search by title"]'),
     searchInputField: () => cy.get('.ngie-search input'),
+    searchBarParent: () => cy.get('input[placeholder*="Search by"]').parent(),
 };
 
 const mobileViewBrowsePageSelectors = {
@@ -107,6 +116,7 @@ const mobileViewBrowsePageSelectors = {
         return utilities.getNthElement(cy.get(`.filter-chip[aria-label*="${chip}"] button[aria-label*="Remove"]`), 0);
     },
     filterChipClearAll: () => cy.get('.filter-chip-clearall'),
+    itemTitleCell: () => cy.get('[class*=ItemTitleCellstyles__ItemCellWrapper]'),
 };
 
 const steps = {
@@ -962,6 +972,103 @@ const tests = {
             });
         });
     },
+
+    verifyBrowseItemsRowContent: () => {
+        it('Browse review items list row should have title, reference id, and question type', () => {
+            browseItemsPage.itemTitleCell().each(($item) => {
+                cy.wrap($item).within(() => {
+                    cy.get('button.browse-item-styled-link').invoke('text').should('not.be.empty');
+                    cy.get('.browse-item-question-text-container').contains('Ref ID:').should('exist'); // safer
+                    cy.get('[class*=ItemTitleCellstyles__ReferenceId]').invoke('text').should('not.be.empty');
+                    cy.get('.browse-item-label-text').contains('Type:').should('exist');
+                    cy.get('.browse-item-question-item').invoke('text').should('not.be.empty');
+                });
+            });
+        });
+    },
+
+    verifyItemOpening: () => {
+        it('When the author clicks on the title of the item in the \'check your math\' browse item list page then the question preview for that item should be displayed along with cancel and save button, and student and grading view radio buttons', () => {
+            browseItemsPage.rowItemTitle().eq(0).click();
+            utilities.verifyElementVisibilityState(browseItemsPage.previewModeWrapper(), 'visible');
+            utilities.verifyElementVisibilityState(browseItemsPage.saveButton(), 'visible');
+            utilities.verifyElementVisibilityState(browseItemsPage.cancelButton(), 'visible');
+            utilities.verifyElementVisibilityState(browseItemsPage.radioGroup(), 'visible');
+        })
+
+        it('student radio button should be checked by default and author should be able to toggle between student and grading view radio buttons', () => {
+            utilities.verifyElementVisibilityState(browseItemsPage.studentViewRadioButton(), 'exist');
+            utilities.verifyElementVisibilityState(browseItemsPage.gradingViewRadioButton(), 'exist');
+            browseItemsPage.studentViewRadioButton().should('have.class', 'radio-option-checked');
+            browseItemsPage.gradingViewRadioButton().should('have.class', 'radio-option-not-checked');
+            browseItemsPage.gradingViewRadioButton().click();
+            browseItemsPage.studentViewRadioButton().should('have.class', 'radio-option-not-checked');
+            browseItemsPage.gradingViewRadioButton().should('have.class', 'radio-option-checked');
+            browseItemsPage.studentViewRadioButton().click();
+            browseItemsPage.studentViewRadioButton().should('have.class', 'radio-option-checked');
+            browseItemsPage.gradingViewRadioButton().should('have.class', 'radio-option-not-checked');
+            browseItemsPage.cancelButton().click();
+        });
+    },
+
+    verifyFilterSelectionInList: (categories) => {
+        it('When the author checks the \'multiple choice selection\' checkbox then only multiple choice question (single selection and multiple selection) should be displayed on the question list.', () => {
+            browseItemsPage.steps.clickOnFilterCategoryCheckbox(categories[0]);
+            cy.pageLoadWait();
+            const allowedTypes = ['multiple selection','single selection'];
+            browseItemsPage.browseItemQuestionItem().each(($item) => {
+                cy.wrap($item)
+                .invoke('text')
+                .then((text) => {
+                    const trimmedText = text.trim();
+                    if (trimmedText === '' || trimmedText === ',' || /^,+$/.test(trimmedText)) {
+                        cy.log('Skipped invalid/empty item text:', trimmedText);
+                        return;
+                    }
+                    expect(allowedTypes).to.include(trimmedText.toLowerCase());
+                });
+            });
+        });
+    },
+
+    verifySupportedQuestionsInItemsList: (allowedFilterCategories) => {
+        it('The items list page should display items for only the supported question types', () => {
+            const allowedTypes = Object.values(allowedFilterCategories).flat();
+            browseItemsPage.browseItemQuestionItem().each(($item) => {
+                cy.wrap($item)
+                .invoke('text')
+                .then((text) => {
+                    const trimmedText = text.trim();
+                    if (trimmedText === '' || trimmedText === ',' || /^,+$/.test(trimmedText)) {
+                        cy.log('Skipped invalid/empty item text:', trimmedText);
+                        return;
+                    }
+                    expect(allowedTypes).to.include(trimmedText.toLowerCase());
+                });
+            });
+        });
+    },
+
+    verifyFirstPreviousNextPageButtons: () => {
+        it('When user is on first page, previous button should be disabled and when the user is in last page, the next button should be disabled,', () => {
+            browseItemsPage.buttonPrevious().should('have.attr', 'disabled');
+            browseItemsPage.buttonNext().should('not.have.attr', 'disabled');
+            utilities.getNthElement(browseItemsPage.paginationCountText(), 0)
+            .invoke('text')
+            .then((text) => {
+                const totalItems = parseInt(text.split(' ').pop(), 10);
+                const totalPages = Math.ceil(totalItems / 20);
+
+                Cypress._.times(totalPages - 1, () => {
+                    browseItemsPage.steps.clickOnNextPageButton();
+                    cy.wait(500);
+                });
+            });
+
+            browseItemsPage.buttonNext().should('have.attr', 'disabled');
+            browseItemsPage.buttonPrevious().should('not.have.attr', 'disabled');
+        });
+    }
 };
 
 export const browseItemsPage = {

package/cypress/pages/components/ckEditorEquationEditorComponent.js

@@ -8,8 +8,9 @@ const selectors = {
     //Basic
     equationEditorIcon: () => cy.get('.cke_button__nextgeneqneditor_icon:visible'),
     equationEditorLabel: () => cy.get('[class*="EquationEditorstyles__Heading"]'),
-    okButton: () => cy.get('.action-button').eq(0),
-    cancelButton: () => cy.get('.action-button').eq(1),
+    okButton: () => cy.get('[title="OK"]'),
+    audioPlayerOkButton: () => cy.get('.save-action-btn-wrapper button').eq(0),
+    editorCancelButton: () => cy.get('[title="Cancel"]'),
     equationEditorPopUp: () => cy.get('[class*="EquationEditorstyles__EquationEditorContainer"]'),
     equationWrapper: () => cy.get('.cke_widget_ngie_equation [class*="NGMathJax"]'),
     equationInInputField: () => cy.get('[class*="ngie_latex"]').eq(0),
@@ -84,8 +85,8 @@ const steps = {
         return null;
     },
 
-    clickOnCancelButton: () => {
-        ckEditorEquationEditorComponent.cancelButton()
+    closeEquationEditor: () => {
+        ckEditorEquationEditorComponent.editorCancelButton()
             .click();
     },
 

package/cypress/pages/components/ckEditorInsertImageComponent.js

@@ -15,7 +15,7 @@ const selectors = {
     imageInfoButton: () => cy.get('[title="Image Info"]'),
     uploadButton: () => cy.get('[title="Upload"]'),
     //Image Info
-    urlLabel: () => cy.get('.dialog-input-label').eq(0),
+    imageUrlLabel: () => cy.get('.dialog-input-label').eq(0),
     urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(1),
     alternateTextLabel: () => cy.get('.dialog-input-label').eq(1),
     alternateTextInputField: () => cy.get('.cke_dialog_ui_input_text').eq(3),
@@ -37,7 +37,7 @@ const selectors = {
     fixedRadioLabel: () => cy.get('[class*="image-responsiveness-radio-wrapper"]').eq(4),
     //Alignment
     alignmentLabel: () => cy.get('.dialog-input-label').eq(7),
-    alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(1),
+    alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(3),
     alignmentOptions: (alignment = null) => {
         if (alignment) {
             return cy.get(`[class*="cke_dialog_ui_input_select"] option[value="${alignment}"]`)

package/cypress/pages/components/ckEditorInsertTableComponent.js

@@ -26,7 +26,7 @@ const selectors = {
 
     //Table Style
     tableStyleLabel: () => cy.get('.table_styles_header .cke_dialog_ui_html'),
-    borderLabel: () => cy.get('.cke_dialog_ui_vbox_child').eq(26),
+    tableBorderLabel: () => cy.get('.cke_dialog_ui_vbox_child').eq(26),
     clearAllTableStyle: () => cy.get('.clear_all_table_styles'),
 
     //Borders
@@ -90,7 +90,7 @@ const selectors = {
     heightPxInput: () => cy.get('.cke_dialog_ui_input_text').eq(7),
 
     //Alignment, Caption and Summary
-    alignmentLabel: () => cy.get('.dialog-input-label').eq(9),
+    tableAlignmentLabel: () => cy.get('.dialog-input-label').eq(9),
     alignmentDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(2),
     captionLabel: () => cy.get('.dialog-input-label').eq(10),
     captionInputField: () => cy.get('.cke_dialog_ui_input_text').eq(15),
@@ -358,7 +358,7 @@ const steps = {
     },
 
     scrollingDownToAlignmentLabel: () => {
-        ckEditorInsertTableComponent.alignmentLabel()
+        ckEditorInsertTableComponent.tableAlignmentLabel()
             .scrollIntoView()
     },
 

package/cypress/pages/components/ckEditorLinkComponent.js

@@ -12,7 +12,7 @@ const selectors = {
     linkLabel: () => cy.get('.dialog-header-label'),
     linkPopUpWrapper: () => cy.get('.custom-link-wrapper'),
     urlInQuestionInstruction: () => cy.get('[data-cke-saved-href*="https"]'),
-    foxImageLinkUrlValueCheck: () => cy.get('[data-cke-saved-href*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
+    foxImageLinkUrlValueCheck: () => cy.get('[href*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
     urlInputField: () => cy.get('input[class*="cke_dialog_ui_input_text"]').eq(1),
     OkButton: () => cy.get('[title="OK"]'),
     //Link Info
@@ -24,8 +24,8 @@ const selectors = {
     linkTypeDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(0),
     protocolLabel: () => cy.get('.dialog-input-label').eq(2),
     protocolDropDown: () => cy.get('.cke_dialog_ui_input_select').eq(1),
-    urlLabel: () => cy.get('.dialog-input-label').eq(3),
-    urlInputField: () => cy.get('.cke_dialog_ui_input_text').eq(3),
+    urlLabel: () => cy.get('.cke_dialog_ui_text .dialog-input-label').eq(1),
+    urlInputField: () => cy.get('.cke_dialog_ui_input_text input').eq(1),
     //Protocol
     protocolDropDown: () => cy.get('.dialog-input-area').eq(2),
     selectProtocolOptionDropdown: (protocolType = null) => {
@@ -55,8 +55,7 @@ const steps = {
 
     addURLInLinkPopUp: (text) => {
         ckEditorLinkComponent.urlInputField()
-            .type(text, { delay: 0 })
-            .blur();
+            .type(text, { delay: 0 });
     },
 
     addTextInDisplayText: (text) => {
@@ -72,7 +71,7 @@ const steps = {
 
     expandProtocolDropDown: () => {
         ckEditorLinkComponent.protocolDropDown()
-            .click({force: true});
+            .click({ force: true });
     },
 
     selectProtocolType: (protocolType) => {
@@ -122,12 +121,12 @@ const steps = {
             doc.addEventListener('click', () => {
                 setTimeout(function () { doc.location.reload() }, 5000);
             });
-        ckEditorLinkComponent.foxImageLinkUrlValueCheckPreviewTab()
+            ckEditorLinkComponent.foxImageLinkUrlValueCheckPreviewTab()
                 .click();
-         cy.verifyDownload(fileName);
+            cy.verifyDownload(fileName);
         });
     },
-    
+
 
     clickSendItToServerButton: () => {
         ckEditorLinkComponent.sendItToServerButton()

package/cypress/pages/components/commonComponents.js

@@ -97,6 +97,10 @@ const steps = {
         utilities.verifyElementVisibilityState(commonComponents.tooltipText(), 'notExist');
     },
 
+    verifyErrorMessageDoesNotHaveText: () => {
+        commonComponents.errorMessage()
+            .should('not.have.text', 'Error:');
+    }
 }
 
 const tests = {

package/cypress/pages/components/createQuestionBasePage.js

@@ -147,9 +147,22 @@ const steps = {
                         utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
                     });
             }
+            else if (field === 'Please select a file type') {
+                // Upload Response Select File Type Accordion
+                cy.get('.edit-question-edit-tab-wrapper .ngie-accordion-summary')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            } else if (field === 'Please enter text block') {
+                // Content Block Body Label
+                cy.get('.options-label')
+                    .within(() => {
+                        utilities.verifyElementVisibilityState(commonComponents.warningIcon(), 'exist');
+                    });
+            }
         })
     },
-  
+
 
     clickOnEditQuestionButton: () => {
         createQuestionBasePage.editButton()

package/cypress/pages/components/defaultToolDropdown.js

@@ -32,7 +32,7 @@ const steps = {
 
 const tests = {
     verifyDefaultToolDropdown:(toolOptionsArray, defaultTool)=>{
-        const defaultSelectedTool = defaultTool || toolOptionsArray[0];
+        const defaultSelectedTool = defaultTool || toolOptionsArray[1];
         it(`\'Default tool\' label and dropdown should be displayed with \'${defaultSelectedTool}\' option selected by default`, () => {
             utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdownLabel(), 'Default tool');
             utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), defaultSelectedTool);

package/cypress/pages/components/editCategoryFlyout.js

@@ -23,9 +23,9 @@ const selectors = {
 }
 
 const steps = {
-    openEditCategoryFlyout: () => {
+    openEditCategoryFlyout: (categoryName = 'general') => {
         essayResponsePage.equationEditorSectionCategories()
-            .contains(`${equationEditorCategoriesAndSymbols['general'].displayName}`)
+            .contains(`${equationEditorCategoriesAndSymbols[categoryName].displayName}`)
             .parents('[id*="DraggableItem"]')
             .within(() => {
                 essayResponsePage.equationEditorSectionCategoriesEditIcon()

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -252,50 +252,35 @@ const tests = {
             equationEditorFlyout.steps.verifyCategoryIsDisplayedInEquationEditor(`${equationEditorCategoriesAndSymbols['greek'].displayName}`);
         });
 
-        it('On deselecting all the categories an error message should be displayed \'Error: Please select a category.\' and the preview tab Equation Editor flyout should be empty', () => {
-            cy.log('Pre step: Switching to Edit tab')
+        it('On deselecting all the categories, an error message "Error: Please select a category." should be displayed, and the preview tab Equation Editor flyout should be empty', () => {
+            cy.log('Pre step: Switching to Edit tab');
             equationEditorSectionCommonComponent.steps.switchToEditTab();
             if (questionType == 'essay response') {
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+                // Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
                 equationEditorSectionCommonComponent.steps.expandCustomizeFormattingOptionsAccordion();
             }
             equationEditorSectionCommonComponent.steps.selectingCategories([`${equationEditorCategoriesAndSymbols['intermediate'].displayName}`, `${equationEditorCategoriesAndSymbols['primary'].displayName}`, `${equationEditorCategoriesAndSymbols['general'].displayName}`, `${equationEditorCategoriesAndSymbols['common'].displayName}`, `${equationEditorCategoriesAndSymbols['algebra'].displayName}`, `${equationEditorCategoriesAndSymbols['geo'].displayName}`, `${equationEditorCategoriesAndSymbols['compare'].displayName}`, `${equationEditorCategoriesAndSymbols['matrices'].displayName}`, `${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols['keyPad'].displayName}`]);
-            utilities.verifyInnerText(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'Error: Please select a category.');
-            cy.log('Switching to Preview tab')
+            utilities.verifyElementVisibilityState(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'notExist');
+            cy.log('Switching to Preview tab');
             equationEditorSectionCommonComponent.steps.switchToPreviewTab();
             if (questionType == 'essay response') {
                 equationEditorSectionCommonComponent.steps.selectPreviewTabToolbarOption('Equation Editor');
-            }
-            else {
+            } else {
                 equationEditorSectionCommonComponent.steps.focusInResponseAnswerInputFieldPreviewTab(0);
             }
             utilities.verifyElementVisibilityState(equationEditorFlyout.dialogBox(), 'visible');
             utilities.verifyElementVisibilityState(equationEditorFlyout.categoryTabTitle(), 'notExist');
             utilities.verifyElementVisibilityState(equationEditorFlyout.categoryCharactersWrapper(), 'notExist');
-            cy.log('Post step: Switching to Edit tab')
+            cy.log('Post step: Switching to Edit tab');
             equationEditorSectionCommonComponent.steps.switchToEditTab();
             if (questionType == 'essay response') {
-                //Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
+                // Need to remove this once https://redmine.zeuslearning.com/issues/577356 is resolved
                 equationEditorSectionCommonComponent.steps.expandCustomizeFormattingOptionsAccordion();
-            };
-        });
-
-        //https://redmine.zeuslearning.com/issues/530205
-        it('CSS of error message', { tags: 'css' }, () => {
-            utilities.verifyCSS(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), {
-                'color': css.color.errorText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of error message', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(equationEditorSectionCommonComponent.selectACategoryErrorMessage());
+            }
         });
 
-        it('When user selects any category then the error message should disappear', () => {
+        it('User should be able to select any category', () => {
             equationEditorSectionCommonComponent.steps.selectACategoryInEquationEditorSectionEditTab(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`);
-            utilities.verifyElementVisibilityState(equationEditorSectionCommonComponent.selectACategoryErrorMessage(), 'notExist');
         });
     },
 

package/cypress/pages/components/fillInTheGapsDropdownCommonComponent.js

@@ -417,7 +417,7 @@ const steps = {
     },
 
     compareDropdownMenuAndDropdownWidthForAutoScaled: () => {
-        let originalDropdownWidth
+        let originalDropdownWidth;
         utilities.getNthElement(fillInTheGapsDropdownCommonComponent.dropdownSpecifyCorrectAnswerSection(), 0)
             .parents('.response-dropdown-wrapper')
             .then(($originalDropdownWidth) => {
@@ -763,9 +763,9 @@ const tests = {
         });
 
         //Note: the expand and close dropdown does not work hence selecting one option here, the error message appears
-        it('When user expands and collapses the dropdown without selecting any option, \'Error: Please set a correct answer.\' error message should be displayed', () => {
+        it('When user expands and collapses the dropdown without selecting any option, error message should not be displayed', () => {
             fillInTheGapsDropdownCommonComponent.steps.selectResponseFromDropdownSpecifyCorrectAnswerSection(0, 'Flower');
-            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'exist');
+            utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
         });
 
         it('When the user selects any option from the dropdown, then error message should disappear and that option should be displayed on the dropdown', () => {