itemengine-cypress-automation 1.0.381-fixes-r1-4b1054a.0 → 1.0.381-regressionFixes10June-8dc1710.0

package/cypress/e2e/ILC/ThinkSphere/editThinkSphereQuestion.smoke.js

@@ -1,6 +1,8 @@
 import { thinkSpherePage } from '../../../pages/thinkSpherePage';
+import { browseItemsPage } from "../../../pages/components/browseItemsPage";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
 
 const editedStrategies = [
     'Edited strategy 1',
@@ -60,11 +62,15 @@ const editedFontSize = 'Normal';
 describe('Edit Question and edit item', () => {
     before(() => {
         cy.loginAs('admin');
-        cy.deleteThinkSphereItem('~zzz item name');
-        cy.createThinkSphereItem('~zzz item name');
+        cy.deleteThinkSphereItem('~zzz item name test test test');
+        cy.createThinkSphereItem('~zzz item name test test test', true);
         thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
     });
 
+    after(() => {
+        cy.deleteThinkSphereItem('~zzz item name test test test');
+    });
+
     describe('Edit question', () => {
         abortEarlySetup();
         it('When user edits the question instructions, then the changes should be saved successfully and edited question instruction should get displayed in preview side', () => {
@@ -72,66 +78,23 @@ describe('Edit Question and edit item', () => {
             thinkSpherePage.steps.clearQuestionInstructionsInputField();
             thinkSpherePage.steps.addTextInQuestionInstructionsInputField('Edit question instructions');
             thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'visible');
-            utilities.verifyInnerText(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'Edit question instructions');
+            thinkSpherePage.steps.switchToPreviewTab();
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('Edit question instructions');
         });
 
         it('When user edits the question instructions image, then the changes should be saved successfully and edited question instruction image should get displayed in preview side', () => {
+            thinkSpherePage.steps.switchToEditTab();
             thinkSpherePage.steps.clickOnEditQuestionIcon();
-            cy.wait(1000);
             thinkSpherePage.steps.uploadFile('uploads/image.png');
             thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageWrapper(), 'visible');
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 'visible');
+            thinkSpherePage.steps.switchToPreviewTab();
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewImageWrapperVisibility();
         });
 
-        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.clickOnEditQuestionIcon();
-            editedStrategies.forEach((strategy, index) => {
-                thinkSpherePage.steps.addOptionText('strategy', index, strategy);
-            });
-            cy.wait(2000);
-            editedSentenceStarters.forEach((sentenceStarter, index) => {
-                thinkSpherePage.steps.addOptionText('sentenceStarter', index, sentenceStarter);
-            });
-            cy.wait(2000);
-            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
-            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.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();
-            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();
-        });
+        thinkSpherePage.tests.verifyStrategiesAndSentenceStartersSection({editedStrategies, editedSentenceStarters, selectStrategies, selectSentenceStarters});
 
         it('When user updates the solve phase toolbar options and controls, then it should get updated successfully', () => {
+            thinkSpherePage.steps.switchToEditTab();
             thinkSpherePage.steps.clickOnEditQuestionIcon();
             thinkSpherePage.steps.expandCustomizeToolsAndControls();
             thinkSpherePage.steps.selectTools(newSelectedToolbarOptions, 0);
@@ -151,9 +114,9 @@ describe('Edit Question and edit item', () => {
             thinkSpherePage.steps.clickOnImageRadioButton();
             thinkSpherePage.steps.uploadWhiteBoardImage('uploads/highlightImage.jpg');
             thinkSpherePage.steps.addInputToOpacityInputField(whiteBoardImageOpacity);
-            thinkSpherePage.imageAlternativeTextInputField().type(alternateTextForImage);
-            cy.wait(2000);
+            thinkSpherePage.steps.addImageAlternativeTextInputFieldText(alternateTextForImage);
             thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            thinkSpherePage.steps.switchToPreviewTab();
         });
 
         it('When user updates solve phase data, then updated solve phase data should reflect to user when revisit to edit the question', () => {
@@ -180,6 +143,134 @@ describe('Edit Question and edit item', () => {
             thinkSpherePage.steps.clickOnEditThinkSphereItem();
             thinkSpherePage.steps.expandAdditionalSettings();
             utilities.verifyInnerText(thinkSpherePage.fontSizeDropdown(), editedFontSize);
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+        });
+    });
+
+    describe('Edit review question', () => {
+        abortEarlySetup();
+        before(() => {
+            browseItemsPage.steps.clickOnAddReviewItem();
+            thinkSpherePage.steps.createReviewQuestion();
+            thinkSpherePage.steps.switchToPreviewTab();
+            thinkSpherePage.steps.clickOnReviewTab();
+        });
+
+        it('\'Question instruction\' section should be present', () => {
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('Edit question instructions');
+        });
+
+        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.heading,
+                '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');
+        });
+
+        it('\'Check your math\' section header should be present', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.checkYourMathHeading(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.checkYourMathHeading(), 'Check your math');
+        });
+
+        it('CSS of \'Check your math\' section header', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.checkYourMathHeading(), {
+                'color': css.color.primaryBtnBorder,
+                'font-size': css.fontSize.heading,
+                'font-weight': css.fontWeight.semibold,
+            });
+        });
+        
+        it('\'The problem is asking me to\' section header should be present', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.problemAskingToMeTextWrapper(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.problemAskingToMeTextWrapper(), 'The problem is asking me to...');
+        });
+
+        it('Review question should be present', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.reviewQuestionWrapper(), 'visible');
+        });
+
+        it('CSS of \'The problem is asking me to\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.problemAskingToMeTextWrapper(), {
+                'color': css.color.primaryBtnBorder,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.bold,
+            });
+            utilities.verifyCSS(thinkSpherePage.reviewComponentWrapper(), {
+                'border': `1px solid ${css.color.secondaryBtnBorder}`,
+                'border-radius': '12px'
+            });
+        });
+
+        it('When User type in the \'The problem is asking me to\' in the plan tab, then it should render in the \'The problem is asking me to\' in the review tab', () => {
+            thinkSpherePage.steps.clickOnPlanTab();
+            thinkSpherePage.steps.verifyProblemAskingTextAreaFunctionality('This is a test text for the problem.');
+            thinkSpherePage.steps.clickOnReviewTab();
+            utilities.verifyElementVisibilityState(thinkSpherePage.problemStatementWrapper(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.problemStatementWrapper(), 'This is a test text for the problem.');
+        });
+
+        it('CSS of \'The problem is asking me to\' section statement', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.problemStatementWrapper(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+            });
+        });
+
+        it('When switch to grading view then it should show the correct answer for review question', () => {
+            thinkSpherePage.steps.switchToGradingView();
+            thinkSpherePage.steps.verifyCorrectAnswerLabel();
+            thinkSpherePage.steps.switchToStudentView();
         });
     });
 });

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

@@ -265,6 +265,8 @@ describe('Create question page - Essay Response: Edit category', () => {
             utilities.verifyElementVisibilityState(editCategoryFlyout.dialogBox(), 'notExist');
             editCategoryFlyout.steps.openEditCategoryFlyout();
             utilities.verifyElementDisabled(editCategoryFlyout.buttonReset());
+            editCategoryFlyout.steps.verifyCategoryCharacterNotSelected(`${equationEditorCategoriesAndSymbols.general.symbols.dollar.ariaLabel}`)
+        });
     });
 
     describe('Save a edited category', () => {

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

@@ -18,6 +18,28 @@ const sentenceStartersTextDefault = [
     'I will check my work by',
     'If my strategy is not working, I will'
 ];
+const preAuthoredStrategyVideos = [
+    {
+        displayName: 'Create_a_model',
+        duration: '00:24',
+    },
+    {
+        displayName: 'Look_for_a_pattern',
+        duration: '00:18',
+    },
+    {
+        displayName: 'Guess_check_and_revise',
+        duration: '00:17',
+    },
+    {
+        displayName: 'Try_with_friendlier_numbers',
+        duration: '00:26',
+    },
+    {
+        displayName: 'Show_with_an_equation',
+        duration: '00:22',
+    }
+];
 describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
     before(() => {
         cy.loginAs('admin');
@@ -55,19 +77,37 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
         });
     });
 
+    describe('\'Plan Phase\' Section Strategies list component - Pre-authored Videos', () => {
+        abortEarlySetup();
+        it('Strategies list options should have Pre-authored Videos', () => {
+            thinkSpherePage.steps.verifyPreAuthoredVideoTitles(preAuthoredStrategyVideos.map(video => video.displayName));
+        })
+        it('When the user clicks on the video, the respective video should play', () => {
+            thinkSpherePage.steps.verifyPreAuthoredVideos(preAuthoredStrategyVideos);
+        });
+    });
+
     describe('\'Plan Phase\' Video Preview Component', () => {
         const playbackSpeedOptions = ['1x', '1.25x', '1.5x', '2x'];
         const playbackSpeedMultiplier = [1, 1.25, 1.5, 2];
+        before(()=>{
+            thinkSpherePage.steps.addOption('strategy');
+            thinkSpherePage.steps.addOptionText('strategy', 5, "Custom strategy");
+        })
+
+        after(() => {
+            thinkSpherePage.steps.deleteOption(5);
+        })
 
         it('When the video is uploaded it should display the video and its buttons correctly', () => {
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
                 });
             thinkSpherePage.steps.uploadVideoFile('uploads/sample.mp4');
             cy.wait(10000);
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
@@ -151,7 +191,7 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
 
         it('When video player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
             thinkSpherePage.videoPopupCloseButton().click();
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
@@ -296,7 +336,7 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
 
         it('When the user hovers over the playback speed button, a tooltip \'Playback speed\' should be displayed and on hovering away from the button, the tooltip should disappear', () => {
             thinkSpherePage.videoPopupCloseButton().click();
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
@@ -496,7 +536,7 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
     
             thinkSpherePage.tests.verifyResetToDefaultFunctionality(strategiesTextDefault, 'strategy');
     
-            thinkSpherePage.tests.verifyVideoLinkComponent();
+            thinkSpherePage.tests.verifyVideoLinkComponent(5);
     
             it('Accessibility of \'Plan Phase\' Section Strategies list component', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(thinkSpherePage.planStrategySection());

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

@@ -24,11 +24,14 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
         thinkSpherePage.steps.switchToPreviewTab();
     });
 
+    after(() => {
+        cy.deleteThinkSphereItem('~zzz item name');
+    });
+
     describe('\'Question instruction\' section', () => {
         abortEarlySetup();
         it('\'Question instruction\' section should be present', () => {
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'visible');
-            utilities.verifyInnerText(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'question instruction text');
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('question instruction text');
         });
 
         it('CSS of \'Question instruction\' section', { tags: 'css' }, () => {
@@ -46,8 +49,7 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
             cy.wait(1000);
             thinkSpherePage.steps.uploadFile('uploads/image.png');
             thinkSpherePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageWrapper(), 'visible');
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 'visible');
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewImageWrapperVisibility();
         });
 
         it('CSS of question instruction image section', { tags: 'css' }, () => {
@@ -279,7 +281,7 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
 
         it('\'Planning journal\' section heading should be present', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.planningPreviewHeading(), 'visible');
-            utilities.verifyInnerText(thinkSpherePage.planningPreviewHeading(), 'Planing journal');
+            utilities.verifyInnerText(thinkSpherePage.planningPreviewHeading(), 'Planning journal');
         });
 
         it('\'Sentence starters\' label and dropdown should be displayed', () => {
@@ -473,14 +475,12 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
                 });
         });
         
-        it('CSS of strategy chip when it is selected', { tags: 'css' }, () => {
+        it('CSS of strategy chip when it is selected and CSS of planning journal section', { tags: 'css' }, () => {
             utilities.verifyCSS(thinkSpherePage.strategyChip(), {
                 'background-color': css.color.secondaryBtnBorder,
                 'border': `1px solid ${css.color.primaryBtnBg}`,
             });
-        });
 
-        it('CSS of planning journal section', { tags: 'css' }, () => {
             utilities.verifyCSS(thinkSpherePage.planningPreviewHeading(), {
                 'color': css.color.primaryBtnBorder,
                 'font-size': css.fontSize.heading,

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

@@ -0,0 +1,97 @@
+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');
+        });
+    });
+});

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

@@ -0,0 +1,36 @@
+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";
+import { whiteBoardTools, editSectionWhiteBoardToolButtons } from "../../../fixtures/thinkSphereWhiteboardTools";
+const css = Cypress.env('css');
+
+describe('Preview question : ThinkSphere Question - Solve Section - preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+        thinkSpherePage.steps.navigateToThinkSphereCreateQuestion();
+        thinkSpherePage.steps.switchToPreviewTab();
+        thinkSpherePage.steps.clickOnSolveTab();
+    });
+
+    describe('Whiteboard and its sections should be present', () => {
+        abortEarlySetup();
+        thinkSpherePage.tests.verifyWhiteBoardAndSections();
+    });
+
+    describe('Whiteboard tools and sub tools should be present', () => {
+        abortEarlySetup();
+        thinkSpherePage.tests.verifyWhiteboardToolsAndSubTools(whiteBoardTools, editSectionWhiteBoardToolButtons);
+    });
+
+    describe('Whiteboard page navigation', () => {
+        abortEarlySetup();
+        thinkSpherePage.tests.verifyWhiteboardPageNavigation();
+    });
+
+    describe('Verify Whiteboard recording', () => {
+        abortEarlySetup();
+        thinkSpherePage.tests.verifyWhiteboardRecordingAndPlayback(whiteBoardTools);
+    });
+});

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

@@ -7,7 +7,7 @@ const canvasTools = [
     'Text', 'Pen', 'Highlighter', 'Image', 'Shapes',
     'Stamps', 'Unifix Cube', 'Diagrams', 'Array',
     'Number line', 'Fraction bars', 'Protractor', 'Table', 'Grids',
-    'Equation editor', 'Algebra tiles'
+    'Equation editor', 'Algebra tiles', 'Point eraser', 'Item eraser'
 ];
 const defaultSelectedCanvasTools = ['Text', 'Pen', 'Highlighter', 'Image', 'Shapes', 'Stamps'];
 const canvasControls = ['Move', 'Delete', 'Undo', 'Redo', 'Clear all'];
@@ -264,8 +264,8 @@ describe('ThinkSphere Question - Solve Phases Section', () => {
         });
 
         it('The edit button should not be displayed for the keypad category button.', () => {
-            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).find(thinkSpherePage.equationEditorSectionCategoriesEditIcon()), 'visible');
-        })
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).find(thinkSpherePage.equationEditorSectionCategoriesEditIcon()), 'notExist');
+        });
 
         it('User should be able to unselect default selected category and should be able to select default unselected category.', () => {
             thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).click();