itemengine-cypress-automation 1.0.256-updatingToOTKV2-5b0ef53.0 → 1.0.258-updatedRepo18thNov-409924f.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)');
+        });
+    });
+});