itemengine-cypress-automation 1.0.255 → 1.0.256-updatedRepo18thNov-3c7b396.0

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerPreviewTab.js

@@ -20,7 +20,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sampleAudio.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -34,7 +34,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnLimitPlayAttempts();
             multipleSelectionPage.steps.setPlaybackLimit(2);
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyInnerText(multipleSelectionPage.playbackLimitHelpText(), 'You have 2 plays remaining.');
             utilities.verifyElementVisibilityState(multipleSelectionPage.playbackLimitHelpText(), 'visible');
@@ -102,7 +102,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -116,7 +116,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.checkUncheckAllowStudentsToDownloadAudioCheckbox();
             multipleSelectionPage.steps.verifyAllowStudentsToDownloadAudioCheckboxChecked();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.playbackDownloadButton(), 'visible');
         });
@@ -136,7 +136,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.checkUncheckAllowStudentsToDownloadAudioCheckbox();
             multipleSelectionPage.steps.verifyAllowStudentsToDownloadAudioCheckboxNotChecked();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.playbackDownloadButton(), 'notExist');
         });
@@ -153,7 +153,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -171,7 +171,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeControlPauseButton();
             multipleSelectionPage.steps.verifyCustomizeControlPauseButtonDeselectedState();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -195,7 +195,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -216,7 +216,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeControlSeekButton();
             multipleSelectionPage.steps.verifyCustomizeControlSeekButtonDeselectedState();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -241,7 +241,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnUploadAudioFileRadioButton();
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -260,7 +260,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeUIControlAccordion();
             multipleSelectionPage.steps.clickOnCustomizeControlPlayBackSpeedButton();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.playbackSpeedButton(), 'notExist');
         });
@@ -277,7 +277,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -294,7 +294,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeUIControlAccordion();
             multipleSelectionPage.steps.clickOnCustomizeControlAddPinButton();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.addPinButton(), 'notExist');
         });
@@ -311,7 +311,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -327,7 +327,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeUIControlAccordion();
             multipleSelectionPage.steps.clickOnCustomizeControlForwardBackwardButton();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.forwardButton(), 'notExist');
             utilities.verifyElementVisibilityState(multipleSelectionPage.backwardButton(), 'notExist');
@@ -346,7 +346,7 @@ describe('Audio player: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.selectAudioPlayerStyleToggleButton('Compact');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -363,7 +363,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeUIControlAccordion();
             multipleSelectionPage.steps.clickOnCustomizeControlVolumeButton();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.clickOnPlayButton();
             utilities.verifyElementVisibilityState(multipleSelectionPage.volumeControlButton(), 'notExist');
@@ -382,7 +382,7 @@ describe('Audio player: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.selectAudioPlayerStyleToggleButton('Compact');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -400,7 +400,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeUIControlAccordion();
             multipleSelectionPage.steps.clickOnCustomizeControlTimerButton();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.clickOnPlayButton();
             utilities.verifyElementVisibilityState(multipleSelectionPage.playbackTime(), 'notExist');
@@ -419,7 +419,7 @@ describe('Audio player: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.selectAudioPlayerStyleToggleButton('Compact');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -435,7 +435,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnCustomizeUIControlAccordion();
             multipleSelectionPage.steps.clickOnCustomizeControlProgressBarButton();
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.clickOnPlayButton();
             utilities.verifyElementVisibilityState(multipleSelectionPage.progressBar(), 'notExist');

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerPreviewTabSupportedFileTypes.js

@@ -22,7 +22,7 @@ describe('Audio player: Edit tab', () => {
         it('When user adds link of MP3 audio file, audio player should be displayed in preview tab and user should be able to play MP3 audio file.', () => {
             multipleSelectionPage.steps.enterTextInSourceURLInputField(constants.sampleMp3Link);
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -34,7 +34,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clearTextInSourceURLInputField();
             multipleSelectionPage.steps.enterTextInSourceURLInputField(constants.sampleWAVLink);
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -46,7 +46,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clearTextInSourceURLInputField();
             multipleSelectionPage.steps.enterTextInSourceURLInputField(constants.sampleAACLink);
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -67,7 +67,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -80,7 +80,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.wav');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();
@@ -93,7 +93,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.aac');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.startPlayback();
             multipleSelectionPage.steps.waitForPlaybackToBegin();

package/cypress/e2e/ILC/CkEditorAudioPlayer/audioPlayerPreviewTabTranscript.js

@@ -20,7 +20,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadFile('sample.mp3');
             utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
         });
 
@@ -34,7 +34,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.uploadTranscriptFile('sample.txt');
             utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'visible');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptButton(), 'visible');
             multipleSelectionPage.steps.verifyPlaybackTranscriptButtonEnabledState();
@@ -51,7 +51,7 @@ describe('Audio player: Edit tab', () => {
             multipleSelectionPage.steps.clickOnTypeInTranscriptRadioButton();
             multipleSelectionPage.steps.enterTextInTranscriptInputField('In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
             multipleSelectionPage.steps.clickOnOKButton();
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptButton(), 'visible');
             multipleSelectionPage.steps.verifyPlaybackTranscriptButtonEnabledState();
@@ -78,7 +78,7 @@ describe('Audio player: Edit tab', () => {
         });
 
         it('When the user clicks on the transcript button, a transcript modal should appear', () => {
-            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.focusInAndOutOfQuestionInstructionsInputField();
             multipleSelectionPage.steps.switchToPreviewTab();
             multipleSelectionPage.steps.clickOnTranscriptButton();
             utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptModal(), 'visible');

package/cypress/e2e/ILC/CkEditorEquationEditor/equationEditorBasicFile.js

@@ -2,6 +2,28 @@ import abortEarlySetup from "../../../support/helpers/abortEarly";
 import { multipleSelectionPage } from "../../../pages";
 import utilities from "../../../support/helpers/utilities";
 const css = Cypress.env('css');
+const latexCode = `
+    \\documentclass{article}
+    \\begin{document}
+    This is a simple document with an equation:
+    \\begin{equation}
+        E = mc^2
+    \\end{equation}
+    \\end{document}
+`;
+const mathMl = `
+    <math xmlns="http://www.w3.org/1998/Math/MathML">
+        <mrow>
+            <mi>E</mi>
+            <mo>=</mo>
+            <mi>m</mi>
+            <msup>
+            <mi>c</mi>
+            <mn>2</mn>
+            </msup>
+        </mrow>
+    </math>
+`;
 
 describe('Equation Editor: Edit tab', () => {
     before(() => {
@@ -20,13 +42,13 @@ describe('Equation Editor: Edit tab', () => {
         it('\'Equation Editor\' label, \'Ok\' and \'Cancel\' button should be displayed.', () => {
             utilities.verifyInnerText(multipleSelectionPage.equationEditorLabel(), 'Equation Editor');
             utilities.verifyElementVisibilityState(multipleSelectionPage.equationEditorLabel(), 'visible');
-            utilities.verifyInnerText(multipleSelectionPage.buttonOk(), 'OK');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.buttonOk(), 'visible');
-            utilities.verifyInnerText(multipleSelectionPage.buttonCancel(), 'Cancel');
-            utilities.verifyElementVisibilityState(multipleSelectionPage.buttonCancel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.okButton(), 'OK');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.okButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.cancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.cancelButton(), 'visible');
         });
 
-        it('\'Select Mode\' label with \'Editor\', \'LaTex code\' and \'MathML\' radio button should be displayed. Also \'ARIA label\' label should be displayed with Chevron Down Icon. By default \'Editor\' should be selected', () => {
+        it('\'Select Mode\' label with \'Editor\', \'LaTex code\' and \'MathML\' radio button should be displayed. Also \'ARIA label\' label should be displayed with chevron down icon.', () => {
             utilities.verifyInnerText(multipleSelectionPage.selectModeLabel(), 'Select Mode');
             utilities.verifyElementVisibilityState(multipleSelectionPage.selectModeLabel(), 'visible');
             utilities.verifyInnerText(multipleSelectionPage.editorLabel(), 'Editor');
@@ -42,5 +64,64 @@ describe('Equation Editor: Edit tab', () => {
             utilities.verifyElementVisibilityState(multipleSelectionPage.ariaLabelText(), 'visible');
             utilities.verifyElementVisibilityState(multipleSelectionPage.chevronDownIcon(), 'visible');
         });
+
+        it('Clicking on \'Aria Label\', \'Customize ARIA label\' and input section should be visible and user should be able to enter value input', () => {
+            multipleSelectionPage.steps.clickOnChevronDownIcon();
+            utilities.verifyInnerText(multipleSelectionPage.customizeARIALabel(), 'Customize ARIA label');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.customizeARIALabelInputField(), 'visible');
+            multipleSelectionPage.steps.typeInCustomizeARIALabelInputField('Aria Label');
+        });
+    });
+
+    describe('\'Cancel\' and \'Ok\' Button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+        });
+
+        it('When user writes any equation and clicks on cancel button it should not be visible on question instruction section', () => {
+            multipleSelectionPage.steps.writeEquationUsingTools();
+            multipleSelectionPage.steps.clickOnCancelButton();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.equationWrapper(), 'notExist');
+        });
+
+        it('When user writes any equation and clicks on \'Ok\' button the equation should be visible on question instruction section', () => {
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.writeEquationUsingTools();
+            multipleSelectionPage.steps.clickOnOkButton();
+            utilities.verifyTextContent(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+        });
+    });
+
+    describe('Select Mode', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+        });
+
+        it('By default \'Editor\' should be selected and tool bar and sub tool bar should be visible', () => {
+            multipleSelectionPage.steps.verifyEditorButtonChecked();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.toolBarWrapper(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.subBarWrapper(), 'visible');
+        });
+
+        it('When user switch to \'LaTex Code\', \'Enter LaTex Code\' title should be visible and user should be able to enter latex code in source input', () => {
+            multipleSelectionPage.steps.clickOnLatexCodeButton();
+            multipleSelectionPage.steps.verifyLatexCodeButtonChecked();
+            multipleSelectionPage.steps.typeInLatexInputFieldArea(latexCode);
+        });
+
+        it('When user switch to \'LaTex Code\', \'Enter LaTex Code\' title should be visible and user should be able to enter latex code in source input', () => {
+            multipleSelectionPage.steps.clickOnMathMLButton();
+            multipleSelectionPage.steps.verifyMathMLButtonChecked();
+            multipleSelectionPage.steps.typeInMathMLInputFieldArea(mathMl);
+        });
     });
 });

package/cypress/e2e/ILC/CkEditorEquationEditor/selectModeEditorBasic.js

@@ -0,0 +1,114 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const toolTitle = ['Keypad', 'Basic', 'Greek', 'Operators', 'Relationships', 'Arrows', 'Delimiters', 'Misc', 'Matrices', 'Trigonometric Functions', 'Units', 'Calculus Symbols', 'Geometric Symbols'];
+const subToolNumber = [20, 51, 44, 22, 50, 24, 14, 36, 18, 17, 32, 23, 23];
+const equation = '{x+y}*2+9x*y';
+
+describe('Equation Editor: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Select Mode : Editor', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+        });
+
+        it('The \'Previous Button\' should be in disabled state while \'Next Button\' should be clickable.When user clicks on \'Next Button\' it should become disabled and \'Previous Button\' should be enabled', () => {
+            utilities.verifyElementDisabled(multipleSelectionPage.previousButton());
+            utilities.verifyElementNotDisabled(multipleSelectionPage.nextButton());
+            multipleSelectionPage.steps.clickOnNextButton();
+            utilities.verifyElementDisabled(multipleSelectionPage.nextButton());
+            utilities.verifyElementNotDisabled(multipleSelectionPage.previousButton());
+            multipleSelectionPage.steps.clickOnPreviousButton();
+        });
+
+        it('13 tool wrapper should be visible with their respect tool title', () => {
+            for (let toolIndex = 0; toolIndex < 13; toolIndex++) {
+                if (toolIndex == 8) {
+                    multipleSelectionPage.steps.clickOnNextButton();
+                }
+                utilities.verifyElementVisibilityState(multipleSelectionPage.toolButton().eq(toolIndex), 'visible');
+                utilities.verifyInnerText(multipleSelectionPage.toolTitle().eq(toolIndex), toolTitle[toolIndex]);
+            }
+        });
+
+        it('By default \'Keypad\' is selected and 20 tools button will be visible', () => {
+            multipleSelectionPage.steps.verifyToolSelected(0);
+            for (let subToolIndex = 0; subToolIndex < subToolNumber[0]; subToolIndex++) {
+                utilities.verifyElementVisibilityState(multipleSelectionPage.subToolButton().eq(subToolIndex), 'visible');
+            }
+        });
+
+        it('CSS of \'Table Properties\' label, \'Ok\' and \'Cancel\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.toolButton().eq(0), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '16px',
+                'font-weight': '400'
+            });;
+            utilities.verifyCSS(multipleSelectionPage.toolButton().eq(1), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '16px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.subToolButton().eq(0), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '16px',
+                'font-weight': '400'
+            });
+        });
+
+        it('Accessibility of \'Equation Editor\' popup', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.equationEditorPopUp());
+        });
+    });
+
+    describe('Select Mode : Editor', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+        });
+
+        it('User should be able to select different tools, and each tool should contain its respective sub tools', () => {
+            for (let toolIndex = 1; toolIndex < 13; toolIndex++) {
+                if (toolIndex == 8) {
+                    multipleSelectionPage.steps.clickOnNextButton();
+                }
+                multipleSelectionPage.steps.selectTool(toolIndex);
+                multipleSelectionPage.steps.verifyToolSelected(toolIndex);
+                for (let subToolIndex = 0; subToolIndex < subToolNumber[toolIndex]; subToolIndex++) {
+                    utilities.verifyElementVisibilityState(multipleSelectionPage.subToolButton().eq(subToolIndex), 'visible');
+                }
+            }
+        });
+
+        // Needed to use for loop as the brackets club together with variables make it a special character hence unable to type directly so need to type each char individually
+        it('User should be able to write any equation', () => {
+            multipleSelectionPage.steps.clickOnPreviousButton();
+            multipleSelectionPage.steps.selectTool(12);
+            for (const char of equation) {
+                multipleSelectionPage.steps.typeInEditorInputFieldArea(char);
+            }
+            multipleSelectionPage.steps.clickOnOkButton();
+            utilities.verifyInnerText(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+        });
+
+        it('User should be able to create any equation using tools and sub tools.', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.writeEquationUsingTools();
+            multipleSelectionPage.steps.clickOnOkButton();
+            utilities.verifyInnerText(multipleSelectionPage.equationInInputField(), 'x∨tan⁡(x+y)');
+        });
+    });
+});