itemengine-cypress-automation 1.0.418-fixesForFlakySmokeFiles22July-f48fab5.0 → 1.0.418

package/cypress/pages/thinkSpherePage.js

@@ -147,6 +147,9 @@ const selectors = {
     addNewStrategyButton: () => cy.get('[class*="StrategiesPreviewstyles__AddStrategyButton"]'),
     strategiesInputBoxEditTab: () => cy.get('.video-upload-support-wrapper .edit-mcq-option-wrapper'),
     strategiesBoxPreviewTab: () => cy.get('[class*="StrategiesPreviewstyles__ListWrapper"]'),
+    strategyActionButtonWrapper: () => cy.get('[class*="StrategiesPreviewstyles__ActionsButtonWrapper"]'),
+    editStrategyButton: () => cy.get('button[aria-label="Edit strategy"]'),
+    deleteStrategyButton: () => cy.get('button[aria-label="Delete strategy"]'),
     popupTitle: () => cy.get('[class*="dialog-title-wrapper"]'),
     strategyNameLabel: () => cy.get('[class*="ThinkSpherePreviewstyles__StrategyNameTextWrapper"]'),
     strategyNameInputField: () => cy.get('[class*="new-strategy-name-field"]'),
@@ -212,14 +215,14 @@ const selectors = {
     cardWrapper: () => cy.get('.card-wrapper'),
     cardLabel: () => cy.get('.widget-card-label'),
     thinkSphereQuestionInstructionCKEditor: () => cy.get('div.cke_editable[contenteditable="true"]'),
-    reviewTab: () => cy.get('button[data-label="Review tab"],[role="tab"][aria-controls="tabpanel-2"]'),
-    solveTab: () => cy.get('button[data-label="Solve tab"],[role="tab"][aria-controls="tabpanel-1"]'),
-    planTab: () => cy.get('button[data-label="Plan tab"],[role="tab"][aria-controls="tabpanel-0"]'),
+    reviewTab: () => cy.get('button[data-label="Review tab"]'),
+    solveTab: () => cy.get('button[data-label="Solve tab"]'),
+    planTab: () => cy.get('button[data-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),
+    problemStatementWrapper: () => utilities.getNthElement(cy.get('textarea[class*="ReviewTabstyles__ProblemStatementTextarea"]'), 0),
     gradingViewRadioButton: () => cy.get('label[aria-label="Grading View"]'),
     studentViewRadioButton: () => cy.get('label[aria-label="Student View"]'),
     correctAnswerLabelWrapper: () => cy.get('div[class*="CorrectAnswerLabelWrapper"]'),
@@ -632,7 +635,8 @@ const steps = {
     addOption: (list) => {
         if (list === 'strategy') {
             thinkSpherePage.planStrategyAddItemButton()
-                .click();
+                .click()
+                .trigger('mouseout', { force: true });
         } else {
             thinkSpherePage.planSentenceStarterAddItemButton()
                 .click()
@@ -984,23 +988,21 @@ const steps = {
     },
 
     verifyCategoryCharactersAndUnSelectedState: (arrayOfSymbolsAriaLabel) => {
+        const unselectedCategoriesStartingIndex = 11; // Starting index for unselected categories
         thinkSpherePage.categoryCharacters()
             .then(($symbols) => {
-                arrayOfSymbolsAriaLabel.forEach((ariaLabel) => {
-                    const index = Cypress._.findIndex($symbols, (el) => el.getAttribute('aria-label') === ariaLabel);
-                    if (index !== -1) {
-                        editCategoryFlyout.categoryCharacters()
-                            .eq(index)
-                            .should('not.have.class', 'Mui-selected')
-                            .invoke('attr', 'aria-label')
-                            .then((label) => {
-                                const tooltipText = label.split(' ').slice(0, -1).join(' ');
-                                editCategoryFlyout.categoryCharacters()
-                                    .eq(index)
-                                    .verifyTooltip(tooltipText);
-                            });
-                    }
-                });
+                for (let index = unselectedCategoriesStartingIndex; index < arrayOfSymbolsAriaLabel.length - 1; index++) {
+                    editCategoryFlyout.categoryCharacters()
+                        .eq(index)
+                        .should('not.have.class', 'Mui-selected')
+                        .invoke('attr', 'aria-label')
+                        .then((ariaLabel) => {
+                            const tooltipText = ariaLabel.split(' ').slice(0, -1).join(' ');
+                            editCategoryFlyout.categoryCharacters()
+                                .eq(index)
+                                .verifyTooltip(tooltipText);
+                        });
+                }
             });
     },
 
@@ -1183,6 +1185,13 @@ const steps = {
             });
     },
 
+    addNewStrategy: (strategyName) => {
+        utilities.getNthElement(thinkSpherePage.addNewStrategyButton(), 0).click();
+        thinkSpherePage.strategyNameInputField().type(strategyName);
+        thinkSpherePage.addStrategyPopupSaveButton().click();
+        cy.wait(2000);
+    },
+
     verifyAddNewStrategyPopupSaveFunctionality: () => {
         let countBeforeOpeningPopup, countAfterClosingPopup;
         thinkSpherePage.strategiesBoxPreviewTab()
@@ -1258,27 +1267,43 @@ const steps = {
             });
     },
 
-    verifyProblemAskingMicSection: (isGrading = false) => {
+    verifyProblemAskingMicSection: (isGrading=false) => {
         thinkSpherePage.problemAskingWrapper()
             .within(() => {
                 utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
-                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'type', 'button');
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
                 utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
-                if (isGrading) {
+                if(isGrading) {
                     utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'tabindex', -1);
                 }
             });
     },
 
     verifyProblemAskingTextAreaFunctionality: (textToEnter) => {
-        thinkSpherePage.problemAskingWrapper()
-            .eq(0)
+        utilities.getNthElement(thinkSpherePage.problemAskingWrapper(), 0)
             .within(() => {
                 thinkSpherePage.contentEditableDiv().type(textToEnter);
                 thinkSpherePage.contentEditableDiv().should('have.value', textToEnter);
             });
     },
 
+    verifyProblemAskingTextAreaValue: (textToCheck) => {
+        utilities.getNthElement(thinkSpherePage.problemStatementWrapper(), 0).should('have.value', textToCheck);
+    },
+
+    verifyNewlyAddedStrategyEditDeleteButtonDisableState: () => {
+        const newlyAddedStrategyIndex = 5;
+        utilities.getNthElement(thinkSpherePage.strategiesBoxPreviewTab(), newlyAddedStrategyIndex)
+            .within(() => {
+                thinkSpherePage.editStrategyButton()
+                    .should('have.attr', 'tabindex', '-1')
+                    .should('be.disabled');
+                thinkSpherePage.deleteStrategyButton()
+                    .should('have.attr', 'tabindex', '-1')
+                    .should('be.disabled');
+            });
+    },
+
     verifyStrategiesToPlanHeading: () => {
         thinkSpherePage.strategiesToPlanWrapper()
             .within(() => {
@@ -1303,16 +1328,16 @@ const steps = {
             });
     },
 
-    verifyWritePlanMicSection: (isGrading = false) => {
+    verifyWritePlanMicSection: (isGrading=false) => {
         thinkSpherePage.writePlanWrapper()
-            .within(() => {
-                utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
-                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'type', 'button');
-                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
-                if (isGrading) {
-                    utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'tabindex', -1);
-                }
-            });
+        .within(() => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.micIconWrapper(), 'visible');
+            utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'role', 'button');
+            utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'aria-label', 'Mic button');
+            if(isGrading) {
+                utilities.verifyElementAttribute(thinkSpherePage.micIconWrapper(), 'tabindex', -1);
+            }
+        });
     },
 
     verifyWritePlanTextAreaFunctionality: (planTextToEnter) => {
@@ -1381,8 +1406,8 @@ const steps = {
             .click();
     },
 
-    clickOnYourPlanButton: () => {
-        thinkSpherePage.yourPlanButton()
+    clickOnYourPlanButton : () => {
+       thinkSpherePage.yourPlanButton()
             .click();
     },
 
@@ -1405,7 +1430,7 @@ const steps = {
         cy.wait(2000);
     },
 
-    submitResponseAndGotoGradingView: () => {
+    submitResponseAndGotoGradingView : () => {
         thinkSpherePage.submitButton().click();
         thinkSpherePage.goToGradingViewButton().click();
     },
@@ -1418,16 +1443,17 @@ const steps = {
                 thinkSpherePage.contentEditableDiv().type('This is a test text for the problem.');
             });
         thinkSpherePage.strategyChip().click();
+        thinkSpherePage.steps.addNewStrategy('new strategy');
         thinkSpherePage.submitButton().click();
         thinkSpherePage.goToGradingViewButton().click();
     },
 
     verifyAddStrategiesButtonDisabled: () => {
         thinkSpherePage.addNewStrategyButton().should('have.attr', 'tabindex', '-1');
-        thinkSpherePage.addNewStrategyButton().click({ force: true });
-        utilities.verifyElementVisibilityState(thinkSpherePage.popupTitle(), 'notExist');
+            thinkSpherePage.addNewStrategyButton().click({ force: true });
+            utilities.verifyElementVisibilityState(thinkSpherePage.popupTitle(), 'notExist');
     },
-
+    
     verifyStrategiesListButtonDisabled: () => {
         utilities.getNthElement(thinkSpherePage.strategiesPreviewListLI(), 0).should('have.attr', 'tabindex', '-1');
         utilities.getNthElement(thinkSpherePage.strategiesPreviewListLI(), 0).should('have.attr', 'aria-disabled', 'true');
@@ -1446,7 +1472,7 @@ const steps = {
     },
 
     verifyDisabledWriteYourPlanTextContainer: (textToEnter) => {
-        thinkSpherePage.writePlanWrapper()
+       thinkSpherePage.writePlanWrapper()
             .within(() => {
                 thinkSpherePage.contentEditableDiv().should('have.attr', 'readonly');
                 thinkSpherePage.contentEditableDiv().should('have.value', textToEnter);
@@ -1514,7 +1540,7 @@ const steps = {
             .should('have.attr', 'disabled');
     },
 
-    verifyYourPlanButtonInDisableState: () => {
+    verifyYourPlanButtonInDisableState : () => {
         thinkSpherePage.yourPlanButton()
             .should('have.attr', 'disabled');
     },
@@ -1620,7 +1646,7 @@ const steps = {
 
     verifyWhiteBoardPlayerPauseButtonVisible: () => {
         thinkSpherePage.whiteboardPlaybackPauseButton()
-            .should('be.visible')
+        .should('be.visible')
         cy.wait(1000);
     },
 
@@ -2188,7 +2214,7 @@ const tests = {
     verifyVideoLinkComponent: () => {
         it('Video link component should be displayed', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.videoLinkComponent(), 'visible');
-            utilities.verifyInnerText(thinkSpherePage.videoLinkComponent(), 'Upload video');
+            utilities.verifyInnerText(thinkSpherePage.videoLinkComponent(), 'Create_a_model');
         });
 
         it('CSS of video link component', { tags: 'css' }, () => {
@@ -2520,19 +2546,19 @@ const tests = {
         });
     },
 
-    /**
- * Verifies default visibility, selection, and behavior of whiteboard tools and their subtools.
- * 
- * @param {Array<Object>} whiteBoardTools - An array of tool objects, where each object contains:
- * @param {string} whiteBoardTools[].name - Display name of the tool.
- * @param {string} whiteBoardTools[].dataTestId - The `data-testid` used to locate the tool in the DOM.
- * @param {boolean} [whiteBoardTools[].isDefault] - Whether the tool is visible by default.
- * @param {string[]} [whiteBoardTools[].subToolS] - An array of subtool identifiers (data-testid, data-name, or class).
- * @param {string} [whiteBoardTools[].popupSelector] - A selector used to locate popup elements that appear after tool interaction.
- * @param {string[]} [whiteBoardTools[].popupContent] - Optional array of class names used to verify the popup’s inner content.
- * 
- * @param {string[]} editSectionWhiteBoardToolButtons - A list of tool names that will be enabled during edit phase.
-*/
+        /**
+     * Verifies default visibility, selection, and behavior of whiteboard tools and their subtools.
+     * 
+     * @param {Array<Object>} whiteBoardTools - An array of tool objects, where each object contains:
+     * @param {string} whiteBoardTools[].name - Display name of the tool.
+     * @param {string} whiteBoardTools[].dataTestId - The `data-testid` used to locate the tool in the DOM.
+     * @param {boolean} [whiteBoardTools[].isDefault] - Whether the tool is visible by default.
+     * @param {string[]} [whiteBoardTools[].subToolS] - An array of subtool identifiers (data-testid, data-name, or class).
+     * @param {string} [whiteBoardTools[].popupSelector] - A selector used to locate popup elements that appear after tool interaction.
+     * @param {string[]} [whiteBoardTools[].popupContent] - Optional array of class names used to verify the popup’s inner content.
+     * 
+     * @param {string[]} editSectionWhiteBoardToolButtons - A list of tool names that will be enabled during edit phase.
+    */
 
     verifyAllDefaultToolIds: (whiteBoardTools, editSectionWhiteBoardToolButtons) => {
         const allToolIds = whiteBoardTools.map(tool => tool.dataTestId);
@@ -2554,50 +2580,50 @@ const tests = {
     verifyWhiteBoardSubTools: (whiteBoardTools) => {
         whiteBoardTools.forEach((tool) => {
             it(`When user clicks on "${tool.name}" tool it should display its sub tools`, () => {
-                // Click the main tool by data-testid
-                cy.get(`[data-testid="${tool.dataTestId}"]`)
-                    .and('be.visible')
-                    .first()
-                    .click({ force: true }) // force in case some are behind overlays
+              // Click the main tool by data-testid
+              cy.get(`[data-testid="${tool.dataTestId}"]`)
+                .and('be.visible')
+                .first()
+                .click({ force: true }) // force in case some are behind overlays
                 cy.wait(1000); // Wait for any animations or transitions to complete
+        
+              // If the tool has subtools, verify each
+              if (tool.subToolS && tool.subToolS.length > 0) {
+                tool.subToolS.forEach((subTool) => {
+                  // Try data-testid first, fall back to data-name if needed
+                  cy.get(`[data-testid="${subTool}"], [data-name="${subTool}"], [class*="${subTool}"]`)
+                    .should('exist')
+                    .and('be.visible');
+                });
+              }
 
-                // If the tool has subtools, verify each
-                if (tool.subToolS && tool.subToolS.length > 0) {
-                    tool.subToolS.forEach((subTool) => {
-                        // Try data-testid first, fall back to data-name if needed
-                        cy.get(`[data-testid="${subTool}"], [data-name="${subTool}"], [class*="${subTool}"]`)
-                            .should('exist')
-                            .and('be.visible');
-                    });
+              if(tool.popupSelector) {
+                // Verify the popup selector if it exists
+                if(tool.popupSelector === 'eraser-width-picker') {
+                    cy.get(`[data-name="ERASER_THICKNESS"]`)
+                    .should('exist')
+                    .and('be.visible')
+                    .first()
+                    .click({ force: true });
+                    cy.get(`[class*="${tool.popupSelector}"]`).should('exist').and('be.visible');
+                } else {
+                    cy.get(`[data-testid="${tool.popupSelector}"]`).should('exist').and('be.visible');
                 }
-
-                if (tool.popupSelector) {
-                    // Verify the popup selector if it exists
-                    if (tool.popupSelector === 'eraser-width-picker') {
-                        cy.get(`[data-name="ERASER_THICKNESS"]`)
-                            .should('exist')
-                            .and('be.visible')
-                            .first()
-                            .click({ force: true });
-                        cy.get(`[class*="${tool.popupSelector}"]`).should('exist').and('be.visible');
-                    } else {
-                        cy.get(`[data-testid="${tool.popupSelector}"]`).should('exist').and('be.visible');
-                    }
-                    if (tool.popupContent) {
-                        // Verify the content inside the popup
-                        tool.popupContent.forEach((content) => {
-                            cy.get(`[class="${content}"]`).should('exist').and('be.visible');
-                        });
-                    }
+                if(tool.popupContent) {
+                    // Verify the content inside the popup
+                    tool.popupContent.forEach((content) => {
+                        cy.get(`[class="${content}"]`).should('exist').and('be.visible');
+                    });
                 }
+              }
 
-                if (tool.name === 'simple calculator' || tool.name === 'scientific calculator') {
-                    cy.get(`[data-testid="${tool.dataTestId}"]`)
-                        .and('be.visible')
-                        .first()
-                        .click({ force: true }) // force in case some are behind overlays
+              if(tool.name === 'simple calculator' || tool.name ==='scientific calculator') {
+                cy.get(`[data-testid="${tool.dataTestId}"]`)
+                    .and('be.visible')
+                    .first()
+                    .click({ force: true }) // force in case some are behind overlays
                     cy.wait(1000);
-                }
+              }
             });
         });
     },
@@ -2714,13 +2740,13 @@ const tests = {
                 .eq(0)
                 .check()
                 .should('be.checked');
-
+                
             thinkSpherePage.yourPlanStrategiesList()
                 .find('input[type="checkbox"]')
                 .eq(2)
                 .check()
                 .should('be.checked');
-
+                
             // Uncheck first strategy option
             thinkSpherePage.yourPlanStrategiesList()
                 .find('input[type="checkbox"]')
@@ -2747,21 +2773,22 @@ const tests = {
                 'justify-content': 'space-between',
                 'align-items': 'center',
             });
-
+            
             utilities.verifyCSS(thinkSpherePage.yourPlanHeadingLabel(), {
                 'font-size': css.fontSize.huge,
                 'font-weight': css.fontWeight.bold,
                 'color': css.color.panelLabel,
             });
-
+            
             utilities.verifyCSS(thinkSpherePage.yourPlanStrategiesList(), {
                 'padding': '0px',
                 'margin': '0px 0px 24px'
             });
         });
-
+        
         it('Accessibility of Your Plan section', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.yourPlanContainer());
+            thinkSpherePage.yourPlanCloseButton().click();
         });
     },
 
@@ -2818,7 +2845,7 @@ const tests = {
             thinkSpherePage.steps.clickOnRecordingOrPauseButton();
             thinkSpherePage.steps.verifyRecordingStatus('Paused');
         });
-
+        
         it('When the user click on Plan, or Review tab while recording, it should show a warning popup to the user', () => {
             thinkSpherePage.steps.clickOnRecordingOrPauseButton();
             thinkSpherePage.steps.clickOnReviewTab();
@@ -2827,7 +2854,6 @@ const tests = {
             thinkSpherePage.steps.clickOnPlanTab();
             thinkSpherePage.steps.verifyWhiteboardWarningHeaderText('Recording in Progress');
             thinkSpherePage.steps.verifyWhiteboardWarningDescriptionText("You're currently recording your work. To avoid losing progress, please return and click Stop to save the recording.");
-            thinkSpherePage.steps.clickOnCancelButtonInDialogBox()
         });
 
         it('CSS of Recording in Progress warning', { tags: 'css' }, () => {
@@ -2851,7 +2877,7 @@ const tests = {
                 // 'background-color': css.color.primaryBtnBg
             });
         });
-
+        
         it('Accessibility of whiteboard warning popup', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.whiteboardRecordingInProgressWarning());
             thinkSpherePage.steps.clickOnWhiteBoardRecordingInProgressWarningOkButton();
@@ -2859,6 +2885,12 @@ const tests = {
 
 
         it('The user should be able to switch to Review tab without warning after stopping the recording and the Review tab should contain the Playback option', () => {
+            cy.get(`[data-testid="${whiteBoardTools[0].dataTestId}"]`)
+                .should('exist')
+                .and('be.visible')
+                .first()
+                .click({ force: true });
+            cy.get('.upper-canvas').click({ force: true });
             cy.wait(1000);
             thinkSpherePage.steps.clickOnStopButton();
             thinkSpherePage.steps.clickOnReviewTab();
@@ -2875,6 +2907,9 @@ const tests = {
             thinkSpherePage.steps.verifyWhiteBoardPlayerPlayButtonVisible();
             thinkSpherePage.steps.clickOnWhiteBoardPlaybackPlayButton();
             thinkSpherePage.steps.verifyWhiteBoardPlayerPauseButtonVisible();
+            cy.wait(6000); // Wait for the playback to start
+            thinkSpherePage.steps.clickOnWhiteBoardPlaybackPlayButton();
+            cy.wait(1000);
             thinkSpherePage.steps.verifyWhiteBoardPlayerTimeStatus('00:01');
         });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.418-fixesForFlakySmokeFiles22July-f48fab5.0",
+  "version": "1.0.418",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -52,4 +52,4 @@
   "devDependencies": {
     "@applitools/eyes-cypress": "^3.47.0"
   }
-}
+}