itemengine-cypress-automation 1.0.352 → 1.0.353-capture-image-c0b337c.0

package/cypress/pages/audioPlayerPage.js

@@ -2,6 +2,7 @@ import constants from "../fixtures/constants";
 import utilities from "../support/helpers/utilities";
 import { ckEditorToolbar, commonComponents, createQuestionBasePage, equationEditorFlyout, playbackControlsBaseComponent } from "./components";
 import { dialogBoxBase } from "./dialogBoxBase";
+import { createItemPage } from "./createItemPage";
 
 const selectors = {
     ...playbackControlsBaseComponent,
@@ -14,11 +15,11 @@ const selectors = {
     uploadAudioFileUploadLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(0),
     uploadAudioFileNameLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(1),
     deleteAudioFileButton: () => cy.get('[aria-label="Delete"]'),
-    sourceUrlLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(0),
-    sourceUrlInputField: () => cy.get('input[aria-label="Source URL"]'),
+    sourceUrlLabel: () => cy.get('[class*="AudioPlayerFormstyles__TextFieldLabel"]').eq(0),
+    sourceUrlInputField: () => cy.get('[class*="AudioPlayerFormstyles__Text"] input[type="text"]'),
     uploadAudioChooseFileButton: () => cy.get('.choose-file-upload-button'),
     uploadAudioNoFileChosenLabel: () => cy.get('[aria-label="No file chosen"]').eq(0),
-    uploadedFileNameLabel: () => cy.get('.selected-file').eq(0),
+    uploadedFileNameLabel: () => cy.get('[class*="AudioPlayerFormstyles__FileInputWrapper"] .selected-file-wrapper').eq(0),
     audioFileUploadProgressBar: () => cy.get('[class*="AudioPlayerstyles__ProgressBar-"]').eq(0),
     inputTypeFile: () => cy.get('input[type="file"]'),
     audioPlayerStyleLabel: () => cy.get('.player-style-label'),
@@ -28,7 +29,7 @@ const selectors = {
     standardStyleToggleButtonLabel: () => cy.get('[data-ngie-testid="standard-toggle-button"] .ngie-toggle-button-label'),
     barStyleToggleButtonLabel: () => cy.get('[data-ngie-testid="bar-toggle-button"] .ngie-toggle-button-label'),
     compactStyleToggleButtonLabel: () => cy.get('[data-ngie-testid="compact-toggle-button"] .ngie-toggle-button-label'),
-    compactPlayerOptionsLabel: () => cy.get('.options-label'),
+    compactPlayerOptionsLabel: () => cy.get('.compact-player-wrapper .options-label'),
     defaultPlayerOptionButton: () => cy.get('[data-ngie-testid="default-toggle-button"]'),
     textPlayerOptionButton: () => cy.get('[data-ngie-testid="text-toggle-button"]'),
     imagePlayerOptionButton: () => cy.get('[data-ngie-testid="image-toggle-button"]'),
@@ -45,28 +46,30 @@ const selectors = {
     customizePlayerLayoutProgressIndicatorButton: () => cy.get('[data-ngie-testid="progressbar-toggle-button"]'),
     customizePlayerLayoutToggleButtonLabel: () => cy.get('[class*="ToggleButtonMUI5style__ButtonLabelWrapper"]'),
     uncheckAllButton: () => cy.get('[class*="AudioPlayerstyles__UncheckButton"]'),
-    uploadTranscriptFileLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(2),
-    uploadTranscriptFileRadioButton: () => cy.get('.ngie-radio-btn input').eq(2),
-    typeInTranscriptLabel: () => cy.get('[class*="RadioGroupMUI5styles__RadioOptionContainer"] .ngie-radio-label').eq(3),
-    typeInTranscriptRadioButton: () => cy.get('.ngie-radio-btn input').eq(3),
-    transcriptInputField: () => cy.get('[role="textbox"][title="Transcript"]'),
-    allowStudentsToDownloadAudioLabel: () => cy.get('[data-ngie-testid="allow-students-to-download-the-audio-checkbox"] .MuiFormControlLabel-label'),
-    allowStudentsToDownloadAudioCheckbox: () => cy.get('[data-ngie-testid="allow-students-to-download-the-audio-checkbox"] input'),
-    limitPlayAttemptsLabel: () => cy.get('[data-ngie-testid="limit-play-attempts-checkbox"] .MuiFormControlLabel-label'),
-    limitPlayAttemptsCheckbox: () => cy.get('[data-ngie-testid="limit-play-attempts-checkbox"] input'),
+    uploadTranscriptFileLabel: () => cy.get('.upload-transcript-opt-label'),
+    uploadTranscriptFileRadioButton: () => cy.get('.upload-transcript-opt-label input'),
+    typeInTranscriptLabel: () => cy.get('.type-in-transcript-opt-label'),
+    typeInTranscriptRadioButton: () => cy.get('[aria-label="Type in transcript"][type="radio"]'),
+    transcriptInputField: () => cy.get('[title="Transcript"]'),
+    cKEditorTranscriptInputField: () => cy.get('textarea[aria-label="Transcript"]'),
+    ckEditorPlayAttemptsLimitInputField: () => cy.get('input[aria-label="Playback Limit"]'),
+    allowStudentsToDownloadAudioLabel: () => cy.get('.allow-students-to-download-audio .MuiFormControlLabel-label').eq(0),
+    allowStudentsToDownloadAudioCheckbox: () => cy.get('.allow-students-to-download-audio input'),
+    limitPlayAttemptsLabel: () => cy.get('.allow-students-to-download-audio .MuiFormControlLabel-label').eq(1),
+    limitPlayAttemptsCheckbox: () => cy.get('.allow-students-to-download-audio input').eq(1),
     playAttemptsLimitLabel: () => cy.get('.playback-limit-wrapper [class*="Label"]'),
-    playAttemptsLimitInputField: () => cy.get('.playback-limit-wrapper input'),
+    playAttemptsLimitInputField: () => cy.get('.freeResponseAudioFormTextInput input'),
     studentViewSettingsLabel: () => cy.get('[class*="AudioPlayerstyles__TranscriptLabelWrapper"]').eq(0),
     audioOverviewLabel: () => cy.get('.additional-settings-label'),
     audioOverviewInputField: () => cy.get('[title="Description"]'),
-    transcriptLabel: () => cy.get('.audio-resource-label-wrapper').eq(1),
+    transcriptLabel: () => cy.get('.freeResponseAudioFormTextInput .transcript-label'),
     uploadTranscriptUploadLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(2),
     uploadTranscriptFileNameLabel: () => cy.get('[class*="AudioPlayerstyles__AudioLabel"]').eq(3),
     uploadTranscriptChooseFileButton: () => cy.get('.upload-audio-file-input-wrapper button').eq(1),
     uploadTranscriptNoFileChosenLabel: () => cy.get('[aria-label="No file chosen"]').eq(1),
-    transcriptInputTypeFile: () => cy.get('input[type="file"]').eq(1),
-    uploadedTranscriptFileNameLabel: () => cy.get('.selected-file').eq(1),
-    transcriptFileUploadProgressBar: () => cy.get('[class*="AudioPlayerstyles__ProgressBar-"]').eq(1),
+    transcriptInputTypeFile: () => cy.get('.upload-transcript-file input[type="file"]'),
+    uploadedTranscriptFileNameLabel: () => cy.get('.upload-transcript-file .selected-file-wrapper'),
+    transcriptFileUploadProgressBar: () => cy.get('.audio-player-form-progressbar'),
     transcriptInputFieldLabel: () => cy.get('.additional-settings-label').eq(1),
     deleteTranscriptButton: () => cy.get('[aria-label*="Delete"]'),
 
@@ -125,6 +128,7 @@ const steps = {
     ...ckEditorToolbar.steps,
     ...equationEditorFlyout.steps,
     ...commonComponents.steps,
+    ...createItemPage.steps,
     /**
     * Uploads a file to the audio player by attaching the file located at the specified filePath.
     * @param {string} filePath - The file path to the file to be uploaded.
@@ -166,6 +170,13 @@ const steps = {
             .blur();
     },
 
+    enterTextInCKEditorTranscriptInputField: (text) => {
+        audioPlayerPage.cKEditorTranscriptInputField()
+            .type(text)
+            .blur();
+    },
+
+
     verifyTextInTranscriptInputField: (text) => {
         audioPlayerPage.transcriptInputField()
             .should('have.text', text);
@@ -706,6 +717,20 @@ const steps = {
             .type(value)
     },
 
+    /**
+     * Sets the playback limit value in the audio player's input field.
+     * @param {string|number} value - The value to set as the playback limit.
+     * @returns {void}
+     */
+    setCKEditorPlaybackLimit: (value) => {
+        audioPlayerPage.ckEditorPlayAttemptsLimitInputField()
+            .clear()
+            .type(value);
+        cy.wait(2000);
+        audioPlayerPage.ckEditorPlayAttemptsLimitInputField()
+            .blur();
+    },
+
     /**
      * Verify the playback limit help text in preview tab
      * @param {string|number} value - The value to set as the playback limit.
@@ -788,14 +813,14 @@ const steps = {
         audioPlayerPage.audioOverviewInputField()
             .find('[data-widget="ngie_equation"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyEquationInAudioOverviewPreviewTab: () => {
         audioPlayerPage.audioOverviewPreviewTab()
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInAudioOverviewInputField: () => {
@@ -896,14 +921,14 @@ const steps = {
         audioPlayerPage.transcriptInputField()
             .find('[data-widget="ngie_equation"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyEquationInTranscriptPreviewTab: () => {
         audioPlayerPage.transcriptContentPreviewTab()
             .find('[role="math"]')
             .should('have.attr', 'aria-label', constants.CKEditorInputFieldEnteredEquationAriaLabel)
-            //  .contains(constants.CKEditorInputFieldEnteredEquationText);
+        //  .contains(constants.CKEditorInputFieldEnteredEquationText);
     },
 
     verifyLinkInTranscriptInputField: () => {

package/cypress/pages/brainingCampManipulativePage.js

@@ -20,7 +20,7 @@ const selectors = {
     selectAManipulativeLabel: () => cy.get('[class*="SelectManipulativeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
     enterAShareCodeLabel: () => cy.get('[class*="EnterShareCodeWrapper"] [class*="BrainingcampManipulativestyle__WrapperSubHeader"]'),
     enterAShareCodeInputField: () => cy.get('[class*="EnterShareCodeWrapper"] input'),
-    previewTabCanvas: () => cy.get('.canvas'),
+    previewTabCanvas: () => cy.get('.bcm-inner')
 }
 
 const steps = {

package/cypress/pages/chartsBarPage.js

@@ -1306,6 +1306,26 @@ const steps = {
     verifyPenaltyPointsForEachIncorrectBar: (penaltyPoints) => {
         utilities.verifyInnerText(autoScoredScoringSectionMultiResponseType.penaltyPointsDetailsSectionAllottedPointsLabel(), `Penalty points for each incorrect bar: ${penaltyPoints}`);
     },
+
+    verifyAnswerStatusBannerNotExist: () => {
+        chartsBarPage.correctIncorrectAnswerTextWrapper()
+            .should('not.exist');
+    },
+
+    verifyAnswerStatusBannerExist: () => {
+        chartsBarPage.correctIncorrectAnswerTextWrapper()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionExist: () => {
+        chartsBarPage.correctAnswersLabel()
+            .should('be.visible');
+    },
+
+    verifyCorrectAnswerSectionNotExist: () => {
+        chartsBarPage.correctAnswersLabel()
+            .should('not.exist');
+    },
 }
 
 const tests = {

package/cypress/pages/components/additionalSettingsPanel.js

@@ -23,8 +23,8 @@ const selectors = {
             return cy.get('[aria-labelledby*="Font-Size-dropdown-label"] [role="option"]')
         }
     },
-    fontSizeListOptionLabels: () => cy.get('[aria-labelledby="Font-Size-dropdown-label Font-Size-placeholder"] li[role="option"] .dropdown-label-text'),
-    fontSizesLabels: () => cy.get('[aria-labelledby="Font-Size-dropdown-label Font-Size-placeholder"] li[role="option"] .dropdown-post-label-text'),
+    fontSizeListOptionLabels: () => cy.get('[aria-labelledby*="Font-Size-dropdown-label"] li[role="option"] .dropdown-label-text'),
+    fontSizesLabels: () => cy.get('[aria-labelledby*="Font-Size-dropdown-label"] li[role="option"] .dropdown-post-label-text'),
 }
 
 const steps = {
@@ -69,6 +69,7 @@ const steps = {
 
     expandFontSizeDropdown: () => {
         additionalSettingsPanel.fontSizeDropdown()
+            .trigger('mouseover')
             .click();
     }
 }

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/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');
         });
     },