itemengine-cypress-automation 1.0.342 → 1.0.343-IEI-5600-IEI-5708-25494c0.0

package/cypress/pages/thinkSpherePage.js

@@ -80,7 +80,7 @@ const selectors = {
     planStrategyListResetToDefault: () => cy.get('[class*="Planstyles__StrategiesWrapper"] [class*="Planstyles__DefaultResetWrapper"]'),
     planStrategyAddItemButton: () => cy.get('[class*="Planstyles__StrategiesWrapper"] [class*="ListOptionsComponentstyles__AddItemWrapper"] [role="button"]'),
     planStrategyCheckbox: () => cy.get('[class*="Planstyles__StrategiesWrapper"] .thinksphere-option-text-field-wrapper [data-ngie-testid*="-checkbox"]'),
-    videoLinkComponent: () => utilities.getNthElement(cy.get('[class*="ListOptionsComponentstyles__UploadVideoWrapper"]'), 0),
+    videoLinkComponent: (nthElement = 0) => utilities.getNthElement(cy.get('[class*="ListOptionsComponentstyles__UploadVideoWrapper"]'), nthElement),
     uploadVideoLinkButton: () => cy.get('[class*="ListOptionsComponentstyles__UploadVideoTextWrapper"]'),
     planSentenceStarterSection: () => cy.get('[class*="Planstyles__SentenceFramesWrapper"]'),
     planSentenceStarterListHeader: () => cy.get('[class*="Planstyles__SentenceFramesWrapper"] [class*="Planstyles__HeadingTextWrapper"]'),
@@ -98,7 +98,7 @@ const selectors = {
     editVideoButton: () => cy.get('[aria-label*="Change video"]'),
     deleteVideoButton: () => cy.get('[aria-label*="Delete video"]'),
     listInputField: () => cy.get('.option-component textarea[placeholder]'),
-    deleteButton: () => cy.get('button[aria-label*="Delete"]'),
+    deleteButton: () => cy.get('button[aria-label*="Delete"].ngie-icon-btn-cls'),
     optionNumeration: () => cy.get('[class*="MuiInputAdornment-positionStart"]'),
     iconPencil: () => cy.get('div[class*="icon-pencil"]'),
     iconXCircle: () => cy.get('div[class*="icon-x-circle"]'),
@@ -212,6 +212,16 @@ const selectors = {
     cardWrapper: () => cy.get('.card-wrapper'),
     cardLabel: () => cy.get('.widget-card-label'),
     thinkSphereQuestionInstructionCKEditor: () => cy.get('div.cke_editable[contenteditable="true"]'),
+    reviewTab: () => cy.get('div[aria-label="Review tab"]'),
+    planTab: () => cy.get('div[aria-label="Plan tab"]'),
+    checkYourMathHeading: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__CheckYourMathTextWrapper"]'), 0),
+    problemAskingToMeTextWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ProblemAskingToMeTextWrapper"]'), 0),
+    reviewQuestionWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__QuestionWrapper"]'), 0),
+    reviewComponentWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ComponentWrapper"]'), 0),
+    problemStatementWrapper: () => utilities.getNthElement(cy.get('div[class*="ReviewTabstyles__ProblemStatementWrapper"]'), 0),
+    gradingViewRadioButton: () => cy.get('label[aria-label="Grading View"]'),
+    studentViewRadioButton: () => cy.get('label[aria-label="Student View"]'),
+    correctAnswerLabelWrapper: () => cy.get('div[class*="CorrectAnswerLabelWrapper"]'),
 };
 
 const steps = {
@@ -620,14 +630,14 @@ const steps = {
                 .within(() => {
                     utilities.getNthElement(thinkSpherePage.listInputField(), optionCount)
                         .clear()
-                        .type(text);
+                        .type(text, { delay: 500 });
                 });
         } else {
             thinkSpherePage.planSentenceStarterSection()
                 .within(() => {
                     utilities.getNthElement(thinkSpherePage.listInputField(), optionCount)
                         .clear()
-                        .type(text);
+                        .type(text, { delay: 500 });
                 });
         }
     },
@@ -775,10 +785,11 @@ const steps = {
     clickOnEditQuestionIcon: () => {
         utilities.getNthElement(thinkSpherePage.editQuestionPencil(), 0)
             .click();
+        cy.wait(1000);
     },
 
     clickOnQuestionInstructionExpandImageButton: () => {
-        thinkSpherePage.questionInstructionPreviewImageExpandButton()
+        utilities.getNthElement(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 0)
             .click();
     },
 
@@ -1104,6 +1115,243 @@ const steps = {
                 expect(scrollWidth).to.be.greaterThan(clientWidth);
             });
     },
+
+    verifyQuestionImagePopup: () => {
+        thinkSpherePage.dialogBoxRoot()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionImagePopup(), 'visible');
+                utilities.verifyElementVisibilityState(thinkSpherePage.closeExpandImagePopupButton(), 'visible');
+            });
+    },
+
+    verifyAddNewStrategyPopupCloseFunctionality: () => {
+        let countBeforeOpeningPopup, countAfterClosingPopup;
+        cy.get(thinkSpherePage.strategiesBoxPreviewTab())
+            .its('length')
+            .then((count) => {
+                countBeforeOpeningPopup = count;
+                cy.log('Count before opening popup:', countBeforeOpeningPopup);
+        });
+        thinkSpherePage.addNewStrategyButton().click();
+        thinkSpherePage.addStrategyPopupCancelButton().click();
+        cy.get(thinkSpherePage.strategiesBoxPreviewTab())
+            .its('length')
+            .then((count) => {
+                countAfterClosingPopup = count;
+                cy.log('Count after closing popup:', countAfterClosingPopup);
+                expect(countAfterClosingPopup).to.equal(countBeforeOpeningPopup);
+        });
+    },
+
+    verifyAddNewStrategyPopupSaveFunctionality: () => {
+        let countBeforeOpeningPopup, countAfterClosingPopup;
+        thinkSpherePage.strategiesBoxPreviewTab()
+            .its('length')
+            .then((count) => {
+                countBeforeOpeningPopup = count;
+                cy.log('Count before opening popup:', countBeforeOpeningPopup);
+        });
+        thinkSpherePage.addNewStrategyButton().click();
+        thinkSpherePage.strategyNameInputField().type('Test Strategy');
+        thinkSpherePage.addStrategyPopupSaveButton().click();
+        thinkSpherePage.strategiesBoxPreviewTab()
+            .its('length')
+            .then((count) => {
+                countAfterClosingPopup = count;
+                cy.log('Count after closing popup:', countAfterClosingPopup);
+                expect(countAfterClosingPopup).to.equal(countBeforeOpeningPopup + 1);
+        });
+    },
+
+    verifyVideoPopupDialogBox: () => {
+        thinkSpherePage.dialogBoxRoot()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.dialogBoxTitle(), 'visible');
+                utilities.verifyInnerText(thinkSpherePage.dialogBoxTitle(), 'Create_a_model');
+                utilities.verifyElementVisibilityState(thinkSpherePage.buttonClose(), 'visible');
+            });
+    },
+
+    verifySentenceStartersDropdown: () => {
+        thinkSpherePage.chooseStarterTextIconWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.starterIocn(), 'visible');
+                utilities.verifyInnerText(thinkSpherePage.starterTextWrapper(), 'Starters');
+            });
+        thinkSpherePage.chooseStarterDropdown()
+            .verifyPseudoClassBeforeProperty('content', '""');
+    },
+
+    verifySentenceStartersDropdownOptions: (sentenceStartersTextDefault) => {
+        sentenceStartersTextDefault.forEach((label, index) => {
+            utilities.verifyInnerText(utilities.getNthElement(thinkSpherePage.chooseStartersListOptionLabels(), index), label);
+        });
+    },
+
+    verifySentenceStartersDropdownFunctionality: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+        thinkSpherePage.steps.expandChooseStarterDropdown();
+        utilities.getNthElement(thinkSpherePage.chooseStartersListOptions(), 1).click();
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().should('have.value', 'First, I will ');
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+    },
+
+    verifyProblemAskingHeading: () => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.subheadingWrapper(), 'The problem is asking me to');
+                utilities.verifyElementVisibilityState(thinkSpherePage.subheadingWrapper(), 'visible');
+            });
+    },
+
+    verifyProblemAskingTextArea: () => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.contentEditableDiv(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.contentEditableDiv(), 'placeholder', 'Enter your text here');
+            });
+    },
+
+    verifyProblemAskingMicSection: () => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
+            });
+    },
+
+    verifyProblemAskingTextAreaFunctionality: (textToEnter) => {
+        thinkSpherePage.problemAskingWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().type(textToEnter);
+                thinkSpherePage.contentEditableDiv().should('have.value', textToEnter);
+            });
+    },
+
+    verifyStrategiesToPlanHeading: () => {
+        thinkSpherePage.strategiesToPlanWrapper()
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.subheadingWrapper(), 'Add strategies to plan');
+                utilities.verifyElementVisibilityState(thinkSpherePage.subheadingWrapper(), 'visible');
+            });
+    },
+
+    verifyWritePlanHeading: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.subheadingWrapper(), 'Write your plan');
+                utilities.verifyElementVisibilityState(thinkSpherePage.subheadingWrapper(), 'visible');
+            });
+    },
+
+    verifyWritePlanTextArea: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.contentEditableDiv(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.contentEditableDiv(), 'placeholder', 'Enter your plan here');
+            });
+    },
+
+    verifyWritePlanMicSection: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
+            });
+    },
+
+    verifyWritePlanTextAreaFunctionality: (planTextToEnter) => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().type(planTextToEnter);
+                thinkSpherePage.contentEditableDiv().should('have.value', planTextToEnter);
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+    },
+
+    verifyStrategyChipClickFunctionality: () => {
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().clear();
+            });
+        thinkSpherePage.strategyChip().click();
+        thinkSpherePage.writePlanWrapper()
+            .within(() => {
+                thinkSpherePage.contentEditableDiv().should('have.value', 'look for a pattern ');
+            });
+    },
+    clickUploadVideoButton: () => {
+        thinkSpherePage.uploadVideoLinkButton()
+            .click();
+    },
+
+    verifyPreAuthoredVideoTitles: (defaultStrategyTexts) => {
+        defaultStrategyTexts.forEach((text,index) => {
+            thinkSpherePage.videoLinkComponent(index)
+            .within(() => {
+                utilities.verifyInnerText(thinkSpherePage.uploadVideoLinkButton(), text);
+            })
+        });
+    },
+
+    verifyPreAuthoredVideos: (preAuthoredVideos) => {
+        preAuthoredVideos.forEach(({duration}, optionIndex) => {
+            thinkSpherePage.videoLinkComponent(optionIndex)
+            .within(thinkSpherePage.steps.clickUploadVideoButton);
+            thinkSpherePage.steps.startPlayback();
+            thinkSpherePage.steps.waitForPlaybackToBegin();
+            thinkSpherePage.playerTimer()
+            .should('contain', `/${duration}`);
+            thinkSpherePage.steps.closeVideoPopup();
+        })
+    },
+
+    clickOnReviewTab: () => {
+        thinkSpherePage.reviewTab()
+            .click();
+    },
+
+    clickOnPlanTab: () => {
+        thinkSpherePage.planTab()
+            .click();
+    },
+
+    switchToGradingView: () => {
+        thinkSpherePage.gradingViewRadioButton()
+            .click();
+    },
+
+    switchToStudentView: () => {
+        thinkSpherePage.studentViewRadioButton()
+            .click();
+    },
+
+    verifyCorrectAnswerLabel: () => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.correctAnswerLabelWrapper(), 'visible');
+    },
+
+    addImageAlternativeTextInputFieldText: (alternateTextForImage) => {
+        thinkSpherePage.imageAlternativeTextInputField().type(alternateTextForImage);
+        cy.wait(2000);
+    },
+
+    verifyQuestionInstructionPreviewTexWrapperVisibility: (instructionText) => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'visible');
+        utilities.verifyInnerText(thinkSpherePage.questionInstructionPreviewTexWrapper(), instructionText);
+    },
+
+    verifyQuestionInstructionPreviewImageWrapperVisibility: () => {
+        utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageWrapper(), 'visible');
+        utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 'visible');
+    },
 };
 
 const tests = {
@@ -1865,6 +2113,69 @@ const tests = {
             thinkSpherePage.editTab().should('have.class', 'Mui-selected');
         });
     },
+
+    /**
+     * Verifies the functionality of editing, selecting, and unselecting strategies and sentence starters.
+     * Ensures that changes are saved successfully and reflected in the preview section.
+     *
+     * @param {Object} sentenceStartersObject - The object containing strategies and sentence starters data.
+     * @param {Array<string>} sentenceStartersObject.editedStrategies - The list of edited strategies to verify.
+     * @param {Array<string>} sentenceStartersObject.editedSentenceStarters - The list of edited sentence starters to verify.
+     * @param {Array<string>} sentenceStartersObject.selectStrategies - The list of strategies to select and verify.
+     * @param {Array<string>} sentenceStartersObject.selectSentenceStarters - The list of sentence starters to select and verify.
+     */
+    verifyStrategiesAndSentenceStartersSection: (sentenceStartersObject) => {
+        const {
+            editedStrategies, editedSentenceStarters, selectStrategies, selectSentenceStarters
+        } = sentenceStartersObject || {};
+        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.switchToEditTab();
+            thinkSpherePage.steps.clickOnEditQuestionIcon();
+            editedStrategies.forEach((strategy, index) => {
+                thinkSpherePage.steps.addOptionText('strategy', index, strategy);
+            });
+            editedSentenceStarters.forEach((sentenceStarter, index) => {
+                thinkSpherePage.steps.addOptionText('sentenceStarter', index, sentenceStarter);
+            });
+            thinkSpherePage.steps.saveAQuestionAndVerifySnackbar();
+            thinkSpherePage.steps.switchToPreviewTab();
+            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.switchToEditTab();
+            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();
+            thinkSpherePage.steps.switchToPreviewTab();
+            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();
+        });
+    },
 };
 
 export const thinkSpherePage = {

package/cypress/support/helpers/createItem.js

@@ -437,7 +437,7 @@ Cypress.Commands.add('deleteItems', () => {
     });
 });
 
-Cypress.Commands.add('createThinkSphereItem', (itemName) => {
+Cypress.Commands.add('createThinkSphereItem', (itemName, studentView) => {
     const token = window.localStorage.getItem('ngie_accessToken');
     const firstName = window.localStorage.getItem('ngie_firstName');
     const lastName = window.localStorage.getItem('ngie_lastName');
@@ -828,7 +828,17 @@ Cypress.Commands.add('createThinkSphereItem', (itemName) => {
                                             {
                                                 "text": "Create a model",
                                                 "selected": true,
-                                                "videoData": {
+                                                "videoData": studentView ? {
+                                                    "description": "",
+                                                    "error": false,
+                                                    "fileKey": "thinkSphere/resources/ngie_predefined_strategy_1.mp4",
+                                                    "fileName": "Create_a_model",
+                                                    "mediaCredits": "",
+                                                    "originalName": "ngie_predefined_strategy_1.mp4",
+                                                    "size": "",
+                                                    "type": "video/mp4",
+                                                    "uploadUrl": "https://itemengine-file-management.itemengine-qa.il-apps.com/api/files/document?key=thinkSphere/resources/ngie_predefined_strategy_1.mp4"
+                                                } : {
                                                     "fileName": "",
                                                     "size": "",
                                                     "type": "",
@@ -906,7 +916,16 @@ Cypress.Commands.add('createThinkSphereItem', (itemName) => {
                                                 "id": "5"
                                             }
                                         ],
-                                        "backgroundImg": {
+                                        "backgroundImg": studentView ? {
+                                            "description": "",
+                                            "fileKey": "prompt/document/195e9660-d2ff-44c1-ab7b-f257b3804d8d.png",
+                                            "mediaCredits": "",
+                                            "name": "testtest.png",
+                                            "originalName": "testtest.png",
+                                            "size": 10235,
+                                            "type": "image/png",
+                                            "uploadUrl": "https://itemengine-file-management.itemengine-qa.il-apps.com/api/files/document?key=prompt/document/195e9660-d2ff-44c1-ab7b-f257b3804d8d.png"
+                                        } : {
                                             "type": "",
                                             "uploadUrl": "",
                                             "width": "",

package/cypress/support/helpers/utilities.js

@@ -156,6 +156,11 @@ const utilities = {
             .realHover({ position: 'topRight' });
     },
 
+    clickOnBody: () => {
+        cy.get('body')
+            .click();
+    },
+
     /**
      * @description trigger a mouseover event on an element
      * @param {*} selector cy.get selector
@@ -255,6 +260,14 @@ const utilities = {
         cy.get('body')
             .click();
     },
+    
+    /**
+     * Simulates pressing the Escape key.
+     * @returns {null} - Returns null after the action is performed.
+     */
+    pressEscapeKey: () => {
+        cy.get('body').type('{esc}');
+    },
 }
 
 export default utilities

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.342",
+  "version": "1.0.343-IEI-5600-IEI-5708-25494c0.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}