itemengine-cypress-automation 1.0.348 → 1.0.350-feature-thinkSphere-01c175a.0

package/cypress/pages/components/ckEditorAudioPlayerComponent.js

@@ -1,6 +1,6 @@
 import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
-import { createQuestionBasePage } from "../components/createQuestionBasePage.js";
+import { createQuestionBasePage } from "../components";
 import { questionInstructionsComponent } from "../components/questionInstructionsComponent";
 
 const css = Cypress.env('css');

package/cypress/pages/components/commonComponents.js

@@ -7,6 +7,7 @@ const selectors = {
     tooltipText: () => cy.get('[class*="MuiTooltip-tooltip"]:visible'),
     snackbar: () => cy.get('.MuiSnackbarContent-message'),
     snackbarCloseButton: () => cy.get('.MuiSnackbarContent-action'),
+    popoverContainer: () => cy.get('.ngie-popover-container'),
     //Remove :visible https://redmine.zeuslearning.com/issues/564243 gets resolved
     errorMessage: () => cy.get('.error-text-message:visible'),
     nextGenCreateItemWrapper: () => cy.get('#nextgen-assess-create-item'),
@@ -17,7 +18,9 @@ const selectors = {
     tickIconForOptionButtons: () => cy.get('.ngie-toggle-button-tick-icon'),
     errorIcon: () => cy.get('[id="Icon_material-error"]'),
     alertMessage: () => cy.get('[role="alert"]:visible'),
-    warningIcon: () => cy.get('[class*="WarningIcon"]')
+    warningIcon: () => cy.get('[class*="WarningIcon"]'),
+    buttonDesktopViewToggle: () => cy.get('[aria-label*="Desktop View toggle button"]'),
+    buttonMobileViewToggle: () => cy.get('[aria-label*="Mobile View toggle button"]'),
 }
 
 const steps = {

package/cypress/pages/components/createQuestionBasePage.js

@@ -227,7 +227,7 @@ const tests = {
         it('When user has made some edits/changes and clicks on cancel button, a popup should be displayed with message \'Are you sure you want to leave this page? Your changes have not been saved.\'', () => {
             selectQuestionResourceToolPage.steps.selectQuestionType(questionType);
             questionInstructionsComponent.steps.addTextInQuestionInstructionsInputField('Edited');
-            if (questionType !== 'feedback scale' && questionType !== 'highlight image') {
+            if (questionType !== 'feedback scale' && questionType !== 'highlight image' && questionType !== 'think sphere') {
                 scoringSectionBaseEditTab.steps.allotPoints(20);
             };
             createQuestionBasePage.cancelButton()

package/cypress/pages/components/defaultToolDropdown.js

@@ -31,10 +31,11 @@ const steps = {
 }
 
 const tests = {
-    verifyDefaultToolDropdown:(toolOptionsArray)=>{
-        it('\'Default tool\' label and dropdown should be displayed with \'Point\' option selected by default', () => {
+    verifyDefaultToolDropdown:(toolOptionsArray, defaultTool)=>{
+        const defaultSelectedTool = defaultTool || toolOptionsArray[0];
+        it(`\'Default tool\' label and dropdown should be displayed with \'${defaultSelectedTool}\' option selected by default`, () => {
             utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdownLabel(), 'Default tool');
-            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), toolOptionsArray[0]);
+            utilities.verifyInnerText(defaultToolDropdown.defaultToolDropdown(), defaultSelectedTool);
         });
     
         it(`${toolOptionsArray} options should be displayed when the user expands the \'Default tool\' dropdown`, () => {
@@ -53,19 +54,19 @@ const tests = {
                 'font-size': css.fontSize.normal,
                 'font-weight': css.fontWeight.semibold
             });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Point'), {
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions(toolOptionsArray[0]), {
                 'color': css.color.liText,
                 'background-color': css.color.liTextSelectedBg,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions('Segment'), {
+            utilities.verifyCSS(defaultToolDropdown.defaultToolDropdownOptions(toolOptionsArray[1]), {
                 'color': css.color.liText,
                 'background-color': css.color.transparent,
                 'font-size': css.fontSize.default,
                 'font-weight': css.fontWeight.regular
             });
-            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown('Point');
+            defaultToolDropdown.steps.selectOptionFromDefaultToolDropdown(defaultSelectedTool);
         });
     }
 }

package/cypress/pages/dialogBoxBase.js

@@ -4,6 +4,7 @@ const css = Cypress.env('css');
 
 const selectors = {
     dialogBox: () => cy.get('[aria-labelledby="alert-dialog-title"]'),
+    dialogBoxRoot: () => cy.get('[class*="MuiDialog-paper"]'),
     dialogBoxTitle: () => cy.get('.dialog-title'),
     dialogBoxContent: () => cy.get('[class*="dialog-content"]'),
     buttonReject: () => cy.get('[data-testid="reject-button"]'),
@@ -102,4 +103,4 @@ export const dialogBoxBase = {
     ...selectors,
     steps,
     tests
-}
+};

package/cypress/pages/index.js

@@ -45,6 +45,7 @@ export * from './gridFillPage';
 export * from './geoGebraToolsPage';
 export * from './matchingPage';
 export * from './brainingCampManipulativePage';
+export * from './thinkSpherePage';
 export * from './numberLinePage';
 export * from './textSelectionPage';
 export * from './chartsBarPage';
@@ -52,4 +53,4 @@ export * from './chartsLinePage';
 export * from './numberLineLabelPage';
 export * from './chartsDotPlotPage';
 export * from './imageHighlightPage';
-export * from './compassPage';
+export * from './compassPage';

package/cypress/pages/selectQuestionResourceToolPage.js

@@ -15,7 +15,8 @@ const selectors = {
     },
     selectAQuestionHeaderText: () => cy.get('[class*="QuestionResourceToolstyles__HeaderText"]'),
     questionTypeCategory: () => cy.get('[class*="QuestionResourceToolstyles__CategorySection"]'),
-    resourceTypeCategory: () => cy.get('.MuiCard-root')
+    resourceTypeCategory: () => cy.get('.MuiCard-root'),
+    cancelCreateQuestionButton: () => cy.get('[class*="QuestionResourceToolstyles__CreateItemHeader"] .ngie-btn-outlined').contains('cancel'),
 }
 
 const questionTypeCategoryMap = {
@@ -64,7 +65,12 @@ const steps = {
             selectQuestionResourceToolPage.resourceAndToolOptionTitle(resourceCategory)
                 .click();
         }
-    }
+    },
+
+    clickOnCancelCreateQuestionButton: () => {
+        selectQuestionResourceToolPage.cancelCreateQuestionButton()
+            .click();
+    },
 }
 
 export const selectQuestionResourceToolPage = {