itemengine-cypress-automation 1.0.372-mcq-flakiness-22ad93f.0 → 1.0.373-IEI-5907-b092308.0

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

@@ -18,6 +18,28 @@ const sentenceStartersTextDefault = [
     'I will check my work by',
     'If my strategy is not working, I will'
 ];
+const preAuthoredStrategyVideos = [
+    {
+        displayName: 'Create_a_model',
+        duration: '00:24',
+    },
+    {
+        displayName: 'Look_for_a_pattern',
+        duration: '00:18',
+    },
+    {
+        displayName: 'Guess_check_and_revise',
+        duration: '00:17',
+    },
+    {
+        displayName: 'Try_with_friendlier_numbers',
+        duration: '00:26',
+    },
+    {
+        displayName: 'Show_with_an_equation',
+        duration: '00:22',
+    }
+];
 describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
     before(() => {
         cy.loginAs('admin');
@@ -55,19 +77,37 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
         });
     });
 
+    describe('\'Plan Phase\' Section Strategies list component - Pre-authored Videos', () => {
+        abortEarlySetup();
+        it('Strategies list options should have Pre-authored Videos', () => {
+            thinkSpherePage.steps.verifyPreAuthoredVideoTitles(preAuthoredStrategyVideos.map(video => video.displayName));
+        })
+        it('When the user clicks on the video, the respective video should play', () => {
+            thinkSpherePage.steps.verifyPreAuthoredVideos(preAuthoredStrategyVideos);
+        });
+    });
+
     describe('\'Plan Phase\' Video Preview Component', () => {
         const playbackSpeedOptions = ['1x', '1.25x', '1.5x', '2x'];
         const playbackSpeedMultiplier = [1, 1.25, 1.5, 2];
+        before(()=>{
+            thinkSpherePage.steps.addOption('strategy');
+            thinkSpherePage.steps.addOptionText('strategy', 5, "Custom strategy");
+        })
+
+        after(() => {
+            thinkSpherePage.steps.deleteOption(5);
+        })
 
         it('When the video is uploaded it should display the video and its buttons correctly', () => {
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
                 });
             thinkSpherePage.steps.uploadVideoFile('uploads/sample.mp4');
             cy.wait(10000);
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
@@ -151,7 +191,7 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
 
         it('When video player is in paused state and user clicks on \'Play\' button, then playback should get resumed and \'Play\' button should get replaced with \'Pause\' button.', () => {
             thinkSpherePage.videoPopupCloseButton().click();
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
@@ -287,18 +327,16 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
 
         it('When popup is open it should have the title visible and it should contain the title', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.videoPopupTitle(), 'visible');
-            thinkSpherePage.videoPopupTitle()
-                .invoke('text')
-                .should('not.be.empty');
+            thinkSpherePage.steps.verifyTextIsNotEmpty(thinkSpherePage.videoPopupTitle());
         });
 
-        it.skip('The play and pause button should be visible in the center of the video', () => {
+        it('The play and pause button should be visible in the center of the video', () => {
             //TODO: the play and pause button should be visible in the center of the video
         });
 
         it('When the user hovers over the playback speed button, a tooltip \'Playback speed\' should be displayed and on hovering away from the button, the tooltip should disappear', () => {
             thinkSpherePage.videoPopupCloseButton().click();
-            thinkSpherePage.videoLinkComponent()
+            thinkSpherePage.videoLinkComponent(5)
                 .within(() => {
                     thinkSpherePage.uploadVideoLinkButton()
                         .click();
@@ -474,10 +512,31 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
             thinkSpherePage.tests.verifyOptionsInput('strategy');
     
             thinkSpherePage.tests.verifyAtleastOneOptionIsRequired('strategy', strategiesTextDefault, 'Minimum one option is required');
+
+            it('The author should be able to add up to 15 strategies using the \'Add strategy\' button and newly added option\'s checkbox should be unchecked by default', () => {
+                for (let index = 0; index < 10; index++) {
+                    thinkSpherePage.steps.addOption('strategy');
+                }
+                thinkSpherePage.tests.verifyListSectionContents({
+                    optionFieldsCount: 15,
+                    optionList: [...strategiesTextDefault, ...Array(10).fill('')],
+                    placeholder: 'Enter strategy name',
+                    list: 'strategy',
+                });
+                thinkSpherePage.steps.verifyTypeCheckBoxStrategy();
+                thinkSpherePage.steps.verifyStrategyCheckBoxNotChecked();
+            });
+
+            it('When 5 strategies are checked, further checkboxes should have tool tip \'Only 5 strategies can be selected\'', () => {
+                for(let i = 1; i < 5; i++) {
+                    thinkSpherePage.steps.selectOption('strategy', i)
+                }
+                utilities.getNthElement(thinkSpherePage.planStrategyCheckbox(), 5).verifyTooltip('Only 5 strategies can be selected')
+            });
     
             thinkSpherePage.tests.verifyResetToDefaultFunctionality(strategiesTextDefault, 'strategy');
     
-            thinkSpherePage.tests.verifyVideoLinkComponent();
+            thinkSpherePage.tests.verifyVideoLinkComponent(5);
     
             it('Accessibility of \'Plan Phase\' Section Strategies list component', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(thinkSpherePage.planStrategySection());
@@ -530,6 +589,29 @@ describe('Create item : ThinkSphere Question - Plan Phases Section',() => {
             thinkSpherePage.tests.verifyOptionsInput('sentenceStarter');
     
             thinkSpherePage.tests.verifyAtleastOneOptionIsRequired('sentenceStarter', sentenceStartersTextDefault, 'Minimum one option is required');
+
+            it('The author should be able to add up to 15 sentence starters using the \'Add sentence starters\' button and newly added option\'s checkbox should be unchecked by default', () => {
+                for (let index = 0; index < 10; index++) {
+                    thinkSpherePage.steps.addOption('sentenceStarter');
+                }
+                thinkSpherePage.tests.verifyListSectionContents({
+                    optionFieldsCount: 15,
+                    optionList: [...sentenceStartersTextDefault, ...Array(10).fill('')],
+                    placeholder: 'Enter sentence starter name',
+                    list: 'sentenceStarter',
+                });
+                thinkSpherePage.steps.verifyTypeCheckBoxSentenceStarter();
+                thinkSpherePage.steps.verifySentenceStrategyCheckBoxNotChecked();
+            });
+
+            it('When 5 sentence starters are checked, further checkboxes should have tool tip \'Only 5 sentence starters can be selected\'', () => {
+                for(let i = 1; i < 5; i++) {
+                    thinkSpherePage.steps.selectOption(sentenceStartersTextDefault, i)
+                }
+                utilities.getNthElement(thinkSpherePage.planSentenceStarterCheckbox(), 5).verifyTooltip('Only 5 sentence starters can be selected')
+            });
+
+            thinkSpherePage.tests.verifyResetToDefaultFunctionality(sentenceStartersTextDefault, 'sentenceStarter');
     
             it('Accessibility of \'Plan Phase\' Section Sentence starters list component', { tags: 'a11y' }, () => {
                 cy.checkAccessibility(thinkSpherePage.planSentenceStarterSection());

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

@@ -6,11 +6,11 @@ import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
 
 const sentenceStartersTextDefault = [
-    'The strategy i’m going to use is',
-    'First, i will',
-    'Secondly, i will',
+    'The strategy I’m going to use is',
+    'First, I will',
+    'Secondly, I will',
     'I will check my work by',
-    'If my strategy is not working, i will'
+    'If my strategy is not working, I will'
 ];
 
 describe('Preview question : ThinkSphere Question - Plan Section - preview tab', () => {
@@ -24,11 +24,14 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
         thinkSpherePage.steps.switchToPreviewTab();
     });
 
+    after(() => {
+        cy.deleteThinkSphereItem('~zzz item name');
+    });
+
     describe('\'Question instruction\' section', () => {
         abortEarlySetup();
         it('\'Question instruction\' section should be present', () => {
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'visible');
-            utilities.verifyInnerText(thinkSpherePage.questionInstructionPreviewTexWrapper(), 'question instruction text');
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('question instruction text');
         });
 
         it('CSS of \'Question instruction\' section', { tags: 'css' }, () => {
@@ -46,8 +49,7 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
             cy.wait(1000);
             thinkSpherePage.steps.uploadFile('uploads/image.png');
             thinkSpherePage.steps.switchToPreviewTab();
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageWrapper(), 'visible');
-            utilities.verifyElementVisibilityState(thinkSpherePage.questionInstructionPreviewImageExpandButton(), 'visible');
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewImageWrapperVisibility();
         });
 
         it('CSS of question instruction image section', { tags: 'css' }, () => {
@@ -279,7 +281,7 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
 
         it('\'Planning journal\' section heading should be present', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.planningPreviewHeading(), 'visible');
-            utilities.verifyInnerText(thinkSpherePage.planningPreviewHeading(), 'Planing journal');
+            utilities.verifyInnerText(thinkSpherePage.planningPreviewHeading(), 'Planning journal');
         });
 
         it('\'Sentence starters\' label and dropdown should be displayed', () => {
@@ -473,14 +475,12 @@ describe('Preview question : ThinkSphere Question - Plan Section - preview tab',
                 });
         });
         
-        it('CSS of strategy chip when it is selected', { tags: 'css' }, () => {
+        it('CSS of strategy chip when it is selected and CSS of planning journal section', { tags: 'css' }, () => {
             utilities.verifyCSS(thinkSpherePage.strategyChip(), {
                 'background-color': css.color.secondaryBtnBorder,
                 'border': `1px solid ${css.color.primaryBtnBg}`,
             });
-        });
 
-        it('CSS of planning journal section', { tags: 'css' }, () => {
             utilities.verifyCSS(thinkSpherePage.planningPreviewHeading(), {
                 'color': css.color.primaryBtnBorder,
                 'font-size': css.fontSize.heading,

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

@@ -0,0 +1,97 @@
+import { thinkSpherePage } from "../../../pages";
+import { browseItemsPage } from "../../../pages/components/browseItemsPage";
+import { commonComponents } from "../../../pages/components/commonComponents";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const sentenceStartersTextDefault = [
+    'The strategy I’m going to use is',
+    'First, I will',
+    'Secondly, I will',
+    'I will check my work by',
+    'If my strategy is not working, I will'
+];
+
+describe('Preview question : ThinkSphere Question - Plan Section - preview tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+        cy.deleteThinkSphereItem('~zzz item name review test');
+        cy.createThinkSphereItem('~zzz item name review test', true);
+        cy.visit('/item-engine/thinksphere/browse-items');
+        browseItemsPage.steps.clickOnItemReferenceId('~zzz item name review test');
+        browseItemsPage.steps.clickOnAddReviewItem();
+        thinkSpherePage.steps.createReviewQuestion();
+        thinkSpherePage.steps.clickOnEditQuestionIcon();
+        thinkSpherePage.steps.switchToPreviewTab();
+        thinkSpherePage.steps.clickOnReviewTab();
+    });
+
+    after(() => {
+        cy.deleteThinkSphereItem('~zzz item name review test');
+    });
+
+    describe('\'Question instruction\' section', () => {
+        abortEarlySetup();
+        it('\'Question instruction\' section should be present', () => {
+            thinkSpherePage.steps.verifyQuestionInstructionPreviewTexWrapperVisibility('question instruction text');
+        });
+
+        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.default,
+                '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');
+        });
+    });
+});

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

@@ -7,7 +7,7 @@ const canvasTools = [
     'Text', 'Pen', 'Highlighter', 'Image', 'Shapes',
     'Stamps', 'Unifix Cube', 'Diagrams', 'Array',
     'Number line', 'Fraction bars', 'Protractor', 'Table', 'Grids',
-    'Equation editor', 'Algebra tiles'
+    'Equation editor', 'Algebra tiles', 'Point eraser', 'Item eraser'
 ];
 const defaultSelectedCanvasTools = ['Text', 'Pen', 'Highlighter', 'Image', 'Shapes', 'Stamps'];
 const canvasControls = ['Move', 'Delete', 'Undo', 'Redo', 'Clear all'];
@@ -36,6 +36,13 @@ describe('ThinkSphere Question - Solve Phases Section', () => {
             utilities.verifyElementVisibilityState(thinkSpherePage.solvePhaseAccordionExpandIcon(), 'exist');
         });
 
+        it('When the user clicks the expanded \'Solve phase\' accordion should be collapsed when collapsed accordion is clicked it should be expanded', () => {
+            thinkSpherePage.steps.clickOnSolvePhaseAccordionIcon();
+            thinkSpherePage.steps.verifySolvePhaseAccordionCollapsed();
+            thinkSpherePage.steps.clickOnSolvePhaseAccordionIcon();
+            thinkSpherePage.steps.verifySolvePhaseAccordionExpanded();
+        });
+
         it('By default \'Customize toolbar options and controls\' accordion should be collapsed and by clicking on the \'Customize toolbar options and controls\' accordion, user should be able to expand the accordion', () => {
             utilities.verifyInnerText(thinkSpherePage.customizeToolsAndControlsLabel(), 'Customize toolbar options and controls');
             utilities.verifyElementVisibilityState(thinkSpherePage.customizeToolsAndControlsIcon(), 'exist');
@@ -61,7 +68,7 @@ describe('ThinkSphere Question - Solve Phases Section', () => {
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.bold
             });
-            utilities.verifyCSS(thinkSpherePage.customizeToolsAndControlsSvg(), {
+            utilities.verifyCSS(thinkSpherePage.customizeToolsAndControlsPath(), {
                 'fill': css.color.activeButtons
             });
 
@@ -150,6 +157,12 @@ describe('ThinkSphere Question - Solve Phases Section', () => {
             thinkSpherePage.steps.verifyDefaultStamps(defaultSelectedStamps);
         });
 
+        it('Default stamps should have visible tool tips', () => {
+            defaultSelectedStamps.forEach((ele) => {
+                thinkSpherePage.customizeStampCard(ele).verifyTooltip(ele);
+            });
+        });
+
         it('When user select deselect stamps tool from tools section, then customize stamps section should be visible and hide respectively', () => {
             thinkSpherePage.steps.clickOnStampsTool();
             utilities.verifyElementVisibilityState(thinkSpherePage.customizeStampComponent(), 'notExist');
@@ -250,6 +263,26 @@ describe('ThinkSphere Question - Solve Phases Section', () => {
                 });
         });
 
+        it('The edit button should not be displayed for the keypad category button.', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).find(thinkSpherePage.equationEditorSectionCategoriesEditIcon()), 'notExist');
+        });
+
+        it('User should be able to unselect default selected category and should be able to select default unselected category.', () => {
+            thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['keyPad'].displayName}`).click();
+            thinkSpherePage.steps.verifyEquationEditorSectionCategoryNotPressed()
+            thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['setNotation'].displayName}`).click();
+            thinkSpherePage.steps.verifyEquationEditorSectionCategoryIsPressed();
+        });
+
+        it('The \'Equation Editor\' should be displayed along with helper text \'Select the categories to display to the students in the equation editor.\' and \'Create custom category\' button should be displayed', () => {
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionTitle(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.equationEditorSectionTitle(), 'Equation editor');
+            utilities.verifyElementVisibilityState(thinkSpherePage.equationEditorSectionHelperText(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.equationEditorSectionHelperText(), 'Select the categories to display to the students in the equation editor.');
+            utilities.verifyElementVisibilityState(thinkSpherePage.createCustomCategoryButton(), 'visible');
+            utilities.verifyInnerText(thinkSpherePage.createCustomCategoryButton(), 'Create custom category');
+        });
+
         it.skip('Accessibility of selected and deselected category', { tags: 'a11y' }, () => {
             cy.checkAccessibility(thinkSpherePage.equationEditorSectionCategories().contains(`${equationEditorCategoriesAndSymbols['numPad'].displayName}`).parents('[class*="DraggableItemsGrid"]'))
         });