itemengine-cypress-automation 1.0.355 → 1.0.356-capture-image-8b4830c.0

package/cypress/pages/thinkSpherePage.js

@@ -1,13 +1,19 @@
 import utilities from "../support/helpers/utilities";
 import { browseItemsPage } from "../pages/components/browseItemsPage";
+import { editCategoryFlyout } from "../pages/components/editCategoryFlyout";
 import { dialogBoxBase } from "../pages/dialogBoxBase";
-import { backgroundImageUploadComponent, createQuestionBasePage, scoringSectionBaseEditTab, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolSettingsComponent, questionInstructionsComponent, studentViewSettingsLabelComponent, defaultToolDropdown, essayResponseCommonComponents, equationEditorSectionCommonComponent, equationEditorFlyout } from "./components"
+import { backgroundImageUploadComponent, createQuestionBasePage, scoringSectionBaseEditTab, commonComponents, additionalSettingsPanel, additionalSettingsAccessibilitySectionComponent, toolSettingsComponent, questionInstructionsComponent, studentViewSettingsLabelComponent, defaultToolDropdown, essayResponseCommonComponents, equationEditorSectionCommonComponent, equationEditorFlyout, createCustomCategoryFlyout } from "./components"
 import { drawingResponsePage } from "./drawingResponsePage";
 import { optionsWrapperComponent } from "../pages/components/optionsWrapperComponent";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
+import { videoResponsePage } from "./videoResponsePage";
+import { singleSelectionPage } from "./singleSelectionPage";
+import { essayResponsePage } from "./essayResponsePage";
+import { equationEditorCategoriesAndSymbols } from "../fixtures/equationEditorCategoriesAndSymbols ";
 const css = Cypress.env('css');
 
 const selectors = {
+    ...essayResponsePage,
     ...backgroundImageUploadComponent,
     ...questionInstructionsComponent,
     ...commonComponents,
@@ -20,10 +26,17 @@ const selectors = {
     ...equationEditorSectionCommonComponent,
     ...selectQuestionResourceToolPage,
     ...browseItemsPage,
+    ...videoResponsePage,
+    ...dialogBoxBase,
+    ...editCategoryFlyout,
+    ...createCustomCategoryFlyout,
+    ...createQuestionBasePage,
+    
     editQuestionPencil: () => cy.get('[class*="Widgetstyles__HeaderContainer"] button.icon-pencil'),
     widgetHeaderQuestionTitle: () => cy.get('[class*="Widgetstyles__HeaderContainer"] [class*="Widgetstyles__QuestionTypeText"]'),
     imageUploadSection: () => cy.get('[class*="TabsComponentstyles__ImageUploadComponentWrapper"]'),
     addThinkSphereQuestionButton: () => cy.get('.ngie-btn-contained').contains('add ThinkSphere question'),
+    whiteBoardCanvasAndControls: () => cy.get('[class*="WhiteboardPagesstyles__WhiteboardPagesWrapper"]'),
     whiteBoardImageProperties: () => cy.get('[class*="WhiteBoardImagePropertiesstyles__ImagePropertiesWrapper"]'),
     whiteBoardImagePropertiesInputTypeFile: () => cy.get('[class*="WhiteBoardImagePropertiesstyles__ImagePropertiesWrapper"] input[type="file"]'),
     topLeftButton: () => utilities.getNthElement(cy.get('button[class*="WhiteBoardImagePropertiesstyles__StyledButton"]'), 0),
@@ -31,8 +44,15 @@ const selectors = {
     topRightButton: () => utilities.getNthElement(cy.get('button[class*="WhiteBoardImagePropertiesstyles__StyledButton"]'), 2),
     opacityLabel: () => utilities.getNthElement(cy.get('h2[class*="WhiteBoardImagePropertiesstyles__LayoutLabel"]'), 1),
     imageAlternativeTextLabel: () => cy.get('div[class*="InlineTextFieldWithDebouncestyles__PropertyLabel"]'),
-    imageAlternativeTextInputField: () => cy.get('[class*="WhiteBoardImagePropertiesstyles__AltTextWrapper"] input'),
+    imageAlternativeTextInputField: () => cy.get('input.text-field'),
     imageRadioButton: () => cy.get('div[data-value="image"]'),
+    manageWhiteBoardTitle: () => cy.get('[class*="WhiteboardPagesstyles__HeadingLabel"]'),
+    whiteBoardPreviousButton: () => cy.get('[class*="whiteboard-pagination-prev-button"]'),
+    whiteBoardPageLabel: () => cy.get('[class*="WhiteboardPagesstyles__PageLabel"]'),
+    whiteBoardPageCounter: () => cy.get('[class*="WhiteboardPagesstyles__PageCounter"]'),
+    whiteBoardNextButton: () => cy.get('[class*="whiteboard-pagination-next-button"]'),
+    whiteBoardDeleteButton: () => cy.get('[class*="whiteboard-delete-page-button"]'),
+    whiteBoardAddNewPageButton: () => cy.get('[class*="whiteboard-add-new-page-button"]'),
     imageRadioInput: () => cy.get('div[data-value="image"] input[type="radio"]'),
     pageImageTitle: () => cy.get('div[class*="WhiteBoardImagePropertiesstyles__PageImageTitle"]'),
     radioGroupWrapper: () => cy.get('div[class*="ngie-radio-group-wrapper"]'),
@@ -60,7 +80,7 @@ const selectors = {
     planStrategyListResetToDefault: () => cy.get('[class*="Planstyles__StrategiesWrapper"] [class*="Planstyles__DefaultResetWrapper"]'),
     planStrategyAddItemButton: () => cy.get('[class*="Planstyles__StrategiesWrapper"] [class*="ListOptionsComponentstyles__AddItemWrapper"] [role="button"]'),
     planStrategyCheckbox: () => cy.get('[class*="Planstyles__StrategiesWrapper"] .thinksphere-option-text-field-wrapper [data-ngie-testid*="-checkbox"]'),
-    videoLinkComponent: () => utilities.getNthElement(cy.get('[class*="ListOptionsComponentstyles__UploadVideoWrapper"]'), 0),
+    videoLinkComponent: (nthElement = 0) => utilities.getNthElement(cy.get('[class*="ListOptionsComponentstyles__UploadVideoWrapper"]'), nthElement),
     uploadVideoLinkButton: () => cy.get('[class*="ListOptionsComponentstyles__UploadVideoTextWrapper"]'),
     planSentenceStarterSection: () => cy.get('[class*="Planstyles__SentenceFramesWrapper"]'),
     planSentenceStarterListHeader: () => cy.get('[class*="Planstyles__SentenceFramesWrapper"] [class*="Planstyles__HeadingTextWrapper"]'),
@@ -71,13 +91,14 @@ const selectors = {
     solvePhaseAccordianLabel: () => cy.get('[class*="Solvestyles__AccordionLabel"]'),
     inputTypeVideoFile: () => cy.get('[class*="Planstyles__StrategiesWrapper"] input[type="file"]'),
     inputTypeFile: () => cy.get('[class*="TabsComponentstyles__ImageUploadComponentWrapper"] input[type="file"]'),
+    whiteBoardInputTypeFile: () => cy.get('[class*="UploadImagestyles__UploadWrapper"] input[type="file"]'),
     warningPopupTitle: () => cy.get('.dialog-title-wrapper'),
     warningPopupContentText: () => cy.get('.upload-question-preview-popup-error-msg'),
     warningPopupOkButton: () => cy.get('.upload-question-preview-popup-ok-btn'),
-    editVideoButton: () => cy.get('[aria-label*="Edit video"]'),
+    editVideoButton: () => cy.get('[aria-label*="Change video"]'),
     deleteVideoButton: () => cy.get('[aria-label*="Delete video"]'),
     listInputField: () => cy.get('.option-component textarea[placeholder]'),
-    deleteButton: () => cy.get('button[aria-label*="Delete item"]'),
+    deleteButton: () => cy.get('button[aria-label*="Delete"].ngie-icon-btn-cls'),
     optionNumeration: () => cy.get('[class*="MuiInputAdornment-positionStart"]'),
     iconPencil: () => cy.get('div[class*="icon-pencil"]'),
     iconXCircle: () => cy.get('div[class*="icon-x-circle"]'),
@@ -90,11 +111,12 @@ const selectors = {
     addCheckMathQuestionButton: () => cy.get('.ngie-btn-typography').contains(`Add 'Check your math' question`),
     firstAvailableItemLink: () => utilities.getNthElement(cy.get('.browse-item-styled-link'), 0),
     saveButton: () => cy.get('.ngie-btn-typography').contains('save',{matchCase: false}),
+    cancelButton: () => cy.get('.ngie-btn-typography').contains('cancel',{matchCase: false}),
     AddCheckMathQuestionHeader: () => cy.get('.browse-title-wrapper').contains(`Add 'Check your math' question`),
     singleOptionTextFieldWrapper: () => cy.get('[class*="SingleOptionstyle__TextFieldWrapper"]'),
     customizeStampComponent: () => cy.get('[class*="CustomizeStampstyles__CustomizeStampWrapper"]'),
     customizeStampHeading: () => cy.get('[class*="CustomizeStampstyles__CustomizeStampHeading"]'),
-    customizeStampCard: (ariaLabel) => cy.get(`[class*="CustomizeStampstyles__StampCard"]${ariaLabel ? ('[aria-label="' + ariaLabel + '"]') : ''}`),
+    customizeStampCard: (ariaLabel, checked) => cy.get(`[class*="CustomizeStampstyles__StampCard"]${ariaLabel ? ('[aria-label="' + ariaLabel + '"]') : ''}${checked ? ('[aria-checked="' + checked + '"]') : ''}`),
     customizeStampCardImg: (ariaLabel) => cy.get('[class*="CustomizeStampstyles__QuestionImage"]'),
     questionImage: () => cy.get('img[class*="QuestionImageComponentstyle__QuestionImage"]'),
     stampsToolButton: () => cy.get('#stamps button[aria-label*="Stamps"]'),
@@ -114,16 +136,96 @@ const selectors = {
     imageUploadSectionQuestionImageCrossIcon: () => thinkSpherePage.imageUploadSection().find('div[class*="QuestionImageComponentstyle__CrossIcon"]'),
     imageRadioButtonParentSvg: () => thinkSpherePage.imageRadioButton().parent().find('svg'),
     solvePhaseAccordionSvg: () => thinkSpherePage.solvePhaseAccordion().find('svg'),
-    customizeToolsAndControlsSvg: () => thinkSpherePage.customizeToolsAndControls().find('svg'),
+    customizeToolsAndControlsPath: () => thinkSpherePage.customizeToolsAndControls().find('path'),
     solvePhaseToolsAndControlsOptionsTilesFeatherCheckIcon: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('[data-name="Icon feather-check"]'),
     solvePhaseToolsAndControlsOptionsTilesRectangle: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('[data-name*="Rectangle"]'),
     solvePhaseToolsAndControlsOptionsTilesDragItemFlexWrapperSvg: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('.drag-item-flex-wrapper svg'),
     solvePhaseToolsAndControlsOptionsTilesTextDragIconSvgPath: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Text').find('.drag-icon-button-custom-format svg path'),
-    solvePhaseToolsAndControlsOptionsTilesArrayDragIconSvgPath: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Array').find('.drag-icon-button-custom-format svg path')
+    solvePhaseToolsAndControlsOptionsTilesArrayDragIconSvgPath: () => thinkSpherePage.solveToolsAndControlsOptionsTiles('Array').find('.drag-icon-button-custom-format svg path'),
+    playerTimer: () => cy.get('[class*="VideoPlayerstyles__PlayerTimerWrapper"]'),
+    strategiesPreviewHeader: () => cy.get('[class*="StrategiesPreviewstyles__HeadingWrapper"]'),
+    addNewStrategyButton: () => cy.get('[class*="StrategiesPreviewstyles__AddStrategyButton"]'),
+    strategiesInputBoxEditTab: () => cy.get('.video-upload-support-wrapper .edit-mcq-option-wrapper'),
+    strategiesBoxPreviewTab: () => cy.get('[class*="StrategiesPreviewstyles__ListWrapper"]'),
+    popupTitle: () => cy.get('[class*="dialog-title-wrapper"]'),
+    strategyNameLabel: () => cy.get('[class*="ThinkSpherePreviewstyles__StrategyNameTextWrapper"]'),
+    strategyNameInputField: () => cy.get('[class*="new-strategy-name-field"]'),
+    addStrategyPopupCancelButton: () => 
+        cy.get('.dialog-content').contains('Cancel'),
+    addStrategyPopupSaveButton: () => 
+        cy.get('.dialog-content').contains('Save'),
+    // preview tab plan section selection
+    questionInstructionPreviewTexWrapper: () => cy.get('.question-instruction.question-text-wrapper'),
+    questionInstructionPreviewImageWrapper: () => cy.get('[class*="ThinkSpherePreviewstyles__ImageWrapper"]'),
+    questionInstructionPreviewImageExpandButton: () => cy.get('[class*="ThinkSpherePreviewstyles__ExpandImageIconWrapper"]'),
+    questionInstructionImagePopup: () => cy.get('[class*="QuestionTextstyle__ImagePopupDiv"]'),
+    closeExpandImagePopupButton: () => cy.get('.close-popup-btn'),
+    PlanningPreviewWrapper : () => cy.get('[class*="PlanningPreviewstyles__PlanningPreviewWrapper"]'),
+    planningPreviewHeading: () => cy.get('[class*="PlanningPreviewstyles__HeadingWrapper"]'),
+    planningWriteWrapper : () => cy.get('[class*="PlanningPreviewstyles__WriteWrapper"]'),
+    problemAskingWrapper: () => cy.get('[class*="PlanningPreviewstyles__ProblemAskingWrapper"]'),
+    contentEditableDiv: () => cy.get('[class*="PlanningPreviewstyles__ContentEditableDiv"]'),
+    micIconWrapper: () => cy.get('[class*="PlanningPreviewstyles__MicIconWrapper"]'),
+    strategiesToPlanWrapper: () => cy.get('[class*="PlanningPreviewstyles__StrategiesToPlanWrapper"]'),
+    subheadingWrapper: () => cy.get('[class*="PlanningPreviewstyles__SubHeadingWrapper"]'),
+    writePlanWrapper: () => cy.get('[class*="PlanningPreviewstyles__WritePlanWrapper"]'),
+    strategyChipWrapper: () => cy.get('[class*="PlanningPreviewstyles__StrategyChipWrapper"]'),
+    strategyChip: () => cy.get('[class*="PlanningPreviewstyles__StrategyChip-"]'),
+    strategiesPreviewListLI: () => cy.get('[class*="StrategiesPreviewstyles__ListLI"]'),
+    chooseStarterLabel: () => cy.get('[class*="ThinkSpherePreviewstyles__DropDownLabel"]'),
+    chooseStarterDropdown: () => cy.get('[class*="drop-down-parent"]'),
+    chooseStarterTextIconWrapper: () => cy.get('[class*="DropDownstyles__StarterTextIconWrapper"]'),
+    chooseStartersListOptions: () => cy.get('.ngie-popover-container.dropdown-list-container li[role="option"]'),
+    chooseStartersListOptionLabels: () => cy.get('.ngie-popover-container.dropdown-list-container li[role="option"] .dropdown-label-text'),
+    starterTextWrapper: () => cy.get('.starter-text-wrapper'),
+    starterIocn: () => cy.get('[class*="DropDownstyles__StarterIconWrapper"]'),
+    addNewStrategyTextWrapper: () => cy.get('[class*="StrategiesPreviewstyles__AddStrategyTextWrapper"]'),
+    strategyTextWrapper: () => cy.get('[class*="StrategiesPreviewstyles__StrategyTextWrapper"]'),
+    videoIconWrapper: () => cy.get('[class*="StrategiesPreviewstyles__VideoIconWrapper"]'),
+    whiteBoardCanvas: () => cy.get('[class*="WhiteboardPagesstyles__Canvas"]'),
+    whiteBoardImage: () => cy.get('[class*="WhiteboardPagesstyles__BackgroundImage"]'),
+    videoPopupTitle: () => cy.get('[class*="dialog-title-wrapper"]'),
+    videoPopupCloseButton: () => cy.get('[class*="dialog-close-button"]'),
+    videoPreviewPopup: () => cy.get('[class*="video-preview-popup"]'),
+    gridItemsWrapper: (number) => cy.get('[class*="DragAndDropGridstyles__GridItemsWrapper"]').eq(number),
+    dragButton: (number) => cy.get('[type="button"]').eq(number),
+    customizeStampsButton: (customizeStampPosition) => cy.get(`button[aria-label="Stamp ${customizeStampPosition}"]`),
+    buttonSave: () => cy.get('.action-btn-wrapper button').eq(1),
+    buttonCancel: () => cy.get('.action-btn-wrapper button').eq(0),
+    nextGenThinkSphereCreateItemWrapper: () => cy.get('#nextgen-thinkshpere-create-item'),
+    equationEditorSectionTitle: () => cy.get('.equation-editor-text-title'),
+    referenceIdWrapper: () => cy.get('.edit-item-reference-id-wrapper'),
+    editBoxWrapper: () => cy.get('.edit-box-wrapper'),
+    editBoxText: () => cy.get('.edit-box-text'),
+    editBoxTextInput: () => thinkSpherePage.editBoxWrapper().find('input'),
+    editIconPencil: () => cy.get('.icon-pencil'),
+    thinkSphereQuestionHeader: () => cy.get('.edit-question-header-title'),
+    filterSectionQuestionTypesAccordion: () => cy.get('.filter-section-expansion-panel-summary-root'),
+    filterSectionQuestionAccordion: () => cy.get('.expansion-item-expansion-panel-summary-content'),
+    checkBox: () => cy.get('.MuiCheckbox-root'),
+    browseItemQuestionItem: () => cy.get('.browse-item-question-item'),
+    ErrorMessageContainer: () => cy.get('.ErrorMessageContainer'),
+    categoriesDropDown: () => cy.get('.dropdown-form-control[label="Categories"]'),
+    categoriesDropDownLabelText: () => cy.get('.dropdown-label-text'),
+    categoriesDropDownMenuItem: () => cy.get('.dropdown-menu-item .dropdown-label-text'),
+    categoriesDropDownParent: () => cy.get('.drop-down-parent'),
+    cardWrapper: () => cy.get('.card-wrapper'),
+    cardLabel: () => cy.get('.widget-card-label'),
+    thinkSphereQuestionInstructionCKEditor: () => cy.get('div.cke_editable[contenteditable="true"]'),
+    reviewTab: () => cy.get('div[aria-label="Review tab"]'),
+    planTab: () => cy.get('div[aria-label="Plan tab"]'),
+    checkYourMathHeading: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__CheckYourMathTextWrapper"]'), 0),
+    problemAskingToMeTextWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ProblemAskingToMeTextWrapper"]'), 0),
+    reviewQuestionWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__QuestionWrapper"]'), 0),
+    reviewComponentWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ComponentWrapper"]'), 0),
+    problemStatementWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ProblemStatementWrapper"]'), 0),
+    gradingViewRadioButton: () => cy.get('label[aria-label="Grading View"]'),
+    studentViewRadioButton: () => cy.get('label[aria-label="Student View"]'),
+    correctAnswerLabelWrapper: () => cy.get('div[class*="CorrectAnswerLabelWrapper"]'),
 };
 
 const steps = {
-    ...createQuestionBasePage.steps,
+    ...essayResponsePage.steps,
     ...backgroundImageUploadComponent.steps,
     ...questionInstructionsComponent.steps,
     ...scoringSectionBaseEditTab.steps,
@@ -138,6 +240,9 @@ const steps = {
     ...equationEditorSectionCommonComponent.steps,
     ...selectQuestionResourceToolPage.steps,
     ...browseItemsPage.steps,
+    ...videoResponsePage.steps,
+    ...createQuestionBasePage.steps,
+    ...createCustomCategoryFlyout.steps,
 
     /**
      * Navigates to the ThinkSphere create question page.
@@ -209,12 +314,24 @@ const steps = {
         cy.wait('@setItem');
     },
 
+    clickOnCancelButton: () => {
+        cy.interceptGraphql('setItem');
+        thinkSpherePage.cancelButton()
+            .click();
+    },
+
     clickOnSwapButton: () => {
         thinkSpherePage.ThinkSphereMathQuestionHeaderSwapIcon()
             .click();
         cy.wait(2000);
     },
 
+    clickOnEditButton: () => {
+        thinkSpherePage.ThinkSphereMathQuestionHeaderPencilIcon()
+            .click();
+        cy.wait(2000);
+    },
+
     clickOnDeleteButton: () => {
         thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon()
             .click();
@@ -246,13 +363,32 @@ const steps = {
         cy.wait(4000);
     },
 
+    uploadWhiteBoardImage: (file) => {
+        thinkSpherePage.whiteBoardInputTypeFile()
+            .attachFile(file);
+        cy.wait(4000);
+    },
+
     /**
      * Uploads a video file.
      * @param {string} file - The file to upload.
      */
     uploadVideoFile: (file) => {
-        thinkSpherePage.inputTypeVideoFile()
-            .attachFile(file);
+        const fileName = file.split('/').pop(); // Extracts only 'sample.mp4'
+    
+        cy.fixture(file, 'binary') // Read the file as binary
+            .then(Cypress.Blob.binaryStringToBlob)
+            .then((blob) => {
+                const fileObj = new File([blob], fileName, { type: 'video/mp4' });
+                const dataTransfer = new DataTransfer();
+                dataTransfer.items.add(fileObj);
+    
+                thinkSpherePage.inputTypeVideoFile().then(($input) => {
+                    $input[0].files = dataTransfer.files;
+                    cy.wrap($input).trigger('change', { force: true });
+                });
+            });
+    
         cy.wait(4000);
     },
 
@@ -278,11 +414,6 @@ const steps = {
         thinkSpherePage.addThinkSphereQuestionButton()
             .click();
     },
-    
-    navigateToThinkSphereCreateQuestion: () => {
-        thinkSpherePage.steps.navigateToThinkSphereCreateItem();
-        thinkSpherePage.steps.clickOnAddThinkSphereQuestion();
-    },
 
     verifyCenterOptionAlignmentIsSelected: () => {
         thinkSpherePage.centerButton()
@@ -386,17 +517,7 @@ const steps = {
         thinkSpherePage.solveToolsAndControlsOptionsTiles(option)
         .should('have.attr', 'data-aria-pressed', 'false');
     },
-    navigateToThinkSphereCreateItem: () => {
-        cy.visit('/item-engine/thinksphere/create-item');
-    },
-    clickOnAddThinkSphereQuestion: () => {
-        thinkSpherePage.addThinkSphereQuestionButton()
-            .click();
-    },
-    navigateToThinkSphereCreateQuestion: () => {
-        thinkSpherePage.steps.navigateToThinkSphereCreateItem();
-        thinkSpherePage.steps.clickOnAddThinkSphereQuestion();
-    },
+
     /**
      * Verifies the options contents.
      * @param {number} index - The index of the option.
@@ -477,7 +598,8 @@ const steps = {
                 .click();
         } else {
             thinkSpherePage.planSentenceStarterAddItemButton()
-                .click();
+                .click()
+                .trigger('mouseout', { force: true });
         }
     },
 
@@ -508,14 +630,14 @@ const steps = {
                 .within(() => {
                     utilities.getNthElement(thinkSpherePage.listInputField(), optionCount)
                         .clear()
-                        .type(text);
+                        .type(text, { delay: 500 });
                 });
         } else {
             thinkSpherePage.planSentenceStarterSection()
                 .within(() => {
                     utilities.getNthElement(thinkSpherePage.listInputField(), optionCount)
                         .clear()
-                        .type(text);
+                        .type(text, { delay: 500 });
                 });
         }
     },
@@ -550,7 +672,7 @@ const steps = {
                 thinkSpherePage.customizeStampCard()
                     .should('have.length', defaultStamps.length);
                 defaultStamps.forEach((ele) => {
-                    utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampCard(`${ele} selected`), 'visible');
+                    utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampCard(ele, 'true'), 'visible');
                 });
             });
     },
@@ -575,9 +697,9 @@ const steps = {
         thinkSpherePage.customizeStampComponent()
             .within(() => {
                 thinkSpherePage.steps.clickOnCustomizeCard(0);
-                utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampCard('Stamp 1 not selected'), 'visible');
+                utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampCard('Stamp 1', 'false'), 'visible');
                 thinkSpherePage.steps.clickOnCustomizeCard(0);
-                utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampCard('Stamp 1 selected'), 'visible');
+                utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampCard('Stamp 1', 'true'), 'visible');
             });
     },
 
@@ -597,7 +719,7 @@ const steps = {
         utilities.verifyCSS(
             utilities.getNthElement(thinkSpherePage.customizeStampCard(), 0),
             {
-                border: `1px solid ${css.color.figDefaultComponentBorder}`,
+                border: `1px solid ${css.color.secondaryBtnDisabled}`,
             },
         );
         utilities.getNthElement(thinkSpherePage.customizeStampCard(), 0)
@@ -609,18 +731,631 @@ const steps = {
                     });
             });
     },
-    createReviewQuestion: (questionType = 'Drawing Response') => {
+    createReviewQuestion: () => {
+        const questionType = 'single selection'
+        const options = ['Animal', 'Vehicle', 'Birds', 'Insects'];
         thinkSpherePage.steps.clickOnCreateItemButton();
         thinkSpherePage.steps.selectQuestionType(questionType);
+        singleSelectionPage.steps.addQuestionInstructions();
+        singleSelectionPage.steps.addInputToOptionsInputField(options);
+        singleSelectionPage.steps.allotPoints(20);
+        singleSelectionPage.steps.checkOptionInSpecifyCorrectAnswerSection(1);
         thinkSpherePage.steps.clickOnSaveButton();
     },
+
+    clickOnVideoLink: () => {
+        thinkSpherePage.videoLinkComponent()
+            .click();
+    },
+
+    verifyVideoPlaybackTimer: (elapsedTime, totalTime) => {
+        thinkSpherePage.playerTimer()
+            .should('have.text', `${elapsedTime}/${totalTime}`);
+    },
+
+    waitForPlaybackToBegin: () => {
+        thinkSpherePage.playerTimer()
+            .should('contain', '0:01/');
+    },
+
+    expandChooseStarterDropdown: () => {
+        thinkSpherePage.chooseStarterDropdown()
+            .click();
+    },
+
+    verifyOptionAlignmentIsSelected: (direction) => {
+        if(direction === 'topLeft') {
+            thinkSpherePage.whiteBoardCanvas()
+            .should('not.have.css', 'justify-content', 'start');
+        } else {
+            thinkSpherePage.whiteBoardCanvas()
+                .should('have.css', 'justify-content', (direction === 'center' || direction === 'flex-end') ? 'normal' : direction);
+            if (direction === 'center') {
+                thinkSpherePage.whiteBoardCanvas()
+                    .should('have.css', 'align-items', 'normal');
+            }
+        }
+    },
+    
     clickOnImageRadioButton: () => {
         thinkSpherePage.imageRadioButton()
             .click();
-    }
+    },
+
+    clickOnEditQuestionIcon: () => {
+        utilities.getNthElement(thinkSpherePage.editQuestionPencil(), 0)
+            .click();
+        cy.wait(1000);
+    },
+
+    clickOnQuestionInstructionExpandImageButton: () => {
+        utilities.getNthElement(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 0)
+            .click();
+    },
+
+    clickOnCloseExpandImagePopupButton: () => {
+        thinkSpherePage.dialogBoxRoot()
+            .within(() => {
+                thinkSpherePage.closeExpandImagePopupButton()
+                    .click();
+            });
+    },
+
+    clickOnStrategiesPreviewListLI: () => {
+        utilities.getNthElement(thinkSpherePage.strategiesPreviewListLI(), 1)
+            .click();
+    },
+
+    clickOnVideoIcon: () => {
+        utilities.getNthElement(thinkSpherePage.videoIconWrapper(), 0)
+            .click();
+    },
+
+    closeVideoPopup: () => {
+        thinkSpherePage.dialogBoxRoot()
+            .within(() => {
+                thinkSpherePage.buttonClose()
+                    .click();
+            });
+    },
+
+    hoverOnVolumeControlButton: () => {
+        thinkSpherePage.volumeControlButton()
+            .realHover({ position: 'bottom' });
+    },
+
+    verifyPlaybackElapsedTime: (time) => {
+        const playbackTimeElement = thinkSpherePage.playerTimer();
+        playbackTimeElement
+            .invoke('text')
+            .then((text) => {
+                let elapsedTime = text.split('/')[0];
+                let currentElapsedTimerMinutes = Number(elapsedTime.split(':')[0]);
+                let currentElapsedTimerSeconds = Number(elapsedTime.split(':')[1]);
+                let currentTotalElapsedTimerSeconds = currentElapsedTimerMinutes * 60 + currentElapsedTimerSeconds;
+                expect(currentTotalElapsedTimerSeconds).to.eq(time);
+            });
+    },
+
+    getToolbarOptionCount: (number) => {
+        return thinkSpherePage.gridItemsWrapper(number).find('button').its('length');
+    },
+
+    selectTools: (array, number) => {
+        thinkSpherePage.steps.getToolbarOptionCount(number).then((count) => {
+            thinkSpherePage.gridItemsWrapper(number).within(() => {
+                for (let i = 0; i < count; i++) {
+                    thinkSpherePage.dragButton(i)
+                        .invoke('attr', 'aria-label')
+                        .then((attr) => {
+                            if (attr.includes('not-selected')) {
+                                const toolName = attr.split(' ').slice(0, -1).join(' ');
+                                if (array.includes(toolName)) {
+                                    thinkSpherePage.dragButton(i)
+                                        .click();
+                                }
+                            } else {
+                                const toolName = attr.split(' ').slice(0, -1).join(' ');
+                                if (!array.includes(toolName)) {
+                                    thinkSpherePage.dragButton(i)
+                                        .click();
+                                }
+                            }
+                        })
+                }
+            });
+        });
+    },
+
+    verifySelectTools: (array, number) => {
+        thinkSpherePage.steps.getToolbarOptionCount(number).then((count) => {
+            thinkSpherePage.gridItemsWrapper(number).within(() => {
+                for (let i = 0; i < count; i++) {
+                    thinkSpherePage.dragButton(i)
+                        .invoke('attr', 'aria-label')
+                        .then((attr) => {
+                            const toolName = attr.split(' ').slice(0, -1).join(' ');
+                            if (array.includes(toolName)) {
+                                thinkSpherePage.dragButton(i)
+                                    .invoke('attr', 'aria-label')
+                                    .should('contain', ' selected');
+                            } else {
+                                thinkSpherePage.dragButton(i)
+                                    .invoke('attr', 'aria-label')
+                                    .should('contain', ' not-selected');
+                            }
+                        })
+                }
+            });
+        });
+    },
+
+    verifyUploadedImage: () => {
+        thinkSpherePage.whiteBoardImage()
+            .should('exist')
+            .and('have.attr', 'src')
+            .and('not.be.empty');
+    },
+
+    visitThinksphereBrowseItemsPage: () => {
+        cy.visit('/item-engine/thinksphere/browse-items');
+        cy.interceptGraphql('getItems');
+        cy.wait('@getItems');
+    },
+
+    clickOnCustomizeStamp: (customizeStampPosition) => {
+        thinkSpherePage.customizeStampsButton(customizeStampPosition)
+            .click();
+        cy.wait(1000);
+    },
+
+    verifyCustomizeStampSelectedUnselected: (selected, customizeStampPosition) => {
+        utilities.verifyElementAttribute(thinkSpherePage.customizeStampsButton(customizeStampPosition), 'aria-checked', selected ? 'true' : 'false');
+    },
+
+    saveCustomCategory: () => {
+        thinkSpherePage.buttonSave()
+            .click();
+    },
+
+    cancelCustomCategory: () => {
+        thinkSpherePage.buttonCancel()
+            .click();
+    },
+
+    createCustomCategoryWithMultipleCategoryCharacters: () => {
+        cy.log('Creating a custom category by selecting \'Keypad\' category, partially selecting \'Basic\' and \'Greek\' categories')
+        createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
+        createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['primary'].displayName}`);
+        cy.wait(2000);
+        createCustomCategoryFlyout.steps.verifyPartiallyCheckedStateOfCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['matrices'].displayName}`);
+        createCustomCategoryFlyout.steps.expandCategoryAccordion(`Greek Symbols`);
+        createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols.greek.symbols.gamma.ariaLabel}`);
+        createCustomCategoryFlyout.steps.selectASymbolInCreateCustomCategoryFlyout(`${equationEditorCategoriesAndSymbols['greek'].displayName}`, `${equationEditorCategoriesAndSymbols.greek.symbols.delta.ariaLabel}`);
+        createCustomCategoryFlyout.steps.addInputToCustomCategoryNameInputField('Custom category with name.');
+        thinkSpherePage.steps.saveCustomCategory();
+        utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+    },
+
+    createCustomCategoryWithNameAndIcon: () => {
+        cy.log('Creating a category by selecting \'Arrows\' category')
+        createCustomCategoryFlyout.steps.openCreateCustomCategoryFlyout();
+        createCustomCategoryFlyout.steps.checkCategoryAccordionCheckbox(`${equationEditorCategoriesAndSymbols['geo'].displayName}`);
+        createCustomCategoryFlyout.steps.addInputToCustomCategoryNameInputField('Custom category with name and icon.');
+        createCustomCategoryFlyout.steps.addInputToCategoryIconInputField('#');
+        thinkSpherePage.steps.saveCustomCategory();
+    },
+
+    verifyCategoryCharactersAndUnSelectedState: (arrayOfSymbolsAriaLabel) => {
+        thinkSpherePage.categoryCharacters()
+        .then(($symbols) => {
+            for (let index = 10; index < $symbols.length - 1; index++) {
+                editCategoryFlyout.categoryCharacters()
+                .eq(index)
+                .should('not.have.class', 'Mui-selected')
+                .invoke('attr', 'aria-label')
+                .then((ariaLabel) => {
+                    const tooltipText = ariaLabel.split(' ').slice(0, -1).join(' ');
+                    editCategoryFlyout.categoryCharacters()
+                        .eq(index)
+                        .verifyTooltip(tooltipText);
+                });
+            }
+        });
+    },
+
+    verifyCategoryCharactersAndSelectedState: (arrayOfSymbolsAriaLabel) => {
+        editCategoryFlyout.categoryCharacters()
+            .then(($symbols) => {
+                for (let index = 0; index < arrayOfSymbolsAriaLabel.length - 1; index++) {
+                    editCategoryFlyout.categoryCharacters()
+                    .eq(index)
+                    .should('have.class', 'Mui-selected')
+                    .invoke('attr', 'aria-label')
+                    .then((ariaLabel) => {
+                        const tooltipText = ariaLabel.split(' ').slice(0, -1).join(' ');
+                        editCategoryFlyout.categoryCharacters()
+                            .eq(index)
+                            .verifyTooltip(tooltipText);
+                    });
+                }
+            });
+    },
+
+    expandDropdown: () => {
+        thinkSpherePage.categoriesDropDownParent()
+            .click();
+    },
+
+    verifyDropdownOptions: (dropDownListArray) => {
+        thinkSpherePage.categoriesDropDownMenuItem().should('have.length', dropDownListArray.length).each(($item) => {
+        cy.wrap($item)
+            .invoke('text')
+            .then((text) => {
+                const trimmedText = text.trim();
+                expect(dropDownListArray).to.include(trimmedText);
+            });
+        });
+    },
+
+    clickOnDropDownCategory: (index) => {
+        thinkSpherePage.categoriesDropDownMenuItem().eq(index).click();
+    },
+
+    clickOnQuestionTypesAccordion: () => {
+        thinkSpherePage.filterSectionQuestionTypesAccordion()
+        .click()
+    },
+
+    typeInSearchBar: (input) => {
+        thinkSpherePage.searchBar()
+        .clear()
+        .type(input)
+        .should('have.value', input);
+    },
+
+    searchInSearchBar: (input) => {
+        thinkSpherePage.searchBar()
+        .clear()
+        .type(input)
+        .should('have.value', input)
+        .type('{enter}');
+    },
+
+    clickOnSolvePhaseAccordionIcon: (element) => {
+        thinkSpherePage.solvePhaseAccordionExpandIcon()
+            .click();
+    },
+
+    verifyElementDoesNotHaveExpandedClass: (element) => {
+        element.should('not.have.class', 'Mui-expanded');
+    },
+
+    verifyElementDoesNotHaveCheckedClass: (element) => {
+        element.should('not.have.class', 'Mui-checked');
+    },
+
+    verifyThinkSphereSearchBarPlaceholder: () => {
+        thinkSpherePage.searchBar().should('have.attr', 'placeholder', 'Search by title, tags and content');
+    },
+
+    verifyReviewItemSearchBarPlaceholder: () => {
+        thinkSpherePage.searchBar().should('have.attr', 'placeholder', 'Search by question type');
+    },
+
+    verifyEquationEditorSectionCategoryNotPressed: () => {
+        thinkSpherePage.equationEditorSectionCategories().eq(1).should('have.attr', 'data-aria-pressed', 'false');
+    },
+
+    verifyEquationEditorSectionCategoryIsPressed: () => {
+        thinkSpherePage.equationEditorSectionCategories().eq(10).should('have.attr', 'data-aria-pressed', 'true');
+    },
+
+    verifyTypeCheckBoxStrategy: () => {
+        utilities.getNthElement(thinkSpherePage.planStrategyCheckbox(), 5)
+            .find('input').should('have.attr', 'type', 'checkbox');
+    },
+
+    verifyTypeCheckBoxSentenceStarter: () => {
+        utilities.getNthElement(thinkSpherePage.planSentenceStarterCheckbox(), 5)
+            .find('input').should('have.attr', 'type', 'checkbox');
+    },
+
+    verifyStrategyCheckBoxNotChecked: () => {
+        utilities.getNthElement(thinkSpherePage.planStrategyCheckbox(), 5)
+            .find('input').should('not.have.attr', 'checked');
+    },
+
+    verifySentenceStrategyCheckBoxNotChecked: () => {
+        utilities.getNthElement(thinkSpherePage.planSentenceStarterCheckbox(), 5)
+            .find('input').should('not.have.attr', 'checked');
+    },
+
+    verifyTextIsNotEmpty: (element) => {
+        element.invoke('text')
+        .should('not.be.empty');
+    },
+
+    verifyLength: (element, length) => {
+        element.should('have.length', length);
+    },
+
+    verifyFilterSectionExpanded: () => {
+        thinkSpherePage.filterSectionQuestionTypesAccordion().should('have.class', 'Mui-expanded');
+    },
+
+    verifyFilterSectionCollapsed: () => {
+        thinkSpherePage.filterSectionQuestionTypesAccordion().should('not.have.class', 'Mui-expanded');
+    },
+
+    verifySolvePhaseAccordionExpanded: () => {
+        thinkSpherePage.solvePhaseAccordionExpandIcon().should('have.class', 'Mui-expanded');
+    },
+
+    verifySolvePhaseAccordionCollapsed: () => {
+        thinkSpherePage.solvePhaseAccordionExpandIcon().should('not.have.class', 'Mui-expanded');
+    },
+
+    addQuestionInstructionInnerHTML: (innerHTML) => {
+        thinkSpherePage.thinkSphereQuestionInstructionCKEditor()
+            .invoke('html', innerHTML);
+    },
+
+    verifyQuestionInstructionIncreasedHeightAndScrollBar: () => {
+        thinkSpherePage.thinkSphereQuestionInstructionCKEditor()
+            .invoke('height') // Get the height of the element
+            .should('be.gt', 198);
+
+        thinkSpherePage.thinkSphereQuestionInstructionCKEditor()
+            .should(($el) => {
+                const scrollWidth = $el[0].scrollWidth;
+                const clientWidth = $el[0].clientWidth;
+
+                // Assert that horizontal scroll is present
+                expect(scrollWidth).to.be.greaterThan(clientWidth);
+            });
+    },
+
+    verifyQuestionImagePopup: () => {
+        thinkSpherePage.dialogBoxRoot()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionImagePopup(), 'visible');
+                utilities.verifyElementVisibilityState(thinkSpherePage.closeExpandImagePopupButton(), 'visible');
+            });
+    },
+
+    verifyAddNewStrategyPopupCloseFunctionality: () => {
+        let countBeforeOpeningPopup, countAfterClosingPopup;
+        cy.get(thinkSpherePage.strategiesBoxPreviewTab())
+            .its('length')
+            .then((count) => {
+                countBeforeOpeningPopup = count;
+                cy.log('Count before opening popup:', countBeforeOpeningPopup);
+        });
+        thinkSpherePage.addNewStrategyButton().click();
+        thinkSpherePage.addStrategyPopupCancelButton().click();
+        cy.get(thinkSpherePage.strategiesBoxPreviewTab())
+            .its('length')
+            .then((count) => {
+                countAfterClosingPopup = count;
+                cy.log('Count after closing popup:', countAfterClosingPopup);
+                expect(countAfterClosingPopup).to.equal(countBeforeOpeningPopup);
+        });
+    },
+
+    verifyAddNewStrategyPopupSaveFunctionality: () => {
+        let countBeforeOpeningPopup, countAfterClosingPopup;
+        thinkSpherePage.strategiesBoxPreviewTab()
+            .its('length')
+            .then((count) => {
+                countBeforeOpeningPopup = count;
+                cy.log('Count before opening popup:', countBeforeOpeningPopup);
+        });
+        thinkSpherePage.addNewStrategyButton().click();
+        thinkSpherePage.strategyNameInputField().type('Test Strategy');
+        thinkSpherePage.addStrategyPopupSaveButton().click();
+        thinkSpherePage.strategiesBoxPreviewTab()
+            .its('length')
+            .then((count) => {
+                countAfterClosingPopup = count;
+                cy.log('Count after closing popup:', countAfterClosingPopup);
+                expect(countAfterClosingPopup).to.equal(countBeforeOpeningPopup + 1);
+        });
+    },
+
+    verifyVideoPopupDialogBox: () => {
+        thinkSpherePage.dialogBoxRoot()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.dialogBoxTitle(), 'visible');
+                utilities.verifyInnerText(thinkSpherePage.dialogBoxTitle(), 'Create_a_model');
+                utilities.verifyElementVisibilityState(thinkSpherePage.buttonClose(), 'visible');
+            });
+    },
+
+    verifySentenceStartersDropdown: () => {
+        thinkSpherePage.chooseStarterTextIconWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.starterIocn(), 'visible');
+                utilities.verifyInnerText(thinkSpherePage.starterTextWrapper(), 'Starters');
+            });
+        thinkSpherePage.chooseStarterDropdown()
+            .verifyPseudoClassBeforeProperty('content', '""');
+    },
+
+    verifySentenceStartersDropdownOptions: (sentenceStartersTextDefault) => {
+        sentenceStartersTextDefault.forEach((label, index) => {
+            utilities.verifyInnerText(utilities.getNthElement(thinkSpherePage.chooseStartersListOptionLabels(), index), label);
+        });
+    },
+
+    verifySentenceStartersDropdownFunctionality: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+        thinkSpherePage.steps.expandChooseStarterDropdown();
+        utilities.getNthElement(thinkSpherePage.chooseStartersListOptions(), 1).click();
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().should('have.value', 'First, I will ');
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+    },
+
+    verifyProblemAskingHeading: () => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.subheadingWrapper(), 'The problem is asking me to');
+                utilities.verifyElementVisibilityState(thinkSpherePage.subheadingWrapper(), 'visible');
+            });
+    },
+
+    verifyProblemAskingTextArea: () => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.contentEditableDiv(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.contentEditableDiv(), 'placeholder', 'Enter your text here');
+            });
+    },
+
+    verifyProblemAskingMicSection: () => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
+            });
+    },
+
+    verifyProblemAskingTextAreaFunctionality: (textToEnter) => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().type(textToEnter);
+                thinkSpherePage.contentEditableDiv().should('have.value', textToEnter);
+            });
+    },
+
+    verifyStrategiesToPlanHeading: () => {
+        thinkSpherePage.strategiesToPlanWrapper()
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.subheadingWrapper(), 'Add strategies to plan');
+                utilities.verifyElementVisibilityState(thinkSpherePage.subheadingWrapper(), 'visible');
+            });
+    },
+
+    verifyWritePlanHeading: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.subheadingWrapper(), 'Write your plan');
+                utilities.verifyElementVisibilityState(thinkSpherePage.subheadingWrapper(), 'visible');
+            });
+    },
+
+    verifyWritePlanTextArea: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.contentEditableDiv(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.contentEditableDiv(), 'placeholder', 'Enter your plan here');
+            });
+    },
+
+    verifyWritePlanMicSection: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
+            });
+    },
+
+    verifyWritePlanTextAreaFunctionality: (planTextToEnter) => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().type(planTextToEnter);
+                thinkSpherePage.contentEditableDiv().should('have.value', planTextToEnter);
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+    },
+
+    verifyStrategyChipClickFunctionality: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+        thinkSpherePage.strategyChip().click();
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().should('have.value', 'look for a pattern ');
+            });
+    },
+    clickUploadVideoButton: () => {
+        thinkSpherePage.uploadVideoLinkButton()
+            .click();
+    },
+
+    verifyPreAuthoredVideoTitles: (defaultStrategyTexts) => {
+        defaultStrategyTexts.forEach((text,index) => {
+            thinkSpherePage.videoLinkComponent(index)
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.uploadVideoLinkButton(), text);
+            })
+        });
+    },
+
+    verifyPreAuthoredVideos: (preAuthoredVideos) => {
+        preAuthoredVideos.forEach(({duration}, optionIndex) => {
+            thinkSpherePage.videoLinkComponent(optionIndex)
+            .within(thinkSpherePage.steps.clickUploadVideoButton);
+            thinkSpherePage.steps.startPlayback();
+            thinkSpherePage.steps.waitForPlaybackToBegin();
+            thinkSpherePage.playerTimer()
+            .should('contain', `/${duration}`);
+            thinkSpherePage.steps.closeVideoPopup();
+        })
+    },
+
+    clickOnReviewTab: () => {
+        thinkSpherePage.reviewTab()
+            .click();
+    },
+
+    clickOnPlanTab: () => {
+        thinkSpherePage.planTab()
+            .click();
+    },
+
+    switchToGradingView: () => {
+        thinkSpherePage.gradingViewRadioButton()
+            .click();
+    },
+
+    switchToStudentView: () => {
+        thinkSpherePage.studentViewRadioButton()
+            .click();
+    },
+
+    verifyCorrectAnswerLabel: () => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.correctAnswerLabelWrapper(), 'visible');
+    },
+
+    addImageAlternativeTextInputFieldText: (alternateTextForImage) => {
+        thinkSpherePage.imageAlternativeTextInputField().type(alternateTextForImage);
+        cy.wait(2000);
+    },
+
+    verifyQuestionInstructionPreviewTexWrapperVisibility: (instructionText) => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'visible');
+        utilities.verifyInnerText(thinkSpherePage.questionInstructionPreviewTexWrapper(), instructionText);
+    },
+
+    verifyQuestionInstructionPreviewImageWrapperVisibility: () => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageWrapper(), 'visible');
+        utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 'visible');
+    },
 };
 
 const tests = {
+    ...essayResponsePage.tests,
     ...createQuestionBasePage.tests,
     ...backgroundImageUploadComponent.tests,
     ...questionInstructionsComponent.tests,
@@ -632,6 +1367,7 @@ const tests = {
     ...studentViewSettingsLabelComponent.tests,
     ...defaultToolDropdown.tests,
     ...optionsWrapperComponent.tests,
+    ...equationEditorFlyout.tests,
 
     /**
      * Verifies the ThinkSphere cancel button functionality.
@@ -916,7 +1652,7 @@ const tests = {
 
         it('when the user hovers over the enabled \'Delete\' icon buttons, then \'Delete option\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
             utilities.getNthElement(thinkSpherePage.deleteButton(), NthElement)
-                .verifyTooltip('Delete item for item 1');
+                .verifyTooltip(list === 'strategy' ? 'Delete strategy' : 'Delete sentence starter');
         });
 
         it('CSS of enabled delete button tooltip', { tags: 'css' }, () => {
@@ -1125,9 +1861,12 @@ const tests = {
             it('When user clicks on \'Reset to default\' button then the sentence starter list should be reset to default', () => {
                 thinkSpherePage.planSentenceStarterListResetToDefault()
                     .click();
-                optionList.forEach((option, index) => {
-                    thinkSpherePage.steps.verifyOptionsContents(index, option, 'Enter sentence starter name');
-                });
+                thinkSpherePage.planSentenceStarterSection()
+                .within(() => {
+                    optionList.forEach((option, index) => {
+                        thinkSpherePage.steps.verifyOptionsContents(index, option, 'Enter sentence starter name');
+                    });
+                })
             });
         }
     },
@@ -1163,8 +1902,8 @@ const tests = {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
                 });
-            thinkSpherePage.steps.uploadVideoFile('uploads/image.png');
-            thinkSpherePage.steps.verifyWarningPopup('File upload error', 'The file type is not supported. Please upload files with the following supported formats: mov, avi, mp4, webm, wmv.');
+            thinkSpherePage.steps.uploadVideoFile('uploads/sample.wmv');
+            thinkSpherePage.steps.verifyWarningPopup('File upload error', 'The file type is not supported. Please upload files with the following supported formats: mp4, webm.');
         });
 
         it('CSS of warning popup', { tags: 'css' }, () => {
@@ -1212,14 +1951,29 @@ const tests = {
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
 
-        it('When user upload a file of size more than 10MB then an error message should be displayed', () => {
+        it('When user upload a file whose extension is supported then no error message should be displayed', () => {
             thinkSpherePage.videoLinkComponent()
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
                 });
-            thinkSpherePage.steps.uploadVideoFile('uploads/sample20MB.mp4');
-            thinkSpherePage.steps.verifyWarningPopup('File upload error', 'The file could not be uploaded. The file is 37 MB exceeding the maximum size of 10 MB.');
+            thinkSpherePage.steps.uploadVideoFile('uploads/sample.webm');
+            utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
+            thinkSpherePage.videoLinkComponent()
+                .within(() => {
+                    thinkSpherePage.deleteVideoButton()
+                        .click();
+                });
+        });
+
+        it('When user upload a file of size more than 25MB then an error message should be displayed', () => {
+            thinkSpherePage.videoLinkComponent()
+                .within(() => {
+                    thinkSpherePage.uploadVideoLinkButton()
+                        .click();
+                });
+            thinkSpherePage.steps.uploadVideoFile('uploads/sample30MB.mp4');
+            thinkSpherePage.steps.verifyWarningPopup('File upload error', 'The file could not be uploaded. The file is 31 MB exceeding the maximum size of 25 MB.');
         });
 
         it('When user click on OK button of warning popup then the popup should be closed', () => {
@@ -1230,7 +1984,7 @@ const tests = {
             utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'notExist');
         });
 
-        it('When user upload a file of size less than 10MB then no error message should be displayed and video uploaded successfully', () => {
+        it('When user upload a file of size less than 25MB then no error message should be displayed and video uploaded successfully', () => {
             thinkSpherePage.videoLinkComponent()
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
@@ -1265,7 +2019,7 @@ const tests = {
             });
         });
 
-        it('When user upload another file size less than 10MB then no error message should be displayed and video uploaded successfully', () => {
+        it('When user upload another file size less than 25MB then no error message should be displayed and video uploaded successfully', () => {
             thinkSpherePage.videoLinkComponent()
                 .within(() => {
                     thinkSpherePage.editVideoButton()
@@ -1298,6 +2052,130 @@ const tests = {
             cy.checkAccessibility(thinkSpherePage.singleOptionTextFieldWrapper());
         });
     },
+
+    verifyErrorMessageCSSAndA11y: () => {
+        it('CSS of error message', { tags: 'css' }, () => {
+            utilities.verifyCSS(commonComponents.errorMessage(), {
+                'color': css.color.errorText,
+                'font-size': css.fontSize.small,
+                'font-weight': css.fontWeight.regular
+            });
+        });
+
+        it('Accessibility of error message', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.nextGenThinkSphereCreateItemWrapper());
+        });
+    },
+
+    verifyQuestionAccordion: () => {
+        it('Author should be able to expand and collapse the question accordion by clicking on the expand icon', () => {
+            thinkSpherePage.filterSectionQuestionAccordion().each(($accordion) => {
+                cy.wrap($accordion).find('.expansion-item-icon-wrapper').click();
+                cy.wrap($accordion).should('have.class', 'Mui-expanded');
+            });
+
+            thinkSpherePage.filterSectionQuestionAccordion().each(($accordion) => {
+                cy.wrap($accordion).find('.expansion-item-icon-wrapper').click();
+                cy.wrap($accordion).should('not.have.class', 'Mui-expanded');
+            });
+        });
+    },
+
+    verifyCreateItemHeaderSection: () => {
+        it('The page displays a unique Reference ID at the top left corner in the format "Ref ID:"', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.referenceIdWrapper(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.referenceIdWrapper().children('div').first(), 'Ref ID:\u00A0');
+            const initialRefId = thinkSpherePage.referenceIdWrapper().children('div').eq(1).invoke('text');
+            initialRefId.then((refId) => {
+                expect(refId).to.be.a('string').and.not.be.empty;
+                cy.reload();
+                thinkSpherePage.referenceIdWrapper().children('div').eq(1).invoke('text').should((newRefId) => {
+                    expect(newRefId).to.be.a('string').and.not.be.empty;
+                    expect(newRefId).to.not.equal(refId);
+                });
+            });
+        });
+
+        it('Edit text box and edit icon pencil should exist, and on clicking the edit input field with placeholder \'Enter title\ should allow the user to add title' , () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.editBoxTextInput(), 'visible');
+            thinkSpherePage.editBoxTextInput().blur();
+            utilities.verifyElementVisibilityState(thinkSpherePage.editIconPencil(), 'visible');
+            thinkSpherePage.editIconPencil().click();
+            thinkSpherePage.editBoxTextInput().should('have.attr', 'placeholder', 'Enter title');
+            thinkSpherePage.editBoxTextInput().type('Test Title');
+            thinkSpherePage.editBoxTextInput().blur();
+            utilities.verifyInnerText(thinkSpherePage.editBoxText(),'Test Title');
+        });
+    },
+
+    verifyDefaultTab: () => {
+        it('By default edit tab should be selected', () => {
+            thinkSpherePage.editTab().should('have.class', 'Mui-selected');
+        });
+    },
+
+    /**
+     * Verifies the functionality of editing, selecting, and unselecting strategies and sentence starters.
+     * Ensures that changes are saved successfully and reflected in the preview section.
+     *
+     * @param {Object} sentenceStartersObject - The object containing strategies and sentence starters data.
+     * @param {Array<string>} sentenceStartersObject.editedStrategies - The list of edited strategies to verify.
+     * @param {Array<string>} sentenceStartersObject.editedSentenceStarters - The list of edited sentence starters to verify.
+     * @param {Array<string>} sentenceStartersObject.selectStrategies - The list of strategies to select and verify.
+     * @param {Array<string>} sentenceStartersObject.selectSentenceStarters - The list of sentence starters to select and verify.
+     */
+    verifyStrategiesAndSentenceStartersSection: (sentenceStartersObject) => {
+        const {
+            editedStrategies, editedSentenceStarters, selectStrategies, selectSentenceStarters
+        } = sentenceStartersObject || {};
+        it('When user edits the strategies and sentence starers, then the changes should be saved successfully and edited strategies and sentence starers should get displayed in preview side', () => {
+            thinkSpherePage.steps.switchToEditTab();
+            thinkSpherePage.steps.clickOnEditQuestionIcon();
+            editedStrategies.forEach((strategy, index) => {
+                thinkSpherePage.steps.addOptionText('strategy', index, strategy);
+            });
+            editedSentenceStarters.forEach((sentenceStarter, index) => {
+                thinkSpherePage.steps.addOptionText('sentenceStarter', index, sentenceStarter);
+            });
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            thinkSpherePage.steps.switchToPreviewTab();
+            editedStrategies.forEach((label, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(thinkSpherePage.strategyTextWrapper(), index), label);
+            });
+            thinkSpherePage.steps.expandChooseStarterDropdown();
+            editedSentenceStarters.forEach((label, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(thinkSpherePage.chooseStartersListOptionLabels(), index), label);
+            });
+            utilities.clickOnBody();
+        });
+        
+        it('When user select unselect the strategies and sentence starers, then the changes should be saved successfully and selected strategies and sentence starers should get displayed in preview side', () => {
+            thinkSpherePage.steps.switchToEditTab();
+            thinkSpherePage.steps.clickOnEditQuestionIcon();
+            editedStrategies.forEach((strategy, index) => {
+                if(!selectStrategies.includes(strategy)){
+                    thinkSpherePage.steps.selectOption('strategy', index);
+                }
+            });
+            cy.wait(2000);
+            editedSentenceStarters.forEach((sentenceStarter, index) => {
+                if(!selectSentenceStarters.includes(sentenceStarter)){
+                    thinkSpherePage.steps.selectOption('sentenceStarter', index);
+                }
+            });
+            cy.wait(2000);
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            thinkSpherePage.steps.switchToPreviewTab();
+            selectStrategies.forEach((label, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(thinkSpherePage.strategyTextWrapper(), index), label);
+            });
+            thinkSpherePage.steps.expandChooseStarterDropdown();
+            selectSentenceStarters.forEach((label, index) => {
+                utilities.verifyInnerText(utilities.getNthElement(thinkSpherePage.chooseStartersListOptionLabels(), index), label);
+            });
+            utilities.clickOnBody();
+        });
+    },
 };
 
 export const thinkSpherePage = {