itemengine-cypress-automation 1.0.78 → 1.0.79

package/cypress/e2e/ILC/Highlight/highlightAdditionalSettingsBasic.js

@@ -1,220 +0,0 @@
-import { highlightPage } from "../../../pages/highlightPage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-
-const paragraphTextArray = ['Horses cannot breath through their mouth. Cows can sleep standing up.', 'Dogs have excellent hearing.', 'Deers possess nearly 300 degree field of vision.'];
-const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
-const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
-
-describe('Create Item page - Highlight: Additional settings basic', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional Settings accordion', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-        });
-
-        highlightPage.tests.verifyAdditonalSettingsAccordionProperties();
-    });
-
-    describe('Additional settings: Font size contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        highlightPage.tests.verifyFontSizeSectionContents();
-    });
-
-    describe('Additional settings: Font size contents set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.addQuestionInstructions();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.allotPoints(20);
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the set correct answer section should be changed to ${option}`, () => {
-                highlightPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(highlightPage.fontSizeDropdown(), `${option}`);
-                utilities.verifyCSS(highlightPage.setCorrectAnswerOption(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-            });
-        });
-    });
-
-    describe('Additional settings: Font size contents preview tab section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.addQuestionInstructions();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.allotPoints(20);
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
-            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should be changed to ${option}`, () => {
-                highlightPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontsIndex);
-                utilities.verifyInnerText(highlightPage.fontSizeDropdown(), `${option}`)
-                highlightPage.steps.switchToPreviewTab();
-                utilities.verifyCSS(highlightPage.questionInstructionsText(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                utilities.verifyCSS(highlightPage.previewTabOption(), {
-                    'font-size': fontSizes[fontsIndex]
-                });
-                highlightPage.steps.switchToEditTab();
-            });
-        });
-    });
-
-    describe('Additional settings: Check answer', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-            highlightPage.steps.allotPoints(10);
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        highlightPage.tests.verifyCheckAnswerSectionAndPreviewTabCheckAnswerButton();
-    });
-
-    describe('Additional settings: Check answer functionality', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-            highlightPage.steps.allotPoints(10);
-            highlightPage.steps.expandAdditonalSettings();
-            highlightPage.steps.setMaximumCheckAnswerAttempts(2);
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        highlightPage.tests.verifyCheckAnswerButtonFunctionalityWhenQuestionIsUnattempted();
-
-        it('When user attempts the question partially correct then on clicking on the Check Answer button, green check-mark icons should be displayed beside the correctly attempted options, red cross-mark icons should be displayed beside the incorrectly attempted options, a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
-            highlightPage.steps.verifyIncorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed beside the correctly attempted options, a label \'Correct answer\' and border should be displayed below the question preview', () => {
-            highlightPage.steps.deselectOptionInPreviewTab(paragraphTextArray[2]);
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
-            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
-            highlightPage.steps.verifyCorrectAttemptBorder();
-            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-        });
-
-        highlightPage.tests.verifyDisabledCheckAnswerButtonWithCSSAnda11y();
-
-        it('When the user updates the value of Maximum check answer attempts input field, it should get reflected on the Preview tab', () => {
-            highlightPage.steps.switchToEditTab();
-            highlightPage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            highlightPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(1);
-            highlightPage.steps.switchToPreviewTab();
-            highlightPage.steps.verifyCheckAnswerButtonEnabled();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCheckAnswerButtonDisabled();
-        });
-
-        it('When the \'Maximum check answer attempts\' input field has value \'0\' and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
-            highlightPage.steps.switchToEditTab();
-            highlightPage.steps.clearMaximumCheckAnswerAttemptsInputField();
-            highlightPage.steps.addInputToMaximumCheckAnswerAttemptsInputField(0);
-            cy.log('Switching to Preview tab')
-            highlightPage.steps.switchToPreviewTab();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCheckAnswerButtonEnabled();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-            highlightPage.steps.deselectOptionInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCheckAnswerButtonEnabled();
-        });
-
-        it('When the \'Maximum check answer attempts\' input field is empty and user switches to Preview tab, then the \'Check Answer\' button should be enabled and user should be able to check answer multiple times', () => {
-            highlightPage.steps.switchToEditTab();
-            highlightPage.steps.clearMaximumCheckAnswerAttemptsInputField()
-            highlightPage.steps.switchToPreviewTab();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCheckAnswerButtonEnabled();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-            highlightPage.steps.deselectOptionInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.checkAnswer();
-            highlightPage.steps.verifyCheckAnswerButtonEnabled();
-        });
-    });
-
-    describe('Additional Settings: Details section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        highlightPage.tests.verifyDetailsSection();
-    });
-});

package/cypress/e2e/ILC/Highlight/highlightAdditionalSettingsMaximumNumberOfAnswers.js

@@ -1,135 +0,0 @@
-import { highlightPage } from "../../../pages/highlightPage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const paragraphTextArray = ['Horses cannot breath through their mouth. Cows can sleep standing up.', 'Dogs have excellent hearing.', 'Deers possess nearly 300 degree field of vision.'];
-
-describe('Create Item page - Highlight: Additional settings - Maximum number of answers', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    describe('Additional settings: Student response area and layout', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        highlightPage.tests.verifyStudentResponseAreaAndLayoutLabelAndCSS();
-        //Note: a11y covered in verifyAdditonalSettingsAccordionProperties
-    });
-
-    describe('Additional settings: \'Maximum number of answers\' contents', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        it('CSS of \'Maximum number of answers\' label and input field', { tags: 'css' }, () => {
-            utilities.verifyCSS(highlightPage.maximumNumberOfAnswersLabel(), {
-                'color': css.color.labels,
-                'font-size': css.fontSize.normal,
-                'font-weight': css.fontWeight.semibold
-            })
-            utilities.verifyCSS(highlightPage.maximumAnswersInputField(), {
-                'background-color': css.color.transparent,
-            })
-        });
-
-        //Note: Note: a11y is covered for the entire additional settings section
-
-        it('\'Maximum number of answers\' label and input field should be displayed and input field should be empty', () => {
-            utilities.verifyInnerText(highlightPage.maximumNumberOfAnswersLabel(), 'Maximum number of answers');
-            utilities.verifyElementVisibilityState(highlightPage.maximumAnswersInputField(), 'visible');
-            utilities.verifyInnerText(highlightPage.maximumAnswersInputField(), '');
-        });
-    });
-
-    describe('Additional settings: \'Maximum number of answers\' functionality in set correct answer section', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
-            highlightPage.steps.expandAdditonalSettings();
-        });
-
-        it('When \'Maximum number of answers\' input field is kept blank, then user should be able to set any number of options as correct answer', () => {
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-        });
-
-        it('When \'0\' is given as input in \'Maximum number of answers\' input field, then user should be able to set any number of options as correct answer', () => {
-            cy.log('Pre-step: Deselect all selected options in set correct answer section')
-            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(0);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-        });
-
-        it('When \'1\' is given as input in \'Maximum number of answers\' input field, then user should be able to set only 1 option as correct answer and upon clicking on more number of options, they should not be selected', () => {
-            cy.log('Pre-step: Deselect all previously selected options in set correct answer section')
-            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.deselectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(1);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
-            highlightPage.steps.clickOnOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInSetCorrectAnswerSection(paragraphTextArray[1]);
-        });
-    });
-
-    describe('Additional settings: \'Maximum number of answers\' functionality in preview tab', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.clearQuestionInputField();
-            paragraphTextArray.forEach((paragraphText) => {
-                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
-            });
-            highlightPage.steps.addInputToQuestionInputField('{backspace}');
-            highlightPage.steps.expandAdditonalSettings();
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        it('When \'Maximum number of answers\' input field is kept blank, then user should be select any number of options in preview tab', () => {
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-        });
-
-        it('When \'0\' is given as input in \'Maximum number of answers\' input field, then user should be select any number of options in preview tab', () => {
-            cy.log('Switch to edit tab and give \'0\' as input in maximum number of answers input field')
-            highlightPage.steps.switchToEditTab();
-            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(0);
-            highlightPage.steps.switchToPreviewTab();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
-        });
-
-        it('When \'1\' is given as input in \'Maximum number of answers\' input field, then user should be able to select only 1 option in preview tab and upon clicking on more number of options, they should not be selected', () => {
-            cy.log('Switch to edit tab and give \'1\' as input in maximum number of answers input field')
-            highlightPage.steps.switchToEditTab();
-            highlightPage.steps.addInputToMaximumNumberOfAnswersInputField(1);
-            highlightPage.steps.switchToPreviewTab();
-            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
-            highlightPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[1]);
-            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
-        });
-    });
-});

package/cypress/e2e/ILC/Highlight/highlightColorLibraryFlyout.smoke.js

@@ -1,148 +0,0 @@
-import { highlightPage } from "../../../pages";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-const colorLibrary = css.highlightColorLibrary;
-const grepTags = Cypress.env('grepTags');
-
-describe('Create Item page - Highlight: Color library', () => {
-    before(() => {
-        cy.loginAs('admin');
-    });
-
-    if (!grepTags || !grepTags.includes('smoke')) {
-        describe('Color library popup: Contents', () => {
-            abortEarlySetup();
-            before(() => {
-                cy.log('Navigating to Highlight question type');
-                highlightPage.steps.navigateToCreateQuestion('highlight');
-                cy.barsPreLoaderWait();
-            });
-
-            it('When user clicks on color library button, then the color library popup should be displayed with \'Color library\' title', () => {
-                highlightPage.steps.clickOnColorLibraryButton();
-                utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'visible');
-                utilities.verifyInnerText(highlightPage.dialogBoxTitle(), 'Color library');
-            });
-
-            it('The popup should contain six different color options for the author to choose from and the first option(system color) should be selected by default', () => {
-                highlightPage.steps.verifyColorLibraryPopupColors();
-                highlightPage.steps.verifyColorLibraryPopupColorSelected(0);
-            });
-
-            it('CSS of the Color library popup', { tags: 'css' }, () => {
-                utilities.verifyCSS(highlightPage.dialogBoxTitle().find('span'), {
-                    'color': css.color.flyoutTitle,
-                    'font-size': css.fontSize.normal,
-                    'font-weight': css.fontWeight.bold
-                });
-                utilities.verifyCSS(highlightPage.colorLibrarySelectedColorIcon().find('g path').eq(2), {
-                    'fill': css.color.activeButtons
-                });
-            });
-
-            it('Accessibility of the Color library popup', { tags: 'a11y' }, () => {
-                cy.checkAccessibility(highlightPage.dialogBox());
-            });
-
-            it('User should be able to switch to a different color inside the color library popup', () => {
-                highlightPage.steps.switchColorInColorLibraryPopup(4);
-                cy.log('Reopen color library popup to check whether the new color is displayed as selected');
-                highlightPage.steps.clickOnColorLibraryButton();
-                highlightPage.steps.verifyColorLibraryPopupColorSelected(4);
-            });
-
-            it('When user clicks outside the \'Color library popup\', then the popup should be closed', () => {
-                highlightPage.steps.clickingAwayFromColorLibraryPopup();
-                utilities.verifyElementVisibilityState(highlightPage.dialogBox(), 'notExist');
-            });
-        });
-    }
-
-    if (!grepTags || !grepTags.includes('smoke')) {
-        describe('Color library in Highlight options section and Set correct answer section', () => {
-            abortEarlySetup();
-            before(() => {
-                cy.log('Navigating to Highlight question type');
-                highlightPage.steps.navigateToCreateQuestion('highlight');
-                cy.barsPreLoaderWait();
-                highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
-                highlightPage.steps.clickOnColorLibraryButton();
-                highlightPage.steps.switchColorInColorLibraryPopup(4);
-            });
-
-            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the highlight options section when user hovers on an option', () => {
-                cy.log('Pre-step: Deselect an option in highlight options section');
-                highlightPage.steps.deselectOptionInHighlightOptionsSection('Word', 'Lorem');
-                highlightPage.steps.hoverOnDeselectedOptionInHighlightOptionsSection('Lorem');
-                utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
-                    'background-color': colorLibrary[4].hoverBackground,
-                    'border': `1px solid ${colorLibrary[4].hoverBorder}`
-                });
-            });
-
-            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the highlight options section when user selects an option', () => {
-                highlightPage.steps.selectOptionInHighlightOptionsSection('Word', 'Lorem');
-                utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
-                    'background-color': colorLibrary[4].background,
-                    'border': `1px solid ${colorLibrary[4].border}`
-                });
-            });
-
-            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the set correct answer section when user hovers on an option', () => {
-                highlightPage.steps.hoverOnDeselectedOptionInSetCorrectAnswerSection('Lorem');
-                utilities.verifyCSS(highlightPage.setCorrectAnswerOption(), {
-                    'background-color': colorLibrary[4].hoverBackground,
-                    'border': `1px solid ${colorLibrary[4].hoverBorder}`
-                });
-            });
-
-            it('When the user has selected a different color in the color library popup, then the different color should be reflected in the set correct answer section when user selects an option', () => {
-                highlightPage.steps.selectOptionInSetCorrectAnswerSection('Lorem');
-                utilities.verifyCSS(highlightPage.highlightOptionsSpans().contains('Lorem'), {
-                    'background-color': colorLibrary[4].background,
-                    'border': `1px solid ${colorLibrary[4].border}`
-                });
-            });
-        });
-    }
-
-    describe('Color library in Preview tab', { tags: 'smoke' }, () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to Highlight question type');
-            highlightPage.steps.navigateToCreateQuestion('highlight');
-            cy.barsPreLoaderWait();
-            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Word');
-            highlightPage.steps.clickOnColorLibraryButton();
-            highlightPage.steps.switchColorInColorLibraryPopup(4);
-            highlightPage.steps.selectOptionInSetCorrectAnswerSection('ipsum');
-            highlightPage.steps.allotPoints(2);
-            highlightPage.steps.switchToPreviewTab();
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user hovers on an option', () => {
-            highlightPage.steps.hoverOnDeselectedOptionInPreviewTab('Lorem');
-            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
-                'background-color': colorLibrary[4].hoverBackground,
-                'border': `1px solid ${colorLibrary[4].hoverBorder}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user selects an option', () => {
-            highlightPage.steps.selectOptionInPreviewTab('Lorem');
-            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
-                'background-color': colorLibrary[4].background,
-                'border': `1px solid ${colorLibrary[4].border}`
-            });
-        });
-
-        it('When the user has selected a different color in the color library popup, then the different color should be reflected in the preview tab when user clicks on \'Show correct answer\' checkbox', () => {
-            highlightPage.steps.checkShowCorrectAnswerCheckbox();
-            utilities.verifyCSS(highlightPage.previewTabOption().contains('Lorem'), {
-                'background-color': colorLibrary[4].background,
-                'border': `1px solid ${colorLibrary[4].border}`
-            });
-        });
-    });
-})