itemengine-cypress-automation 1.0.377 → 1.0.378-fullExecutionFixes-5fff71f.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();
         });
     });
 });