itemengine-cypress-automation 1.0.357-IEI-5712-TEM-Validation-d745575.0 → 1.0.360-thinksphere-q2-ccd97ed.0

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

@@ -3,7 +3,7 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
-const fileTypes = ['GIF', 'HEIC', 'HEIF', 'JPG', 'SVG', 'PNG' ];
+const fileTypes = ['GIF', 'JPG', 'SVG', 'PNG'];
 const fileTypesString = fileTypes.toString().replaceAll(',', ', ')
 const infoIconTooltipText = 'Supported file formats:  ' + fileTypesString + '.';
 
@@ -57,7 +57,7 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
                 'border-style': 'solid',
                 'border-color': 'rgb(107, 139, 255)',
                 'border-radius': '8px',
-                'padding': '30px 12px 0px'
+                'padding': '30px 12px 12px'
             });
         });
 
@@ -98,8 +98,6 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
 
         it('User is able to upload supported image types other than jpg', () => {
             thinkSpherePage.steps.uploadFile('uploads/image.png');
-            thinkSpherePage.steps.uploadFile('uploads/sample.heic', { timeout: 1500 });
-            thinkSpherePage.steps.uploadFile('uploads/sample.heif', { timeout: 1500 });
             thinkSpherePage.steps.uploadFile('uploads/sample.svg', { timeout: 1500 });
             thinkSpherePage.steps.uploadFile('uploads/sample.gif', { timeout: 1500 });
         });
@@ -130,7 +128,7 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             });
         });
 
-        it('Accessibility of Image Upload Section After upload', { tags: 'a11y' }, () => {
+        it.skip('Accessibility of Image Upload Section After upload', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.imageUploadSection(), { timeout: 15000 });
         });
     });
@@ -163,6 +161,21 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             cy.barsPreLoaderWait();
         });
 
+        it('Verify whiteboard management panel labels and buttons', () => {
+            utilities.verifyInnerText(thinkSpherePage.manageWhiteBoardTitle(), 'Manage whiteboard pages');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPreviousButton(), 'Prev');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageLabel(), 'Page');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 1');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardNextButton(), 'Next');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardDeleteButton(), 'Delete page');
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardAddNewPageButton(), 'New page');
+            utilities.verifyElementVisibilityState(thinkSpherePage.manageWhiteBoardTitle(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardPreviousButton(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardNextButton(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardDeleteButton(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.whiteBoardAddNewPageButton(), 'visible');
+        });
+
         it('Before image upload by default the Page 1 image label and radio button component should be rendered', () => {
             utilities.verifyInnerText(thinkSpherePage.pageImageTitle(), 'Page 1 image');
             utilities.verifyElementVisibilityState(thinkSpherePage.radioGroupWrapper(), 'exist');
@@ -183,6 +196,123 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.imageUploadSectionWrapper(), 'exist');
             utilities.verifyElementVisibilityState(thinkSpherePage.pageImagePropertiesTitle(), 'exist');
         });
+
+        it('When new page button is clicked, it should create new white board page', () => {
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '2 / 2');
+        });
+
+        it('When previous page button is clicked, the previous page should be rendered', () => {
+            thinkSpherePage.whiteBoardPreviousButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 2');
+        });
+
+        it('When next page button is clicked, the next page should be rendered', () => {
+            thinkSpherePage.whiteBoardNextButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '2 / 2');
+        });
+
+        it('When there is only 1 page, clicking delete page button should delete current page', () => {
+            thinkSpherePage.whiteBoardDeleteButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 1');
+        });
+
+        it('When there is only 1 page, previous page button, next page button, and delete page button should be disabled', () => {
+            thinkSpherePage.whiteBoardPreviousButton().should('be.disabled');
+            thinkSpherePage.whiteBoardNextButton().should('be.disabled');
+            thinkSpherePage.whiteBoardDeleteButton().should('be.disabled');
+        });
+
+        it('When delete page button is clicked, current page should be deleted, and the previous page should be rendered', () => {
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            thinkSpherePage.whiteBoardPreviousButton().click();
+            thinkSpherePage.whiteBoardDeleteButton().click();
+            utilities.verifyInnerText(thinkSpherePage.whiteBoardPageCounter(), '1 / 2');
+            thinkSpherePage.whiteBoardDeleteButton().click();
+        });
+
+        it('CSS of whiteBoard and its buttons', { tags: 'css' }, () => {
+            utilities.verifyCSS(thinkSpherePage.whiteBoardPreviousButton(), {
+                'background-color': css.color.boxShadow,
+                'border-color': css.color.transparent,
+                'box-shadow': `${css.color.transparent} 0px 0px 0px 0px`,
+                'color': css.color.primaryBtnDisabled,
+                'opacity': '1',
+            });
+            utilities.verifyCSS(thinkSpherePage.whiteBoardNextButton(), {
+                'background-color': css.color.boxShadow,
+                'border-color': css.color.transparent,
+                'box-shadow': `${css.color.transparent} 0px 0px 0px 0px`,
+                'color': css.color.primaryBtnDisabled,
+                'opacity': '1',
+            });
+            thinkSpherePage.whiteBoardAddNewPageButton().click();
+            utilities.verifyCSS(thinkSpherePage.whiteBoardPreviousButton(), {
+                'padding': '12px 16px',
+                'font-weight': '600',
+                'font-size': '16px',
+                'line-height': '22px',
+                'letter-spacing': '0',
+                'border-radius': '8px',
+                'text-transform': 'none',
+                'border': `1px solid ${css.color.primaryBtnBorder}`,
+                'background-color': css.color.primaryBtnBg,
+                'border-color': css.color.primaryBtnBorder,
+                'box-shadow': `${css.color.primaryBtnBorder} 0px 5px 0px 0px`,
+                'color': css.color.whiteText,
+            });
+            thinkSpherePage.whiteBoardPreviousButton().click();
+            utilities.verifyCSS(thinkSpherePage.whiteBoardNextButton(), {
+                'padding': '12px 16px',
+                'font-weight': '600',
+                'font-size': '16px',
+                'line-height': '22px',
+                'letter-spacing': '0',
+                'border-radius': '8px',
+                'text-transform': 'none',
+                'border': `1px solid ${css.color.primaryBtnBorder}`,
+                'background-color': css.color.primaryBtnBg,
+                'border-color': css.color.primaryBtnBorder,
+                'box-shadow': `${css.color.primaryBtnBorder} 0px 5px 0px 0px`,
+                'color': css.color.whiteText,
+            });
+            utilities.verifyCSS(thinkSpherePage.whiteBoardAddNewPageButton(), {
+                'padding': '12px 16px',
+                'font-weight': '600',
+                'font-size': '16px',
+                'line-height': '22px',
+                'letter-spacing': '0',
+                'border-radius': '8px',
+                'text-transform': 'none',
+                'border': `1px solid ${css.color.primaryBtnBorder}`,
+                'background-color': css.color.primaryBtnBg,
+                'border-color': css.color.primaryBtnBorder,
+                'box-shadow': `${css.color.primaryBtnBorder} 0px 5px 0px 0px`,
+                'color': css.color.whiteText,
+            });
+            utilities.verifyCSS(thinkSpherePage.whiteBoardDeleteButton(), {
+                'border-radius': '8px',
+                'font-size': '16px',
+                'line-height': '22px',
+                'font-weight': '400',
+                'color': css.color.deletePageColor
+            });
+            thinkSpherePage.whiteBoardDeleteButton().click();
+            utilities.verifyCSS(thinkSpherePage.whiteBoardDeleteButton(), {
+                'border-radius': '8px',
+                'font-size': '16px',
+                'line-height': '22px',
+                'font-weight': '400',
+                'color': css.color.secondaryBtnDisabled,
+                'opacity': '1',
+            });
+
+        });
+
+        it('Accessibility of white board canvas contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(thinkSpherePage.whiteBoardCanvasAndControls());
+        });
         
         it('Verify image upload section', () => {
             thinkSpherePage.tests.verifyUploadImageSectionContentWithCSSAndA11y();
@@ -190,7 +320,12 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         it('Verify that the uploaded image is visible', () => {
-            // Fill tests when whiteboard component is ready
+            thinkSpherePage.steps.clickOnImageRadioButton();
+            thinkSpherePage.steps.uploadWhiteBoardImage('uploads/highlightImage.jpg');
+            cy.get('[class*="WhiteboardPagesstyles__BackgroundImage"]')
+                .should('exist')
+                .and('have.attr', 'src')
+                .and('not.be.empty');
         });
 
         it('\'Image alignment\' label and 3 alignment options: Top left, Center and Top right should be displayed. By default, \'Center\' should be selected', () => {
@@ -205,10 +340,6 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             thinkSpherePage.steps.verifyCenterOptionAlignmentIsSelected();
         });
 
-        it('When a new alignment option is selected, the image alignment should change', () => {
-            /**@TODO Add check for when a new alignment option is selected */
-        });
-
         it('\'Opacity\' label, a slider and opacity input field should be displayed. By default, the slider and the input field value should be 100%', () => {
             utilities.verifyInnerText(thinkSpherePage.opacityLabel(), 'Opacity');
             utilities.verifyElementVisibilityState(thinkSpherePage.opacityLabel(), 'exist');
@@ -231,7 +362,9 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
 
         it('When the user changes value in the opacity input field, the image opacity should change', () => {
-           /**@TODO Add check for when the user changes value in the opacity input field */
+           thinkSpherePage.steps.addInputToOpacityInputField(60);
+           thinkSpherePage.whiteBoardImage()
+                .should('have.css', 'opacity', '0.6');
         });
 
         it('\'Image alternative text\' label and input field should be displayed. By default, the input field should be blank', () => {
@@ -241,8 +374,9 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.imageAlternativeTextInputField(), 'exist');
         });
 
-        it('When the user adds the alt value, it should be availabl in the image attribute', () => {
-            /**@TODO Add check for when the user adds the alt value */
+        it('When the user adds the alt value, it should be available in the image attribute', () => {
+            thinkSpherePage.imageAlternativeTextInputField().type('Alternative text for image');
+            utilities.verifyElementAttribute(thinkSpherePage.whiteBoardImage(), 'alt', 'Alternative text for image');
         });
 
         it('CSS of whiteBoard Image and Image Properties Section', { tags: 'css' }, () => {
@@ -281,7 +415,16 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
             });
         });
 
-        it('Accessibility of image canvas contents', { tags: 'a11y' }, () => {
+        it('When a new alignment option is selected, the image alignment should change', () => {
+            thinkSpherePage.topLeftButton().click();
+            thinkSpherePage.steps.verifyOptionAlignmentIsSelected('topLeft');
+            thinkSpherePage.centerButton().click();
+            thinkSpherePage.steps.verifyOptionAlignmentIsSelected('center');
+            thinkSpherePage.topRightButton().click();
+            thinkSpherePage.steps.verifyOptionAlignmentIsSelected('flex-end');
+        });
+
+        it('Accessibility of whiteboard image upload and properties', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.whiteBoardImageProperties());
         });
         
@@ -364,3 +507,4 @@ describe('Create item : ThinkSphere - Edit tab basics', () => {
         });
     });
 });
+

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

@@ -1,26 +1,185 @@
 import { thinkSpherePage } from '../../../pages/thinkSpherePage';
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+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');
+        thinkSpherePage.steps.visitThinksphereBrowseItemsPage();
     });
 
     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();
+            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.questionInstructionPreviewTexWrapper(), '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.clickOnEditQuestionIcon();
+            cy.wait(1000);
+            thinkSpherePage.steps.uploadFile('uploads/image.png');
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageWrapper(), 'visible');
+            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 'visible');
+        });
+
+        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();
+        });
+
+        it('When user updates the solve phase toolbar options and controls, then it should get updated successfully', () => {
+            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.imageAlternativeTextInputField().type(alternateTextForImage);
+            cy.wait(2000);
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
         });
 
-        /** @TODO Modify other fields and test the save functionality */
+        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('The saved questions should be displayed in the list of questions', () => {
-            thinkSpherePage.steps.verifyQuestionTitle('Thinksphere question');
+        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);
         });
     });
 });