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

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

@@ -1,26 +1,276 @@
 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',
+    'Edited strategy 2',
+    'Edited strategy 3',
+    'Edited strategy 4',
+    'Edited strategy 5'
+];
+const editedSentenceStarters = [
+    'Edited sentence starter 1',
+    'Edited sentence starter 2',
+    'Edited sentence starter 3',
+    'Edited sentence starter 4',
+    'Edited sentence starter 5'
+];
+
+const selectStrategies = [
+    'Edited strategy 1',
+    'Edited strategy 3',
+    'Edited strategy 5'
+];
+const selectSentenceStarters = [
+    'Edited sentence starter 1',
+    'Edited sentence starter 3',
+    'Edited sentence starter 5'
+];
+
+const newSelectedToolbarOptions = [
+    'Text',
+    'Highlighter',
+    'Shapes',
+    'Stamps',
+    'Number bond',
+    'Diagrams',
+    'Number line',
+    'Protractor',
+    'Grids',
+    'Equation editor',
+    'Algebra tiles'
+];
+
+const newSelectedControls = [
+    'Move',
+    'Undo',
+    'Redo',
+    'Clear all'
+];
+
+const newDefaultSelectedToolDropdownValue = 'Text';
+
+const whiteBoardImageOpacity = 50;
+
+const alternateTextForImage = 'Alternative text for image';
+
+const editedFontSize = 'Normal';
 
 describe('Edit Question and edit item', () => {
     before(() => {
         cy.loginAs('admin');
-        cy.deleteThinkSphereItem('~zzz item name');
-        cy.createThinkSphereItem('~zzz item name');
-        cy.visit('/item-engine/thinksphere/browse-items');
-        cy.interceptGraphql('getItems');
+        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', () => {
-        it('When user edits the question instructions, then the changes should be saved correctly', () => {
+        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', () => {
             thinkSpherePage.steps.clickOnEditThinkSphereItem();
             thinkSpherePage.steps.clearQuestionInstructionsInputField();
             thinkSpherePage.steps.addTextInQuestionInstructionsInputField('Edit question instructions');
-            thinkSpherePage.steps.clickOnSaveQuestionButton();
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            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();
+            thinkSpherePage.steps.uploadFile('uploads/image.png');
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            thinkSpherePage.steps.switchToPreviewTab();
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewImageWrapperVisibility();
+        });
+
+        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);
+            thinkSpherePage.steps.selectTools(newSelectedControls, 1);
+        });
+
+        it('When user updates the solve phase default tool dropdown value, then it should get updated successfully', () => {
+            thinkSpherePage.steps.expandDefaultToolDropdown();
+            thinkSpherePage.steps.selectOptionFromDefaultToolDropdown(newDefaultSelectedToolDropdownValue);
+        });
+
+        it('When user updates the solve phase customize stamps, then it should get updated successfully', () => {
+            thinkSpherePage.steps.clickOnCustomizeStamp(1);
+        });
+
+        it('When user updates the solve phase whiteboard image and properties, then it should get updated and saved successfully', () => {
+            thinkSpherePage.steps.clickOnImageRadioButton();
+            thinkSpherePage.steps.uploadWhiteBoardImage('uploads/highlightImage.jpg');
+            thinkSpherePage.steps.addInputToOpacityInputField(whiteBoardImageOpacity);
+            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', () => {
+            thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
+            thinkSpherePage.steps.clickOnEditThinkSphereItem();
+            thinkSpherePage.steps.expandCustomizeToolsAndControls();
+            thinkSpherePage.steps.verifySelectTools(newSelectedToolbarOptions, 0);
+            thinkSpherePage.steps.verifySelectTools(newSelectedControls, 1);
+            utilities.verifyInnerText(thinkSpherePage.defaultToolDropdown(), newDefaultSelectedToolDropdownValue);
+            thinkSpherePage.steps.verifyCustomizeStampSelectedUnselected(false, 1);
+            utilities.verifyElementCheckedNotCheckedState(thinkSpherePage.imageRadioInput(), 'checked');
+            thinkSpherePage.steps.verifyUploadedImage();
+            thinkSpherePage.steps.verifyCenterOptionAlignmentIsSelected();
+            thinkSpherePage.steps.verifyOpacitySliderValue(whiteBoardImageOpacity);
+            thinkSpherePage.steps.verifyOpacityInputFieldValue(whiteBoardImageOpacity);
+            utilities.verifyElementAttribute(thinkSpherePage.whiteBoardImage(), 'alt', alternateTextForImage);
+        });
+
+        it('When user edit the font size from additional settings, then edited font size should save successfully and edited data should reflect when user revisit to edit the question', () => {
+            thinkSpherePage.steps.expandAdditionalSettings();
+            thinkSpherePage.steps.selectFontSizeOptionFromFontSizeDropdown(editedFontSize);
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
+            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,            
+            });
         });
 
-        /** @TODO Modify other fields and test the save functionality */
+        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('The saved questions should be displayed in the list of questions', () => {
-            thinkSpherePage.steps.verifyQuestionTitle('Thinksphere question');
+        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();
         });
     });
 });