itemengine-cypress-automation 1.0.343-IEI-5600-IEI-5708-25494c0.0 → 1.0.343-save-as-you-go-updates-bb5c8a5.0

package/cypress/pages/thinkSpherePage.js

@@ -80,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: (nthElement = 0) => utilities.getNthElement(cy.get('[class*="ListOptionsComponentstyles__UploadVideoWrapper"]'), nthElement),
+    videoLinkComponent: () => utilities.getNthElement(cy.get('[class*="ListOptionsComponentstyles__UploadVideoWrapper"]'), 0),
     uploadVideoLinkButton: () => cy.get('[class*="ListOptionsComponentstyles__UploadVideoTextWrapper"]'),
     planSentenceStarterSection: () => cy.get('[class*="Planstyles__SentenceFramesWrapper"]'),
     planSentenceStarterListHeader: () => cy.get('[class*="Planstyles__SentenceFramesWrapper"] [class*="Planstyles__HeadingTextWrapper"]'),
@@ -98,7 +98,7 @@ const selectors = {
     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"].ngie-icon-btn-cls'),
+    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"]'),
@@ -212,16 +212,6 @@ const selectors = {
     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 = {
@@ -630,14 +620,14 @@ const steps = {
                 .within(() => {
                     utilities.getNthElement(thinkSpherePage.listInputField(), optionCount)
                         .clear()
-                        .type(text, { delay: 500 });
+                        .type(text);
                 });
         } else {
             thinkSpherePage.planSentenceStarterSection()
                 .within(() => {
                     utilities.getNthElement(thinkSpherePage.listInputField(), optionCount)
                         .clear()
-                        .type(text, { delay: 500 });
+                        .type(text);
                 });
         }
     },
@@ -785,11 +775,10 @@ const steps = {
     clickOnEditQuestionIcon: () => {
         utilities.getNthElement(thinkSpherePage.editQuestionPencil(), 0)
             .click();
-        cy.wait(1000);
     },
 
     clickOnQuestionInstructionExpandImageButton: () => {
-        utilities.getNthElement(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 0)
+        thinkSpherePage.questionInstructionPreviewImageExpandButton()
             .click();
     },
 
@@ -1115,243 +1104,6 @@ const steps = {
                 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 = {
@@ -2113,69 +1865,6 @@ const tests = {
             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 = {

package/cypress/support/helpers/createItem.js

@@ -437,7 +437,7 @@ Cypress.Commands.add('deleteItems', () => {
     });
 });
 
-Cypress.Commands.add('createThinkSphereItem', (itemName, studentView) => {
+Cypress.Commands.add('createThinkSphereItem', (itemName) => {
     const token = window.localStorage.getItem('ngie_accessToken');
     const firstName = window.localStorage.getItem('ngie_firstName');
     const lastName = window.localStorage.getItem('ngie_lastName');
@@ -828,17 +828,7 @@ Cypress.Commands.add('createThinkSphereItem', (itemName, studentView) => {
                                             {
                                                 "text": "Create a model",
                                                 "selected": true,
-                                                "videoData": studentView ? {
-                                                    "description": "",
-                                                    "error": false,
-                                                    "fileKey": "thinkSphere/resources/ngie_predefined_strategy_1.mp4",
-                                                    "fileName": "Create_a_model",
-                                                    "mediaCredits": "",
-                                                    "originalName": "ngie_predefined_strategy_1.mp4",
-                                                    "size": "",
-                                                    "type": "video/mp4",
-                                                    "uploadUrl": "https://itemengine-file-management.itemengine-qa.il-apps.com/api/files/document?key=thinkSphere/resources/ngie_predefined_strategy_1.mp4"
-                                                } : {
+                                                "videoData": {
                                                     "fileName": "",
                                                     "size": "",
                                                     "type": "",
@@ -916,16 +906,7 @@ Cypress.Commands.add('createThinkSphereItem', (itemName, studentView) => {
                                                 "id": "5"
                                             }
                                         ],
-                                        "backgroundImg": studentView ? {
-                                            "description": "",
-                                            "fileKey": "prompt/document/195e9660-d2ff-44c1-ab7b-f257b3804d8d.png",
-                                            "mediaCredits": "",
-                                            "name": "testtest.png",
-                                            "originalName": "testtest.png",
-                                            "size": 10235,
-                                            "type": "image/png",
-                                            "uploadUrl": "https://itemengine-file-management.itemengine-qa.il-apps.com/api/files/document?key=prompt/document/195e9660-d2ff-44c1-ab7b-f257b3804d8d.png"
-                                        } : {
+                                        "backgroundImg": {
                                             "type": "",
                                             "uploadUrl": "",
                                             "width": "",

package/cypress/support/helpers/utilities.js

@@ -156,11 +156,6 @@ const utilities = {
             .realHover({ position: 'topRight' });
     },
 
-    clickOnBody: () => {
-        cy.get('body')
-            .click();
-    },
-
     /**
      * @description trigger a mouseover event on an element
      * @param {*} selector cy.get selector
@@ -260,14 +255,6 @@ const utilities = {
         cy.get('body')
             .click();
     },
-    
-    /**
-     * Simulates pressing the Escape key.
-     * @returns {null} - Returns null after the action is performed.
-     */
-    pressEscapeKey: () => {
-        cy.get('body').type('{esc}');
-    },
 }
 
 export default utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.343-IEI-5600-IEI-5708-25494c0.0",
+  "version": "1.0.343-save-as-you-go-updates-bb5c8a5.0",
   "description": "",
   "main": "index.js",
   "scripts": {

package/cypress/e2e/ILC/ThinkSphere/previewTabReviewSection.js

@@ -1,97 +0,0 @@
-import { thinkSpherePage } from "../../../pages";
-import { browseItemsPage } from "../../../pages/components/browseItemsPage";
-import { commonComponents } from "../../../pages/components/commonComponents";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const sentenceStartersTextDefault = [
-    'The strategy I’m going to use is',
-    'First, I will',
-    'Secondly, I will',
-    'I will check my work by',
-    'If my strategy is not working, I will'
-];
-
-describe('Preview question : ThinkSphere Question - Plan Section - preview tab', () => {
-    before(() => {
-        cy.loginAs('admin');
-        cy.deleteThinkSphereItem('~zzz item name review test');
-        cy.createThinkSphereItem('~zzz item name review test', true);
-        cy.visit('/item-engine/thinksphere/browse-items');
-        browseItemsPage.steps.clickOnItemReferenceId('~zzz item name review test');
-        browseItemsPage.steps.clickOnAddReviewItem();
-        thinkSpherePage.steps.createReviewQuestion();
-        thinkSpherePage.steps.clickOnEditQuestionIcon();
-        thinkSpherePage.steps.switchToPreviewTab();
-        thinkSpherePage.steps.clickOnReviewTab();
-    });
-
-    after(() => {
-        cy.deleteThinkSphereItem('~zzz item name review test');
-    });
-
-    describe('\'Question instruction\' section', () => {
-        abortEarlySetup();
-        it('\'Question instruction\' section should be present', () => {
-            thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('question instruction text');
-        });
-
-        it('CSS of \'Question instruction\' section', { tags: 'css' }, () => {
-            utilities.verifyCSS(thinkSpherePage.questionInstructionPreviewTexWrapper(), {
-                'border-radius': '12px',
-                'background-color': css.color.questionInstructionBG,
-                'padding': '10px 170px 10px 27px',
-                'font-size': css.fontSize.default,
-                'font-weight': css.fontWeight.regular,
-            });
-        });
-
-        it('Question instruction image should visibile in the preview', () => {
-            thinkSpherePage.steps.verifyQuestionInstructionPreviewImageWrapperVisibility();
-        });
-
-        it('CSS of question instruction image section', { tags: 'css' }, () => {
-            utilities.verifyCSS(thinkSpherePage.questionInstructionPreviewImageWrapper(), {
-                'width': '143px',
-                'height': '110px',
-                'border': `1px solid ${css.color.secondaryBtnBorder}`,
-                'background-color': css.color.primaryBtn,
-            });
-            utilities.verifyCSS(thinkSpherePage.questionInstructionPreviewImageExpandButton(), {
-                'width': '24px',
-                'height': '24px',
-                'box-shadow': `${css.color.boxShadow} 0px 2px 8px 0px`,
-                'border': `1px solid ${css.color.figDefaultComponentBorder}`,
-                'border-radius': '4px',
-                'background-color': css.color.primaryBtn,
-            });
-        });
-
-        it('When user clicks on expand question instruction image then it should open in the popup', () => {
-            thinkSpherePage.steps.clickOnQuestionInstructionExpandImageButton();
-            utilities.verifyElementVisibilityState(thinkSpherePage.dialogBoxRoot(), 'visible');
-            thinkSpherePage.steps.verifyQuestionImagePopup();
-        });
-
-        it('CSS of question instruction image popup', { tags: 'css' }, () => {
-            utilities.verifyCSS(thinkSpherePage.dialogBoxRoot(), {
-                'border-radius': '8px',
-                'border': `1px solid ${css.color.secondaryBtnBorder}`,
-                'box-shadow': `${css.color.dialogBoxBoxShadow} 0px 0px 10px 0px`,
-            });
-            utilities.verifyCSS(thinkSpherePage.closeExpandImagePopupButton(), {
-                'background-color': css.color.primaryBtn,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold,
-                'border': `1px solid ${css.color.secondaryBtnBorder}`,
-                'color': css.color.primaryBtnBorder,            
-            });
-        });
-
-        it('When user clicks on close expand image popup button then it should remove the popup', () => {
-            thinkSpherePage.steps.clickOnCloseExpandImagePopupButton();
-            utilities.verifyElementVisibilityState(thinkSpherePage.dialogBoxRoot(), 'notExist');
-        });
-    });
-});