itemengine-cypress-automation 1.0.372 → 1.0.373-bumpVersion1-77819a9.0

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

@@ -12,6 +12,23 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         cy.loginAs('admin');
     });
 
+    describe('Create thinkSphere item - create item page', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.visit('/item-engine/thinksphere/create-item');
+        });
+
+        thinkSpherePage.tests.verifyCreateItemHeaderSection();
+
+        thinkSpherePage.tests.verifyDefaultTab();
+
+        it('When user clicks on Add ThinkSphere question button, it should navigate to think sphere create question page', () => {
+            thinkSpherePage.steps.addThinkSphereQuestion();
+            utilities.verifyInnerText(thinkSpherePage.thinkSphereQuestionHeader(), 'ThinkSphere question');
+        });
+
+    });
+
     describe('Question instructions input field - Edit tab', () => {
         abortEarlySetup();
         before(() => {
@@ -20,6 +37,12 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         thinkSpherePage.tests.verifyQuestionInstructionsInputFieldEditTab();
+
+        it('When user add long text along with table in question instruction then height of question instruction should increase and horizontal scroll bar should appear', () => {
+            thinkSpherePage.steps.addQuestionInstructionInnerHTML('<table class="custom_author_table ie-table ie-table-bordered" border="1" style="width: 100%;"><tbody><tr><td>test</td><td>test</td><td>test</td><td>test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test</td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr><tr><td><br></td><td><br></td><td><br></td><td><br></td></tr></tbody></table><p><br><br>test<br></p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>');
+            thinkSpherePage.steps.verifyQuestionInstructionIncreasedHeightAndScrollBar();
+            thinkSpherePage.steps.addQuestionInstructionInnerHTML('');
+        });
     });
 
     describe('Question instructions input field - Edit tab functionality', () => {
@@ -57,7 +80,7 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
                 'border-style': 'solid',
                 'border-color': 'rgb(107, 139, 255)',
                 'border-radius': '8px',
-                'padding': '30px 12px 12px'
+                'padding': '30px 9px 12px'
             });
         });
 
@@ -128,7 +151,7 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             });
         });
 
-        it.skip('Accessibility of Image Upload Section After upload', { tags: 'a11y' }, () => {
+        it('Accessibility of Image Upload Section After upload', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.imageUploadSection(), { timeout: 15000 });
         });
     });
@@ -446,6 +469,27 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.ThinkSphereQuestionHeaderPencilIcon(), 'exist');
         });
 
+        it('When the user has saved think sphere question, \'Add \'Check your math\' question\' button should be visible',() => {
+            utilities.verifyInnerText(thinkSpherePage.addCheckMathQuestionButton(), 'Add \'Check your math\' question');
+        });
+
+        it('Verify  \'Add \'Check your math\' question\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.addCheckMathQuestionButton().parent(), {
+                'color': css.color.primaryBtn,
+                'background-color': css.color.lightThemeBtnBg,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'padding': '12px 16px',
+                'min-width': '264px',
+            });
+        });
+
+        it('When the user clicks on \'Add \'Check your math\' question button\' and click on cancel button, the user should be redirected back to the item preview page where the \'Add \'Check your math\' question\' button is available',() => {
+            thinkSpherePage.steps.clickOnAddCheckMathQuestionButton();
+            thinkSpherePage.steps.clickOnCancelButton();
+            utilities.verifyInnerText(thinkSpherePage.addCheckMathQuestionButton(), 'Add \'Check your math\' question');
+        });
+
         it('When the user selects an item from the review item bank and saves it, the item should be displayed in the thinkSphere item page',() => {
             thinkSpherePage.steps.clickOnAddCheckMathQuestionButton();
             thinkSpherePage.steps.clickOnFirstAvailableItemLink();
@@ -501,6 +545,13 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             thinkSpherePage.steps.clickOnSaveButton();
         });
 
+
+        it(`Clicking on edit button icon should take us to edit question page`, () => {
+            thinkSpherePage.steps.clickOnEditButton();
+            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionsWrapper(), 'exist');
+            thinkSpherePage.steps.clickOnSaveButton();
+        });
+
         it('Clicking on delete icon should remove the math question', () => {
             thinkSpherePage.steps.clickOnDeleteButton();
             utilities.verifyElementVisibilityState(thinkSpherePage.thinkSphereMathQuestionHeaderDeleteIcon(), 'notExist');

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();
         });
     });
 });