itemengine-cypress-automation 1.0.256-updatingToOTKV2-5b0ef53.0 → 1.0.257

package/cypress/e2e/ILC/CkEditorInsertImage/imageInfo.js

@@ -0,0 +1,160 @@
+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');
+const alignmentStyle = ['Left', 'Align Center', 'Right'];
+
+describe('Insert Image: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Image Info Section: Basic Details', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+        });
+
+        it('\'Image Info\' and  \'Upload\' section should be present in the pop up and by default \'Image Info\' should be selected', () => {
+            utilities.verifyInnerText(multipleSelectionPage.imageInfoButton(), 'Image Info');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageInfoButton(), 'visible');
+            multipleSelectionPage.steps.verifyImageInfoButtonSelected();
+            utilities.verifyInnerText(multipleSelectionPage.uploadButton(), 'Upload');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadButton(), 'visible');
+        });
+
+        it('\'URL\', \'Alternative Text\', \'Width\', \'Height\', \'Border\', \'HSpace\', \'VSpace\' label with input field for each individual label and \'Preview\' label with image preview box should be visible ', () => {
+            utilities.verifyInnerText(multipleSelectionPage.urlLabel(), 'URL');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.alternateTextLabel(), 'Alternative Text');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.alternateTextLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.alternateTextInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.widthLabel(), 'Width');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.widthLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.widthInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.heightLabel(), 'Height');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.heightLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.heightInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.borderLabel(), 'Border');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.borderLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.borderInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.hSpaceLabel(), 'HSpace');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.hSpaceLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.hSpaceInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.vSpaceLabel(), 'VSpace');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.vSpaceLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.vSpaceInputField(), 'visible');
+        });
+
+        it('\'Image Responsiveness\' label with 2 radio button \'Responsive\' and \'Fixed\' should be present and by default \'Responsive\' should be selected. Also \'Alignment\' with drop down containing different alignment options should be visible.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.imageResponsivenessLabel(), 'Image Responsiveness');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageResponsivenessLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.responsiveRadioLabel(), 'Responsive');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.responsiveRadioLabel(), 'visible');
+            multipleSelectionPage.steps.verifyResponsiveRadioButtonChecked();
+            utilities.verifyInnerText(multipleSelectionPage.fixedRadioLabel(), 'Fixed');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.fixedRadioLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.alignmentLabel(), 'Alignment');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.alignmentLabel(), 'visible');
+            // Unable to click on dropdown using click/realclick need to test manually 
+            // multipleSelectionPage.steps.selectAlignmentOptionDropdown(alignmentStyle[0]);
+        });
+
+        it('\'Lock Ratio\' and \'Reset Size\' button should be visible and \'Lock Ratio\' should be checked by default', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.lockRatioButton(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.resetSizeButton(), 'visible');
+            multipleSelectionPage.steps.verifyLockRatioButtonChecked();
+        });
+
+        it('CSS of label and input field', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.imageInfoButton(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.uploadButton(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.urlLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.urlInputField(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.lockRatioButton(), {
+                'color': 'rgb(0, 0, 0)',
+                'background-color': 'rgba(0, 0, 0, 0)',
+                'height': '16px',
+                'width': '16px'
+            });
+        });
+    });
+
+    describe('Image Info: Image Properties', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+        });
+
+        it('User should be able to enters url and alternate text of the image, and the image should exist inside \'Preview Box\' and height and width of the image should automatically gets filled', () => {
+            multipleSelectionPage.steps.addURLInImagePopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.addTextInAlternateText('Fox Image Link');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageInPreviewBox(), 'exist');
+            multipleSelectionPage.steps.verifyWidthAndHeightInInputField('960', '639');
+        });
+
+        it('When the \'Lock Ratio\' is in checked state and if user changes either width/height of the image, the height/width should automatically gets adjusted in the ratio.', () => {
+            multipleSelectionPage.steps.insertWidth('100');
+            multipleSelectionPage.steps.verifyWidthAndHeightInInputField('100', '67');
+            multipleSelectionPage.steps.insertHeight('200');
+            multipleSelectionPage.steps.verifyWidthAndHeightInInputField('300', '200');
+        });
+
+        it('When the \'Lock Ratio\' is in un-checked state and if user changes either width/height of the image, the height/width should not change', () => {
+            multipleSelectionPage.steps.selectLockRatioButton();
+            multipleSelectionPage.steps.insertWidth('300');
+            multipleSelectionPage.steps.verifyWidthAndHeightInInputField('300', '200');
+            multipleSelectionPage.steps.insertHeight('150');
+            multipleSelectionPage.steps.verifyWidthAndHeightInInputField('300', '150');
+        });
+
+        it('When the user clicks on \'Reset Size\' button then the width and height of the image should be back to its original size', () => {
+            multipleSelectionPage.steps.selectResetSizeButton();
+            multipleSelectionPage.steps.verifyWidthAndHeightInInputField('960', '639');
+        });
+
+        it('When the user adds \'Border\', \'HSpace\' and \'VSpace\' it should be reflected on the image inside the preview box and on question instruction', () => {
+            multipleSelectionPage.steps.insertWidth('300');
+            multipleSelectionPage.steps.insertHeight('150');
+            multipleSelectionPage.steps.insertBorder('5');
+            multipleSelectionPage.steps.insertHSpace('3');
+            multipleSelectionPage.steps.insertVSpace('10');
+            multipleSelectionPage.steps.verifyCssOfImageInDifferentViews('300', '150', '5', '3', '10', 'Preview Box');
+        });
+
+        it('When the user after doing the changes press \'Ok\' the same changes should be visible on the question instruction section', () => {
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            multipleSelectionPage.steps.verifyCssOfImageInDifferentViews('300', '150', '5', '3', '10', 'Question Instruction');
+        });
+
+        it('The changes and the pic should also be visible in the \'Preview Tab\'', () => {
+            multipleSelectionPage.steps.focusInAndFocusOutOfQuestionInstructionsInputField();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            multipleSelectionPage.steps.verifyCssOfImageInDifferentViews('300', '150', '5', '3', '10', 'Preview Tab');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorInsertImage/insertImageBasicFile.js

@@ -0,0 +1,83 @@
+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('Insert Image: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header and Footer Section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+        });
+
+        it('\'Image Properties\' label, \'Ok\' and \'Cancel\' button should be displayed.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.imagePropertiesLabel(), 'Image Properties');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imagePropertiesLabel(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.buttonOk(), 'OK');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.buttonOk(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.buttonCancel(), 'Cancel');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.buttonCancel(), 'visible');
+        });
+
+        it('CSS of \'Image Properties\' label, \'Ok\' and \'Cancel\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.imagePropertiesLabel(), {
+                '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 \'Image Properties\' section', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(multipleSelectionPage.imagePropertyWrapper());
+        });
+    });
+
+    describe('Cancel Button and Ok button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+        });
+
+        it('When the user clicks on \'Cancel\' button without making any change, then question instruction section should not contain any image ', () => {
+            multipleSelectionPage.steps.selectCancelButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageInQuestionInstruction(), 'notExist');
+        });
+
+        it('When the user clicks on \'Cancel\' button after adding an image still there should be no image visible in question instruction', () => {
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addURLInImagePopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.selectCancelButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageInQuestionInstruction(), 'notExist');
+        });
+
+        it('When the user clicks on \'Ok\' button after adding value in url link and alternate text then that image should be visible', () => {
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addURLInImagePopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.addTextInAlternateText('Fox Image Link');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.imageInQuestionInstruction(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.foxImageLinkUrlValueCheck(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorInsertImage/upload.js

@@ -0,0 +1,53 @@
+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('Insert Image: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Upload Section', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectImageInsertOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.selectUploadButton();
+        });
+
+        it('\'Send it to the Server\' label and button with \'Choose File\' button should be visible', () => {
+            utilities.verifyInnerText(multipleSelectionPage.sendItToTheServerLabel(), 'Send it to the Server');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.sendItToTheServerLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.chooseFileButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.sendItToTheServerButton(), 'Send it to the Server');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.sendItToTheServerButton(), 'visible');
+        });
+
+        it('CSS of \'Image Properties\' label, \'Ok\' and \'Cancel\' button', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.sendItToTheServerLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });;
+            utilities.verifyCSS(multipleSelectionPage.chooseFileButton(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'background-color': 'rgba(0, 0, 0, 0)'
+            });
+            utilities.verifyCSS(multipleSelectionPage.sendItToTheServerButton(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'background-color': 'rgba(0, 0, 0, 0)'
+            });
+        });
+
+         //Unable to click on dropdown using click/realclick need to test manually
+         it('User should be able to upload file and clicking on \'Send it To server\' button the pop-up should redirect to \'Image Info\' section', () => {
+
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorLink/linkBasic.js

@@ -0,0 +1,85 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import constants from "../../../fixtures/constants";
+const css = Cypress.env('css');
+
+describe('Link Ck 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.selectLinkButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Link\' label, \'Ok\' and \'Cancel\' button should be displayed.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.linkLabel(), 'Link');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.linkLabel(), '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.linkLabel(), {
+                '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.linkPopUpWrapper());
+        });
+    });
+
+    describe('Cancel Button and Ok button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+        });
+
+        it('When the user clicks on \'Cancel\' button without making any change, then question instruction section should not contain a link ', () => {
+            multipleSelectionPage.steps.selectCancelButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInQuestionInstruction(), 'notExist');
+        });
+
+        it('When the user clicks on \'Cancel\' button after adding a link still there should be no link visible in question instruction', () => {
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addURLInLinkPopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.selectCancelButtonFromCKEditorToolbar();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInQuestionInstruction(), 'notExist');
+        });
+
+        it('When the user clicks on \'Ok\' button after adding value in url link and display text then that change should be visible', () => {
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addURLInLinkPopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.addTextInDisplayText('Fox Image Link');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbarForLinkPopUp();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInQuestionInstruction(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.urlInQuestionInstruction(), 'Fox Image Link');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.foxImageLinkUrlValueCheck(), 'visible');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorLink/linkInfoSection.js

@@ -0,0 +1,94 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import constants from "../../../fixtures/constants";
+const css = Cypress.env('css');
+const protocol = ['http://', 'https://', 'ftp://', 'news://'];
+
+describe('Link Ck Editor: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Link Info', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+        });
+
+        it('\'Link Info\' label, \'Display Text\' label with input field, \'Link Type\' label with drop down, \'Protocol\' label with drop down and \'URL\' label with input field should be displayed.', () => {
+            utilities.verifyInnerText(multipleSelectionPage.linkInfo(), 'Link Info');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.linkInfo(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.displayTextLabel(), 'Display Text');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.displayTextLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.displayTextInputField(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.linkTypeLabel(), 'Link Type');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.linkTypeLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.linkTypeDropDown(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.protocolLabel(), 'Protocol');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.protocolLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.protocolDropDown(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.urlLabel(), 'URL');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlLabel(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInputField(), 'visible');
+        });
+
+        it('CSS of \'Link Info\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.linkInfo(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.displayTextLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.linkTypeLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.protocolLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.urlLabel(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        it('User should be able to enter value in \'Display Text\' input field and \'URL\' input field and on saving the changes should be visible in question instruction section', () => {
+            multipleSelectionPage.steps.addTextInDisplayText('Fox Image Link');
+            multipleSelectionPage.steps.addURLInLinkPopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbarForLinkPopUp();
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInQuestionInstruction(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.urlInQuestionInstruction(), 'Fox Image Link');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.foxImageLinkUrlValueCheck(), 'visible');
+        });
+    });
+
+    describe('Link Info: Protocol & Link Type', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+        });
+
+        //Note: Unable to click on dropdown using click/realclick need to test manually
+        it('User should be able to change protocol and should be able to add the url related to protocol type which should reflect in question instruction section', () => {
+        });
+
+        //Note: Unable to click on dropdown using click/realclick need to test manually
+        it('User should be able to change \'Link Type\'', () => {
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorLink/linkPreview.js

@@ -0,0 +1,38 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import constants from "../../../fixtures/constants";
+const css = Cypress.env('css');
+
+describe('Link Ck Editor: Preview Tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Preview Button', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+            multipleSelectionPage.steps.addURLInLinkPopUp(constants.foxImageLink);
+            multipleSelectionPage.steps.addTextInDisplayText('Fox Image Link');
+            multipleSelectionPage.steps.selectOkButtonFromCKEditorToolbarForLinkPopUp();
+        });
+
+        it('The link should be uploaded with a display text and the same details should be visible on preview tab', () => {
+            utilities.verifyElementVisibilityState(multipleSelectionPage.urlInQuestionInstruction(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.urlInQuestionInstruction(), 'Fox Image Link');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.foxImageLinkUrlValueCheck(), 'visible');
+            multipleSelectionPage.steps.focusOutQuestionInstructionsInputField();
+            multipleSelectionPage.steps.switchToPreviewTab();
+            utilities.verifyInnerText(multipleSelectionPage.urlInQuestionInstructionPreviewTab(), 'Fox Image Link');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.foxImageLinkUrlValueCheckPreviewTab(), 'visible');
+        });
+
+        it('When the user clicks on link text, window open method should be called with target blank', () => {
+            multipleSelectionPage.steps.verifyWindowOpenMethodAfterClickingOnLink('fox-1867062_960_720.jpg');
+        });
+    });
+});

package/cypress/e2e/ILC/CkEditorLink/uploadSection.js

@@ -0,0 +1,59 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { multipleSelectionPage } from "../../../pages";
+import utilities from "../../../support/helpers/utilities";
+import constants from "../../../fixtures/constants";
+const css = Cypress.env('css');
+
+describe('Link Ck Editor: Edit tab', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Upload', () => {
+        abortEarlySetup();
+        before(() => {
+            multipleSelectionPage.steps.navigateToCreateQuestion('multiple selection');
+            cy.barsPreLoaderWait();
+            multipleSelectionPage.steps.focusInQuestionInstructionsInputField();
+            multipleSelectionPage.steps.selectLinkButtonOptionFromCKEditorToolbar();
+        });
+
+        it('User should be able to switch to \'Upload\' section where \'Upload\' Title, \'Choose File\' button and \'Send it to the Server\' button is visible', () => {
+            multipleSelectionPage.steps.clickUploadButton();
+            utilities.verifyInnerText(multipleSelectionPage.uploadSectionTitle(), 'Upload');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadSectionTitle(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.uploadTitle(), 'Upload');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.uploadTitle(), 'visible');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.chooseFileButton(), 'visible');
+            utilities.verifyInnerText(multipleSelectionPage.sendItToServerButton(), 'Send it to the Server');
+            utilities.verifyElementVisibilityState(multipleSelectionPage.sendItToServerButton(), 'visible');
+        });
+
+        it('CSS of \'Upload\' section', { tags: 'css' }, () => {
+            utilities.verifyCSS(multipleSelectionPage.uploadSectionTitle(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.uploadTitle(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.chooseFileButton(), {
+                'color': 'rgb(0, 0, 0)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+            utilities.verifyCSS(multipleSelectionPage.sendItToServerButton(), {
+                'color': 'rgb(72, 72, 72)',
+                'font-size': '12px',
+                'font-weight': '400'
+            });
+        });
+
+        //Note: Unable to click on dropdown using click/realclick need to test manually
+        it('User should be able to upload file and clicking on \'Send it To server\' button the pop-up should redirect to \'Link Info\' section', () => {
+        });
+    });
+});