itemengine-cypress-automation 1.0.257 → 1.0.258

package/cypress/e2e/ILC/TextEntryMath/MathTempleteLayout.js

@@ -0,0 +1,172 @@
+import { textEntryMathPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import { equationEditorFlyout } from "../../../pages/components/equationEditorFlyout";
+import { equationEditorCategoriesAndSymbols } from "../../../fixtures/equationEditorCategoriesAndSymbols ";
+const defaultSelectedCategories = ['Numpad', 'Keypad', 'Intermediate', 'Primary', 'General', 'Common', 'Algebra', 'Geo', 'Compare', 'Matrices', 'Set notation', 'Delimiters', 'Trig', 'Measurement', 'Calculus', 'Other symbols', 'Greek symbols'];
+
+describe('Create Item page - Text entry math: Layout', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Layout content and Functionality in edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Text entry math question type');
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'one');
+        });
+
+        it('\'Layout\' accordion with accordion icon should be displayed and by default it should be in collapse state', () => {
+            utilities.verifyInnerText(textEntryMathPage.layoutAccordion(), 'Layout');
+            utilities.verifyElementVisibilityState(textEntryMathPage.layoutAccordion(), 'visible');
+            textEntryMathPage.steps.verifyLayoutAccordionCollapsed();
+            utilities.verifyElementVisibilityState(textEntryMathPage.layoutAccordionExpandIcon(), 'visible');
+            textEntryMathPage.steps.expandLayoutAccordion();
+        });
+
+        it('User should be able to collapse and expand the \'Layout\' accordion', () => {
+            textEntryMathPage.steps.collapseLayoutAccordion();
+            textEntryMathPage.steps.expandLayoutAccordion();
+        });
+
+        it('\'Response container\' label and \'Math template\' label should be display', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.responseContainerLabel(), 'visible');
+            utilities.verifyInnerText(textEntryMathPage.responseContainerLabel(), 'Response container');
+            utilities.verifyElementVisibilityState(textEntryMathPage.mathTemplateLabel(), 'visible');
+            utilities.verifyInnerText(textEntryMathPage.mathTemplateLabel(), 'Math template');
+        });
+
+        it('Math template inputfield should be display and by default inputfield should be empty', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.inputFieldLayoutAccordion(), 'visible');
+            utilities.verifyInnerText(textEntryMathPage.inputFieldLayoutAccordion(), '');
+        });
+    });
+
+    describe('Layout content and Functionality in preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Text entry math question type');
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.addInputToResponseAnswerInputFieldSpecifyCorrectAnswer(0, 'one');
+            textEntryMathPage.steps.expandLayoutAccordion();
+        });
+
+        it('When the user insert placeholder text inside the input field without adding response field then the placeholder text should be visible in preview tab and placeholder text should be editable', () => {
+            textEntryMathPage.steps.focusInLayoutInputField();
+            textEntryMathPage.steps.insertTextInEquationEditorTextArea('added two response field');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            utilities.verifyTextContent(textEntryMathPage.responseInputFieldMathTemplatePreviewTab(), 'added two response field');
+            textEntryMathPage.steps.verifyResponseFieldEditable();
+        });
+
+        it('When the user click on the \'response\' button,then the text container should be visible in preview tab', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.expandLayoutAccordion();
+            textEntryMathPage.steps.focusInLayoutInputField();
+            equationEditorFlyout.steps.clearAll();
+            textEntryMathPage.steps.addResponseContainer();
+            textEntryMathPage.steps.addResponseContainer();
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(textEntryMathPage.mathTemplateResponseContainerPreviewTab(), 2);
+        });
+
+        it('When the user remove response container,then the response container should be removed from preview tab', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.expandLayoutAccordion();
+            textEntryMathPage.steps.focusInLayoutInputField();
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.numPad.symbols.clear.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.numPad.symbols.clear.ariaLabel);
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            utilities.verifyElementCount(textEntryMathPage.mathTemplateResponseContainerPreviewTab(), 1);
+        });
+
+        it('When the user insert placeholder text inside the input field and add the response field then the placeholder text and response container should be visible in preview tab and placeholder text should not be editable', () => {
+            textEntryMathPage.steps.switchToEditTab();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.expandLayoutAccordion();
+            textEntryMathPage.steps.focusInLayoutInputField();
+            textEntryMathPage.steps.insertTextInEquationEditorTextArea('added two');
+            textEntryMathPage.steps.addResponseContainer();
+            textEntryMathPage.steps.addResponseContainer();
+            textEntryMathPage.steps.insertTextInEquationEditorTextArea('response field');
+            equationEditorFlyout.steps.clickOnOkButton();
+            textEntryMathPage.steps.switchToPreviewTab();
+            textEntryMathPage.steps.verifyResponseFieldNotEditable();
+        });
+    });
+
+    describe('\'Equation Editor\' flyout', () => {
+        abortEarlySetup();
+        before(() => {
+            textEntryMathPage.steps.navigateToCreateQuestion('Text Entry Math');
+            cy.barsPreLoaderWait();
+            textEntryMathPage.steps.addResponseArea();
+            textEntryMathPage.steps.expandResponseAccordionSpecifyCorrectAnswer(0);
+            textEntryMathPage.steps.expandLayoutAccordion();
+        });
+
+        it('When the user focus inside the inputfield equation editor flyout should be visible', () => {
+            textEntryMathPage.steps.focusInLayoutInputField();
+            utilities.verifyElementVisibilityState(textEntryMathPage.dialogBox(), 'visible');
+        });
+
+        it('\'Done\' and \'Cancel\' button should be displayed at the bottom of the flyout', () => {
+            utilities.verifyElementVisibilityState(equationEditorFlyout.buttonOk(), 'visible');
+            utilities.verifyInnerText(equationEditorFlyout.buttonOk(), 'Done');
+        });
+
+        it('Equation Editor input field should be displayed and when user focuses in the input field should have cursor', () => {
+            equationEditorFlyout.steps.verifyDefaultEquationEditorInputFieldWithCursor();
+        });
+
+        it('All the default selected categories in the \'Equation Editor\' section should be displayed and first category must be selected by default in the \'Equation Editor\' flyout', () => {
+            equationEditorFlyout.steps.verifyEquationEditorCategoryTiles(defaultSelectedCategories);
+            equationEditorFlyout.steps.verifyCategoryTileSelectedInEquationEditor(equationEditorCategoriesAndSymbols['numPad'].displayName);
+        });
+
+        it('\'response\' button should be visible', () => {
+            utilities.verifyElementVisibilityState(textEntryMathPage.addResponseContainerButton(), 'visible');
+            utilities.verifyTextContent(textEntryMathPage.addResponseContainerButton(), '+ response');
+        });
+
+        it('When the user insert placeholder text inside the input field then the placeholder text should be visible', () => {
+            textEntryMathPage.steps.insertTextInEquationEditorTextArea('new placeholder text');
+            equationEditorFlyout.steps.clickOnOkButton();
+            utilities.verifyInnerText(textEntryMathPage.inputFieldLayoutAccordion(), 'new placeholder text');
+        });
+
+        it('When the user click on the \'response\' button,then the inputfield should be visible inside the equation editor text area', () => {
+            textEntryMathPage.steps.focusInLayoutInputField();
+            equationEditorFlyout.steps.clearAll();
+            textEntryMathPage.steps.addResponseContainer();
+            textEntryMathPage.steps.addResponseContainer();
+            utilities.verifyElementVisibilityState(textEntryMathPage.responseInputFieldMathTemplate(), 'visible');
+            utilities.verifyElementCount(textEntryMathPage.responseInputFieldMathTemplate(), 2);
+        });
+
+        it('When the user remove response container,then the response container inside the equation editor text area should be removed', () => {
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.numPad.symbols.clear.ariaLabel);
+            equationEditorFlyout.steps.selectCategoryCharacters(equationEditorCategoriesAndSymbols.numPad.symbols.clear.ariaLabel);
+            utilities.verifyElementCount(textEntryMathPage.responseInputFieldMathTemplate(), 1);
+        });
+
+        it('When the user insert value inside the input field then the value should be visible', () => {
+            textEntryMathPage.steps.insertTextInEquationEditorTextArea('added two response field');
+            equationEditorFlyout.steps.clickOnOkButton();
+            utilities.verifyInnerText(textEntryMathPage.inputFieldLayoutAccordion(), 'added two response field');
+        })
+    });
+});

package/cypress/e2e/ILC/ToolAudioPlayerNew/previewContents.smoke.js

@@ -2,7 +2,8 @@ import { audioPlayerPage, itemPreviewPage, studentViewPage } from "../../../page
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
-let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+//Failing due to https://redmine.zeuslearning.com/issues/583133 , add grading view once it is resolved 'Grading view'
+let previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Correct answer view'];
 const views = utilities.getViews(previewContentViews);
 var itemReferenceID = "";
 

package/cypress/e2e/ILC/UploadResponse/previewContentsForAllViews.smoke.js

@@ -172,7 +172,8 @@ describe('Create item page - Upload response : Preview contents', () => {
             });
 
             if (view != 'Question preview') {
-                it('On clicking on the file name, user should be able to download the file', () => {
+                //Unable to test this on sorry cypress causing unneccessary failures
+                it.skip('On clicking on the file name, user should be able to download the file', () => {
                     cy.verifyUploadFilePreviewDownload('sample.jpg');
                     cy.log('Added wait here to pause till the file download is complete');
                     cy.wait(5000);

package/cypress/e2e/ThirdPartyQuestions/GeoGebra/scientificCalculatorEditTabBasicSection.js

@@ -10,7 +10,7 @@ describe('Create Item page - GeoGebra: Scientific calculator', () => {
     describe('Scientific calculator: Header section', () => {
         abortEarlySetup();
         before(() => {
-            geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');;
+            geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');
         });
 
         geoGebraToolsPage.tests.verifyCreateQuestionPageQuestionTypeHeader('GeoGebra scientific calculator');
@@ -19,7 +19,7 @@ describe('Create Item page - GeoGebra: Scientific calculator', () => {
     describe('Scientific calculator: Edit tab basic section', () => {
         abortEarlySetup();
         before(() => {
-            geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');;
+            geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');
         });
 
         geoGebraToolsPage.tests.verifyEditTabContents('scientific calculator');
@@ -28,7 +28,7 @@ describe('Create Item page - GeoGebra: Scientific calculator', () => {
     describe('Scientific calculator: edit tab functionality', () => {
         abortEarlySetup();
         before(() => {
-            geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');;
+            geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');
             geoGebraToolsPage.steps.switchToPreviewTab();
         });
 

package/cypress/e2e/ThirdPartyQuestions/GeoGebra/scientificCalculatorPreviewTabContents.smoke.js

@@ -18,7 +18,7 @@ describe('Preview tab contents for all views', () => {
             before(() => {
                 switch (view) {
                     case 'Question preview':
-                        geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');;
+                        geoGebraToolsPage.steps.navigateToCreateResource('GeoGebra scientific calculator');
                         geoGebraToolsPage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

package/cypress/fixtures/equationEditorCategoriesAndSymbols .js

@@ -131,7 +131,7 @@ export const equationEditorCategoriesAndSymbols = {
             clear: {
                 title: 'Clear',
                 textElement: null,
-                ariaLabel: 'Clear 11 of 11',
+                ariaLabel: 'Clear ',
                 displayText: null
             }
         }

package/cypress/pages/components/ckEditorAudioPlayerComponent.js

@@ -2,16 +2,13 @@ import utilities from "../../support/helpers/utilities";
 import { dialogBoxBase } from "../dialogBoxBase";
 import { createQuestionBasePage } from "../components/createQuestionBasePage.js";
 import { questionInstructionsComponent } from "../components/questionInstructionsComponent";
-import { audioResponsePage } from "../audioResponsePage";
-import { audioPlayerPage } from "../audioPlayerPage.js";
+
 const css = Cypress.env('css');
 
 const selectors = {
     ...createQuestionBasePage,
     ...dialogBoxBase,
     ...questionInstructionsComponent,
-    ...audioResponsePage,
-    ...audioPlayerPage,
     audioPlayerIcon: () => cy.get('[title="Audio Player"]'),
     tableIcon: () => cy.get('[title="Insert Table"]'),
     linkIcon: () => cy.get('[title="Link (Ctrl+K)"]'),
@@ -34,9 +31,9 @@ const selectors = {
     //Upload section
     uploadLabel: () => cy.get('.upload-audio-label'),
     fileNameLabel: () => cy.get('.filename-audio-label'),
-    chooseFileButton: () => cy.get('.uploadAudioFile .file-input-btn-wrapper button'),
+    audioPlayerChooseFileButton: () => cy.get('.uploadAudioFile .file-input-btn-wrapper button'),
     noFileChosenLabel: () => cy.get('.selected-file-wrapper'),
-    uploadedFileNameLabel: () => cy.get('.selected-file-wrapper'),
+    uploadedFileNameLabel: () => cy.get('.uploadAudioFile .selected-file-wrapper'),
     //Error
     sourceUrlInputFieldErrorMessage: () => cy.get('.error-text-message'),
     uploadFileSectionErrorMessage: () => cy.get('[class*="AudioPlayerFormstyles__ErrorBlock"]'),
@@ -103,8 +100,6 @@ const selectors = {
 const steps = {
     ...createQuestionBasePage.steps,
     ...questionInstructionsComponent.steps,
-    ...audioResponsePage.steps,
-    ...audioPlayerPage.steps,
 
     verifyAddAudioURLCheckedState: () => {
         ckEditorAudioPlayerComponent.addAudioURLRadioButton()
@@ -440,17 +435,6 @@ const steps = {
             .click();
     },
 
-    /**
-     * Enters text into the source URL input field on the audio player popup.
-     * @param {string} text - The text to be entered into the source URL input field.
-     * @returns {void}
-     */
-    enterTextInSourceURLInputField: (text) => {
-        ckEditorAudioPlayerComponent.sourceUrlInputField()
-            .type(text, { delay: 0 })
-            .blur();
-    },
-
     /**
      * Enters text into the transcript input field on the audio player popup.
      * @param {string} text - The text to be entered into the transcript input field.
@@ -461,11 +445,6 @@ const steps = {
             .blur();
     },
 
-    clearTextInSourceURLInputField: () => {
-        ckEditorAudioPlayerComponent.sourceUrlInputField()
-            .clear();
-    },
-
     clickOnUploadAudioFileRadioButton: () => {
         ckEditorAudioPlayerComponent.uploadAudioFileRadioButton()
             .click();
@@ -493,6 +472,11 @@ const steps = {
             .and('not.be.empty');
     },
 
+    uploadOnlyFile: (file) => {
+        ckEditorAudioPlayerComponent.inputTypeFile()
+            .attachFile(`uploads/${file}`);
+    },
+
     /**
      * Uploads a file to the audio player by attaching the file located at the specified filePath.
      * @param {string} file name of the file in fixtures/upload folder
@@ -501,6 +485,10 @@ const steps = {
     uploadFile: (file) => {
         ckEditorAudioPlayerComponent.inputTypeFile()
             .attachFile(`uploads/${file}`);
+        ckEditorAudioPlayerComponent.uploadedFileNameLabel()
+            .should('have.text', file);
+        ckEditorAudioPlayerComponent.fileUploadProgressBar()
+            .should('not.be.visible');
     },
 
     /**
@@ -538,8 +526,6 @@ const steps = {
 
 const tests = {
     ...questionInstructionsComponent.tests,
-    ...audioResponsePage.tests,
-    ...audioPlayerPage.tests,
 
     verifyCkEditorToolHeader: (tool) => {
         let selector;

package/cypress/pages/components/ckEditorEquationEditorComponent.js

@@ -8,8 +8,8 @@ const selectors = {
     //Basic
     equationEditorIcon: () => cy.get('.cke_button__nextgeneqneditor_icon:visible'),
     equationEditorLabel: () => cy.get('[class*="EquationEditorstyles__Heading"]'),
-    okButton: () => cy.get('.ok-btn'),
-    cancelButton: () => cy.get('.cancel-btn'),
+    okButton: () => cy.get('.action-button').eq(0),
+    cancelButton: () => cy.get('.action-button').eq(1),
     equationEditorPopUp: () => cy.get('[class*="EquationEditorstyles__EquationEditorContainer"]'),
     equationWrapper: () => cy.get('.cke_widget_ngie_equation [class*="NGMathJax"]'),
     equationInInputField: () => cy.get('[class*="ngie_latex"]').eq(0),

package/cypress/pages/components/ckEditorInsertImageComponent.js

@@ -52,13 +52,13 @@ const selectors = {
     imageInPreviewBox: () => cy.get('[src*="https://cdn.pixabay.com/photo/2016/11/29/03/28/fox-1867062_960_720.jpg"]'),
     //Upload
     sendItToTheServerLabel: () => cy.get('.dialog-input-label').eq(9),
-    chooseFileButton: () => cy.get('.dialog-input-area').eq(9),
+    insertImageChooseFileButton: () => cy.get('.dialog-input-area').eq(9),
     sendItToTheServerButton: () => cy.get('[title="Send it to the Server"] .cke_dialog_ui_button'),
 }
 
 const steps = {
     clickChooseFileButton: () => {
-        ckEditorInsertImageComponent.chooseFileButton()
+        ckEditorInsertImageComponent.insertImageChooseFileButton()
             .click();
     },
 

package/cypress/pages/components/equationEditorFlyout.js

@@ -31,7 +31,8 @@ const selectors = {
     inputFieldCursor: () => cy.get('.mq-hasCursor'),
     inputFieldFirstEmptyBox: () => cy.get('.next-gen-equation-editor .mq-empty').eq(0),
     categoryTooltip: () => cy.get('.__react_component_tooltip'),
-    dialogBoxTitle: () => cy.get('#alert-dialog-title')
+    dialogBoxTitle: () => cy.get('#alert-dialog-title'),
+    dialogBox: () => cy.get('.next-gen-equation-editor')
 }
 
 const steps = {

package/cypress/pages/components/equationEditorSectionCommonComponent.js

@@ -1,8 +1,6 @@
 import utilities from "../../support/helpers/utilities";
 import { equationEditorCategoriesAndSymbols } from "../../fixtures/equationEditorCategoriesAndSymbols ";
-import { equationEditorFlyout, commonComponents } from ".";
-import { essayResponseCommonComponents } from "../components/essayResponseCommonComponents";
-import { createQuestionBasePage } from "../components/createQuestionBasePage";
+import { equationEditorFlyout, commonComponents, essayResponseCommonComponents, createQuestionBasePage } from "../components";
 const css = Cypress.env('css');
 const allCategories = Object.values(equationEditorCategoriesAndSymbols)
 const defaultSelectedCategories = ['Numpad', 'Keypad', 'Intermediate', 'Primary', 'General', 'Common', 'Algebra', 'Geo', 'Compare', 'Matrices'];
@@ -170,8 +168,7 @@ const steps = {
         equationEditorSectionCommonComponent.equationEditorSectionCategories()
             .contains(`${categoryName}`)
             .click();
-    },
-
+    }
 }
 
 const tests = {

package/deploy/e2e/deploy.yaml

@@ -10,8 +10,8 @@ deployment:
   job:
     backoffLimit: 100
     activeDeadlineSeconds: 10800
-    parallelism: 12
-    completions: 12
+    parallelism: 15
+    completions: 15
 
   image:
     cmd: /ie-e2e/deploy/e2e/run.sh

package/deploy/smoke/deploy.yaml

@@ -10,8 +10,8 @@ deployment:
   job:
     backoffLimit: 25
     activeDeadlineSeconds: 7200
-    parallelism: 5
-    completions: 5
+    parallelism: 7
+    completions: 7
 
   image:
     cmd: /ie-e2e/deploy/smoke/run.sh

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itemengine-cypress-automation",
-  "version": "1.0.257",
+  "version": "1.0.258",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -33,6 +33,7 @@
     "cypress-file-upload": "^5.0.8",
     "cypress-real-events": "^1.7.6",
     "node-fetch": "^3.3.2",
-    "react-uuid": "^2.0.0"
+    "react-uuid": "^2.0.0",
+    "typescript": "^5.6.3"
   }
 }