itemengine-cypress-automation 1.0.252 → 1.0.253

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

@@ -0,0 +1,134 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import constants from "../../../fixtures/constants";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Audio player: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Transcript : Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectAudioPlayerOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.clickOnUploadAudioFileRadioButton();
+            multipleSelectionPage.steps.uploadFile('sample.mp3');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
+            multipleSelectionPage.steps.clickOnOKButton();
+            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user has not set any transcript, then the transcript button should not be for audio player in the preview tab', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptButton(), 'notExist');
+        });
+
+        it('When user uploads transcript file in txt format, then the transcript button should be enabled for audio player in the preview tab.', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.clickOnAudioPlayerBlock();
+            multipleSelectionPage.steps.uploadTranscriptFile('sample.txt');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptFileUploadProgressBar(), 'visible');
+            multipleSelectionPage.steps.clickOnOKButton();
+            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptButton(), 'visible');
+            multipleSelectionPage.steps.verifyPlaybackTranscriptButtonEnabledState();
+        });
+
+        it('When the user hovers over the \'Transcript\' button, a tooltip \'Show transcript\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+            multipleSelectionPage.transcriptButton()
+                .verifyTooltip('Show transcript');
+        });
+
+        it('When user has entered transcript or subtitles for uploaded audio file, then the transcript button should be enabled for audio player in the preview tab', () => {
+            multipleSelectionPage.steps.switchToEditTab();
+            multipleSelectionPage.steps.clickOnAudioPlayerBlock();
+            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.switchToPreviewTab();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptButton(), 'visible');
+            multipleSelectionPage.steps.verifyPlaybackTranscriptButtonEnabledState();
+        });
+
+        it('Accessibility of transcript section inline with audio player in preview tab if transcript icon is enabled', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.playbackPlayer());
+        });
+    });
+
+    describe('Transcript Modal content', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectAudioPlayerOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.clickOnUploadAudioFileRadioButton();
+            multipleSelectionPage.steps.uploadFile('sample.mp3');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fileUploadProgressBar(), 'hidden');
+            multipleSelectionPage.steps.clickOnTypeInTranscriptRadioButton();
+            multipleSelectionPage.steps.enterTextInTranscriptInputField('In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
+            multipleSelectionPage.steps.clickOnOKButton();
+        });
+
+        it('When the user clicks on the transcript button, a transcript modal should appear', () => {
+            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.clickOnTranscriptButton();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptModal(), 'visible');
+        });
+
+        it('\'Transcript\' title should be displayed in the transcript modal', () => {
+            utilities.verifyInnerText(multipleSelectionPage.transcriptModalTitle(), 'Transcript');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptModalTitle(), 'visible');
+        });
+
+        it('A \'X\' close button should be displayed in the transcript modal', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptModalCloseButton(), 'visible');
+        });
+
+        it('When the user hovers over the \'Close\' button, a tooltip \'Close\' should be displayed and on moving away the focus, the tooltip should disappear', () => {
+            multipleSelectionPage.transcriptModalCloseButton()
+                .verifyTooltip('Close');
+        });
+
+        it('The text entered in the transcript input field should be displayed in the transcript modal', () => {
+            utilities.verifyInnerText(multipleSelectionPage.transcriptModalContent(), 'In triangle ABC,m ∠ ABC = (4x-12) ° and m ∠ ACB = (2x + 26) °');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptModalContent(), 'visible');
+        });
+
+        it('CSS of transcript modal', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.transcriptModal(), {
+                'background-color': 'rgb(245, 248, 255)'
+            });
+            utilities.verifyCSS(multipleSelectionPage.transcriptModalTitle(), {
+                'color': 'rgb(0, 0, 48)',
+                'font-size': '16px',
+                'font-weight': '600'
+            });
+            utilities.verifyCSS(multipleSelectionPage.transcriptModalCloseButton().find('svg path'), {
+                'fill': 'rgb(82, 0, 255)'
+            });
+            utilities.verifyCSS(multipleSelectionPage.transcriptModalContent(), {
+                'color': 'rgb(0, 0, 46)',
+                'font-size': '14px',
+                'font-weight': '400'
+            });
+        });
+
+        it('Accessibility of transcript modal', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.transcriptModal());
+        });
+
+        it('The user should be able to close the transcript modal', () => {
+            multipleSelectionPage.steps.closeTranscriptModal();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.transcriptModal(), 'notExist')
+        });
+    });
+});

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

@@ -0,0 +1,46 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Equation Editor: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header and Base section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+        });
+
+        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');
+        });
+
+        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', () => {
+            utilities.verifyInnerText(multipleSelectionPage.selectModeLabel(), 'Select Mode');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.selectModeLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.editorLabel(), 'Editor');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.editorLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.editorButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.latexCodeLabel(), 'LaTex code');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.latexCodeLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.latexCodeButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.mathMLLabel(), 'MathML');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.mathMLLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.mathMLButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.ariaLabelText(), 'ARIA label');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.ariaLabelText(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.chevronDownIcon(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorInsertTable/insertTableEditorBasicFile.js

@@ -0,0 +1,98 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Insert Table: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header and Base section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Table Properties\' label, \'Ok\' and \'Cancel\' button should be displayed.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.tablePropertyLabel(), 'Table Properties');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tablePropertyLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.buttonOk(), 'OK');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.buttonOk(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.buttonCancel(), 'Cancel');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.buttonCancel(), 'visible');
+        });
+
+        it('CSS of \'Table Properties\' label, \'Ok\' and \'Cancel\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.tablePropertyLabel(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '700'
+            });;
+            utilities.verifyCSS(multipleSelectionPage.buttonOk(), {
+                'color': 'rgb(255, 255, 255)',
+                'font-size': '12px',
+                'background-color': 'rgb(13, 71, 161)'
+            });
+            utilities.verifyCSS(multipleSelectionPage.buttonCancel(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'background-color': 'rgb(248, 248, 248)'
+            });
+        });
+
+        it('Accessibility of \'Table Properties\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.tablePropertyWrapper());
+        });
+    });
+
+    describe('Cancel Button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('When the user clicks on \'Cancel\' button without making any change, then question instruction section should not contain a table', () => {
+            multipleSelectionPage.steps.selectCancelButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableInQuestionInstructionSection(), 'notExist');
+        });
+
+        it('When the user makes any change in row count and clicks on cancel button, then the changes should not be displayed', () => {
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.incrementRowCount();
+            multipleSelectionPage.steps.selectCancelButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableInQuestionInstructionSection(), 'notExist');
+        });
+    });
+
+    describe('Ok Button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('When the user clicks on \'Ok\' button without making any change, then question instruction section should contain a table according to the updated row count', () => {
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableInQuestionInstructionSection(), 'visible');
+            multipleSelectionPage.steps.checkNumberOfRowsAndColumnsPresentInTable(3, 2);
+        });
+
+        it('When the user clicks on \'ok\' button after increasing the row count by one the table should be visible according to the update rows ad columns', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.incrementRowCount();
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkNumberOfRowsAndColumnsPresentInTable(4, 2);
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableInQuestionInstructionSection(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorInsertTable/tableDimension&FooterProperties.js

@@ -0,0 +1,147 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const alignmentStyle = ['left', 'center', 'right'];
+
+describe('Insert Table: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Table Dimension', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Table dimensions\' label, 2 radio button named \'Full width\', \'Auto adjust width as per content\' should be displayed along with \'Width (px)\', \'Height (px)\' label with input field', () => {
+            utilities.verifyInnerText(multipleSelectionPage.tableDimensionsLabel(), 'Table dimensions');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.tableDimensionsLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.fullWidthLabel(), 'Full width');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fullWidthLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fullWidthRadioButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.autoAdjustLabel(), 'Auto adjust width as per content');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.autoAdjustLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.autoAdjustRadioButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.widthPxLabel(), 'Width (px)');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.widthPxLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.widthPxInput(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.heightPxLabel(), 'Height (px)');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.heightPxLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.heightPxInput(), 'visible');
+        });
+
+        it('CSS of \'Border size\' label and input field, \'Striped\' label and strip options and \'Add hover state\' label and dropdown', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.tableDimensionsLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.fullWidthLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.autoAdjustLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.widthPxLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.heightPxLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('By default \'Full Width\' would be selected and user should be able to enter value in the width and height input field. Pressing on ok should reflect the properties on the table', () => {
+            multipleSelectionPage.steps.verifyFullWidthRadioButtonChecked();
+            multipleSelectionPage.steps.verifyAutoAdjustRadioButtonUnchecked();
+            utilities.verifyElementNotDisabled(multipleSelectionPage.widthPxInput());
+            utilities.verifyElementNotDisabled(multipleSelectionPage.heightPxInput());
+            multipleSelectionPage.steps.enterWidthPx('500');
+            multipleSelectionPage.steps.enterHeightPx('400');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.verifyWidthOfTheTable('500');
+            multipleSelectionPage.steps.verifyHeightOfTheTable('400');
+        });
+
+        it('When user select \'Auto adjust width as per content\' radio button, the width input field becomes disabled and user should only be able to enter the height in the height input field', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.clickOnAutoAdjustRadioButton();
+            multipleSelectionPage.steps.verifyFullWidthRadioButtonUnchecked();
+            multipleSelectionPage.steps.verifyAutoAdjustRadioButtonChecked();
+            utilities.verifyElementDisabled(multipleSelectionPage.widthPxInput());
+            utilities.verifyElementNotDisabled(multipleSelectionPage.heightPxInput());
+            multipleSelectionPage.steps.enterHeightPx('400');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.verifyHeightOfTheTable('400');
+        });
+    });
+
+    describe('Alignment, Caption and Summary', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Alignment\' label with drop down, \'Caption\' label with input field and \'Summary\' label with input field should be displayed', () => {
+            multipleSelectionPage.steps.scrollingDownToAlignmentLabel();
+            utilities.verifyInnerText(multipleSelectionPage.alignmentLabel(), 'Alignment');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.alignmentLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.alignmentDropDown(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.captionLabel(), 'Caption');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.captionLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.captionInputField(), '');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.captionInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.summaryLabel(), 'Summary');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.summaryLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.summaryInputField(), '');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.summaryInputField(), 'visible');
+        });
+
+        it('CSS of \'Border size\' label and input field, \'Striped\' label and strip options and \'Add hover state\' label and dropdown', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.alignmentLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.captionLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.summaryLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('When user enters caption and summary it should reflect in the table', () => {
+            multipleSelectionPage.steps.enterCaption('Table');
+            multipleSelectionPage.steps.enterSummary('Table For Zeus');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            utilities.verifyInnerText(multipleSelectionPage.captionOfTheTable(), 'Table');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.captionOfTheTable(), 'visible');
+            multipleSelectionPage.steps.verifySummaryOfTheTable('Table For Zeus');
+        });
+
+        //Unable to click on dropdown using click/realclick need to test manually
+        it('User should be able to select different and alignment option and it should reflect in the table', () => {
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorInsertTable/tableHeaders.js

@@ -0,0 +1,127 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Insert Table: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Headers\' label, \'Rows\' label with input field and \'Columns\' label with input field should be displayed.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.headerLabel(), 'Headers');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.headerLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.rowHeaderLabel(), 'Rows');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowHeaderLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.rowHeaderInput(), '');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowHeaderInput(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.columnHeaderLabel(), 'Columns');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnHeaderLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.columnHeaderInput(), '');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnHeaderInput(), 'visible');
+        });
+
+        it('CSS of \'Border size\' label and input field, \'Striped\' label and strip options and \'Add hover state\' label and dropdown', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.headerLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '700'
+            });
+            utilities.verifyCSS(multipleSelectionPage.rowHeaderLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.rowHeaderInput(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.columnHeaderLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.columnHeaderInput(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('When the user increases row and column header by one using increment operator, then on clicking Ok the changes should be reflected on the table', () => {
+            multipleSelectionPage.steps.incrementRowHeaderCount();
+            multipleSelectionPage.steps.incrementColumnHeaderCount();
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('0');
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('1');
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('2');
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('4');
+        });
+
+        it('When the user increases row and column header by one using keyboard, then on clicking Ok the changes should be reflected on the table', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.typeRowHeaderValue('1');
+            multipleSelectionPage.steps.typeColumnHeaderValue('1');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('0');
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('1');
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('2');
+            multipleSelectionPage.steps.checkHeaderForContainerNumber('4');
+        });
+
+        it('When user has made header row count either equal or more then the total number of rows then an error message \'Value must be less than the total number of rows.\' should be visible below row header section', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.typeRowHeaderValue('3');
+            utilities.verifyInnerText(multipleSelectionPage.rowHeaderErrorMessage(), 'Value must be less than the\ntotal number of rows.');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowHeaderErrorMessage(), 'visible');
+            multipleSelectionPage.steps.typeRowHeaderValue('4');
+            utilities.verifyInnerText(multipleSelectionPage.rowHeaderErrorMessage(), 'Value must be less than the\ntotal number of rows.');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowHeaderErrorMessage(), 'visible');
+            multipleSelectionPage.steps.typeRowHeaderValue('2');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowHeaderErrorMessage(), 'hidden');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+        });
+
+        it('When user has made header column count either equal or more then the total number of columns then an error message \'Value must be less than the total number of columns.\' should be visible below column header section', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.typeColumnHeaderValue('2');
+            utilities.verifyInnerText(multipleSelectionPage.columnHeaderErrorMessage(), 'Value must be less than the\ntotal number of columns.');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnHeaderErrorMessage(), 'visible');
+            multipleSelectionPage.steps.typeColumnHeaderValue('3');
+            utilities.verifyInnerText(multipleSelectionPage.columnHeaderErrorMessage(), 'Value must be less than the\ntotal number of columns.');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnHeaderErrorMessage(), 'visible');
+            multipleSelectionPage.steps.typeColumnHeaderValue('1');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnHeaderErrorMessage(), 'hidden');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+        });
+
+        it('\'Make first row a title header\' label should be displayed but in disable state', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            utilities.verifyInnerText(multipleSelectionPage.firstRowHeaderLabel(), ' Make first row a title header');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.firstRowHeaderLabel(), 'visible');
+            utilities.verifyElementDisabled(multipleSelectionPage.firstRowHeaderCheckBox());
+        });
+
+        it('When row header is set the \'Make first row a title header\' checkbox gets enabled, selecting it should make the 1st row a title row merging all the columns present in 1st row', () => {
+            multipleSelectionPage.steps.typeRowHeaderValue('2');
+            utilities.verifyElementNotDisabled(multipleSelectionPage.firstRowHeaderCheckBox());
+            multipleSelectionPage.steps.clickOnFirstRowHeaderCheckBox();
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.firstRowHeaderInTable(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorInsertTable/tableRowAndColumn.js

@@ -0,0 +1,71 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Insert Table: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Row and Column Of Table', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Row\' label with input field and \'Column\' label with input field should be visible', () => {
+            utilities.verifyInnerText(multipleSelectionPage.rowLabel(), 'Rows');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.rowInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.columnLabel(), 'Columns');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.columnInputField(), 'visible');
+        });
+
+        it('CSS of \'Border size\' label and input field, \'Striped\' label and strip options and \'Add hover state\' label and dropdown', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.rowLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.columnLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('User should be able to increase and decrease rows and columns using buttons and it should be visible on the table', () => {
+            multipleSelectionPage.steps.incrementRowCount();
+            multipleSelectionPage.steps.incrementColumnCount();
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkNumberOfRowsAndColumnsPresentInTable(4, 3);
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.decrementRowCount();
+            multipleSelectionPage.steps.decrementColumnCount();
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkNumberOfRowsAndColumnsPresentInTable(2, 1);
+        });
+
+        it('User should be able to type value in row and column input field and it should reflect on table', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.typeRowValue('5');
+            multipleSelectionPage.steps.typeColumnValue('6');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.checkNumberOfRowsAndColumnsPresentInTable(5, 6);
+        });
+
+        it('When user empties the row and column input field and error message should display \'Value must be greater than zero.\' below both row and column input field', () => {
+            multipleSelectionPage.steps.clearInPromptInputField();
+            multipleSelectionPage.steps.selectTableButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.emptyRowAndCheckErrorMessage();
+            multipleSelectionPage.steps.emptyColumnAndCheckErrorMessage();
+        });
+    });
+});