itemengine-cypress-automation 1.0.357-IEI-5712-TEM-Validation-d745575.0 → 1.0.359

package/cypress/pages/thinkSpherePage.js

@@ -5,6 +5,8 @@ import { backgroundImageUploadComponent, createQuestionBasePage, scoringSectionB
 import { drawingResponsePage } from "./drawingResponsePage";
 import { optionsWrapperComponent } from "../pages/components/optionsWrapperComponent";
 import { selectQuestionResourceToolPage } from "./selectQuestionResourceToolPage";
+import { videoResponsePage } from "./videoResponsePage";
+import { singleSelectionPage } from "./singleSelectionPage";
 const css = Cypress.env('css');
 
 const selectors = {
@@ -20,10 +22,13 @@ const selectors = {
     ...equationEditorSectionCommonComponent,
     ...selectQuestionResourceToolPage,
     ...browseItemsPage,
+    ...videoResponsePage,
+    ...dialogBoxBase,
     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 +36,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"]'),
@@ -71,13 +83,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"]'),
     optionNumeration: () => cy.get('[class*="MuiInputAdornment-positionStart"]'),
     iconPencil: () => cy.get('div[class*="icon-pencil"]'),
     iconXCircle: () => cy.get('div[class*="icon-x-circle"]'),
@@ -94,7 +107,7 @@ const selectors = {
     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"]'),
@@ -119,11 +132,58 @@ const selectors = {
     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}"]`),
 };
 
 const steps = {
-    ...createQuestionBasePage.steps,
     ...backgroundImageUploadComponent.steps,
     ...questionInstructionsComponent.steps,
     ...scoringSectionBaseEditTab.steps,
@@ -138,6 +198,8 @@ const steps = {
     ...equationEditorSectionCommonComponent.steps,
     ...selectQuestionResourceToolPage.steps,
     ...browseItemsPage.steps,
+    ...videoResponsePage.steps,
+    ...createQuestionBasePage.steps,
 
     /**
      * Navigates to the ThinkSphere create question page.
@@ -246,13 +308,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 +359,6 @@ const steps = {
         thinkSpherePage.addThinkSphereQuestionButton()
             .click();
     },
-    
-    navigateToThinkSphereCreateQuestion: () => {
-        thinkSpherePage.steps.navigateToThinkSphereCreateItem();
-        thinkSpherePage.steps.clickOnAddThinkSphereQuestion();
-    },
 
     verifyCenterOptionAlignmentIsSelected: () => {
         thinkSpherePage.centerButton()
@@ -386,17 +462,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.
@@ -550,7 +616,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 +641,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 +663,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,15 +675,186 @@ 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();
+    },
+
+    clickOnQuestionInstructionExpandImageButton: () => {
+        thinkSpherePage.questionInstructionPreviewImageExpandButton()
+            .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');
+    },
 };
 
 const tests = {
@@ -916,7 +1153,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' }, () => {
@@ -1163,8 +1400,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 +1449,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/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/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/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 +1482,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 +1517,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()