itemengine-cypress-automation 1.0.180-essayResponseLazyLoadingFix-3170a00.0 → 1.0.181

package/cypress/e2e/ILC/TextSelection/additionalSettings.js

@@ -0,0 +1,125 @@
+import { textSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const fontSizeDropdownOptions = ['Tiny', 'Small', 'Default', 'Normal', 'Big', 'Huge'];
+const fontSizes = ['12px', '14px', '16px', '18px', '22px', '26px'];
+const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
+
+describe('Create Item page - Text selection : Additional settings', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Additional Settings accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        textSelectionPage.tests.verifyAdditionalSettingsAccordionProperties();
+    });
+
+    describe('Additional settings: Font size contents', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        textSelectionPage.tests.verifyFontSizeSectionContents();
+    });
+
+    describe('Additional settings: Font size functionality edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the edit tab should change to ${option} accordingly`, () => {
+                textSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontSizeDropdownOptions[fontsIndex]);
+                utilities.verifyInnerText(textSelectionPage.fontSizeDropdown(), `${option}`);
+                utilities.verifyCSS(textSelectionPage.specifyCorrectAnswerTextParagraphs(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+            });
+        });
+    });
+
+    describe('Additional settings: Font size functionality preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+            textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[1]);
+            textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
+            textSelectionPage.steps.allotPoints(5);
+        });
+
+        fontSizeDropdownOptions.forEach((option, fontsIndex) => {
+            it(`When the user selects \'${option}\' option from the Font Size dropdown, then font size of the preview tab should change to ${option} accordingly`, () => {
+                textSelectionPage.steps.selectFontSizeOptionFromFontSizeDropdown(fontSizeDropdownOptions[fontsIndex]);
+                utilities.verifyInnerText(textSelectionPage.fontSizeDropdown(), `${option}`);
+                textSelectionPage.steps.switchToPreviewTab();
+                utilities.verifyCSS(textSelectionPage.questionInstructionsText(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(textSelectionPage.previewTabQuestionTextParagraphs(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+                textSelectionPage.steps.switchToGradingView();
+                utilities.verifyCSS(textSelectionPage.correctAnswersLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(textSelectionPage.optionCorrectAnswerSection(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                utilities.verifyCSS(textSelectionPage.correctIncorrectAnswerLabel(), {
+                    'font-size': fontSizes[fontsIndex]
+                });
+                textSelectionPage.steps.switchToEditTab();
+            });
+        });
+    });
+    
+    describe('Additional settings: Accessibility section', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        textSelectionPage.tests.verifyAdditionalSettingsAccessibilitySection();
+    });
+
+    describe('Additional Settings: Details section', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.expandAdditionalSettings();
+        });
+
+        textSelectionPage.tests.verifyDetailsSection();
+    });
+});

package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js

@@ -232,7 +232,6 @@ describe('Create item page - Text selection: All or nothing ', () => {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();
             before(() => {
-                cy.log('Navigating to Highlight question type');
                 textSelectionPage.steps.navigateToCreateQuestion('text selection');
                 cy.barsPreLoaderWait();
                 textSelectionPage.steps.addTextInQuestionInstructionsInputField('Highlight the correct statements.');

package/cypress/e2e/ILC/TextSelection/checkAnswerFunctionalityForAllViews.smoke.js

@@ -93,7 +93,6 @@ describe('Create item page - Matching - Check answer functionality', () => {
 
             it('When the user attempts the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' should be displayed. Correct answer section should not be displayed', () => {
                 textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
-                textSelectionPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
                 checkAnswer(view);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);

package/cypress/e2e/ILC/TextSelection/editTabScoringSection.js

@@ -98,8 +98,9 @@ describe('Create item page - Text selection: Scoring section', () => {
 
         textSelectionPage.tests.verifyContentsOfSpecifyCorrectAnswerSection();
 
-        it('\'Points per response\' label should be displayed and a \'-\' should be displayed besides each response in the \'Specify correct answer\' section', () => {
-            textSelectionPage.steps.verifyPointsPerResponseLabel();
+        it('\'Points per response:\' label should be displayed in the \'Specify correct answer\' section', () => {
+            utilities.verifyInnerText(textSelectionPage.pointsPerResponseLabel(), 'Points per response:');
+            utilities.verifyElementVisibilityState(textSelectionPage.pointsPerResponseLabel(), 'visible');
         });
 
         it('When the user gives a score input to \'Points\' input field, then the score should be equally divided among the dropzone \'Points per response\' label', () => {
@@ -187,12 +188,12 @@ describe('Create item page - Text selection: Scoring section', () => {
         it('When user has not selected an option in specify correct answer section, then the \'Set points\' button should be disabled', () => {
             utilities.verifyElementDisabled(textSelectionPage.setPointsButton());
         });
-        
+
         it('When user selects an option in set correct answer section, then the \'Set points\' button should be enabled', () => {
             textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
             textSelectionPage.steps.verifySetPointsButtonLabelAndEnabledState();
         });
-        
+
         it('CSS of \'Set points\' button', { tags: 'css' }, () => {
             utilities.verifyCSS(textSelectionPage.setPointsButton(), {
                 'color': css.color.activeButtons,

package/cypress/e2e/ILC/TextSelection/headerSection.js

@@ -0,0 +1,73 @@
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import { dialogBoxBase, textSelectionPage } from "../../../pages";
+const options = ['Bat', 'Eagle'];
+
+describe('Create item page - Text selection: Header section and Saving question', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Header section contents', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+        });
+
+        textSelectionPage.tests.verifyCreateQuestionPageQuestionTypeHeader('Text selection');
+    });
+
+    describe('Tabs section', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+        });
+
+        textSelectionPage.tests.verifyTabsSection();
+    });
+
+    describe('Cancel button', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+        });
+
+        textSelectionPage.tests.verifyCancelButton('text selection')
+    });
+
+    describe('Save Question button', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        describe('Validation error messages', () => {
+            dialogBoxBase.tests.verifyRequiredFieldsWarningPopupOnClickingSaveButton();
+
+            it('Validation error messages should be displayed below required input fields', () => {
+                textSelectionPage.steps.verifyQuestionInstructionsErrorMessage();
+                textSelectionPage.steps.verifyPointsFieldErrorMessage();
+                textSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconIsVisible();
+                textSelectionPage.steps.verifySpecifyCorrectAnswerErrorMessage();
+            });
+
+            it('Validation error messages should disappear when required input fields are filled', () => {
+                textSelectionPage.steps.addTextInQuestionInstructionsInputField('Which of the following is the major contributor to increased carbon dioxide levels because of urbanization? Select your answer from the options below.');
+                textSelectionPage.steps.selectOptionInSpecifyPossibleOptionsSection('Custom', 'Lorem');
+                textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection('Lorem');
+                textSelectionPage.steps.allotPoints(10);
+                textSelectionPage.steps.verifyErrorMessageIsNotDisplayed();
+                textSelectionPage.steps.verifySpecifyCorrectAnswerErrorIconNotExists();
+            });
+
+            textSelectionPage.tests.verifyCreateItemWrapperContentsA11y();
+        });
+
+        describe('Saving a question', () => {
+            it('Clicking on Save Question button the question should get saved and a snackbar with text \'Saved successfully!\' should be displayed', () => {
+                textSelectionPage.steps.saveAQuestionAndVerifySnackbar();
+            });
+            textSelectionPage.tests.verifySavedSuccessfullySnackbarCSSAndA11y();
+        });
+    });
+});

package/cypress/e2e/ILC/TextSelection/previewContentsForAllViews.smoke.js

@@ -70,7 +70,7 @@ describe('Create item page - Text selection : Preview contents', () => {
             });
 
             it('Question instructions should be visible', () => {
-                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Highlight the correct statements.');
+                utilities.verifyInnerText(textSelectionPage.questionInstructionsText(), 'Select the correct statements.');
                 utilities.verifyElementVisibilityState(textSelectionPage.questionInstructionsText(), 'visible');
             });
 
@@ -109,7 +109,7 @@ describe('Create item page - Text selection : Preview contents', () => {
 
                 it('When user clicks on a selected option, then that option should be deselected', () => {
                     textSelectionPage.steps.deselectOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyDeselectedStateOptionInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.verifyStandardStateOptionInPreviewTab(paragraphTextArray[0]);
                 });
             } else if (view === 'Grading view') {
                 it('The question text should be displayed with the selected correct options and status message \' Your answer is correct\' should be displayed', () => {

package/cypress/e2e/ILC/TextSelection/questionInstructionsAndQuestion.smoke.js

@@ -0,0 +1,179 @@
+import { textSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+
+describe('Create Item page - Text selection: Question Instructions and Question section', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Instructions input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        textSelectionPage.tests.verifyQuestionInstructionsInputFieldEditTab();
+    });
+
+    describe('Question Instructions input field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        textSelectionPage.tests.verifyQuestionInstructionsInputFieldPreviewTab();
+    });
+
+    describe('Question input field - Edit tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('\'Question\' label and input field should be displayed and by default in the question input field, sample \'Lorem Ipsum\' text should be present', () => {
+            utilities.verifyInnerText(textSelectionPage.questionLabel(), 'Question');
+            utilities.verifyInnerText(textSelectionPage.questionInputField(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n\n\n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n\n\n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+        });
+
+        it('The default sample \'Lorem Ipsum\' text in the question input field should also be displayed in specify possible options section and specify correct answer section in the edit tab.', () => {
+            utilities.verifyInnerText(textSelectionPage.specifyPossibleOptionsTextFieldWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+            utilities.verifyInnerText(textSelectionPage.specifyCorrectAnswerTextWrapper(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+        });
+
+        it('When the user removes all the text from the question input field and focuses out of it, an error message \'Error: Question is required.\' should be displayed', () => {
+            textSelectionPage.steps.clearQuestionInputField();
+            textSelectionPage.steps.focusOutOfQuestionInputField();
+            utilities.verifyInnerText(textSelectionPage.errorMessage(), 'Error: Question is required.');
+            textSelectionPage.steps.verifyErroredStateOfQuestionInputField();
+        });
+
+        textSelectionPage.tests.verifyErrorMessageCSSAndA11y();
+
+        it('The user should be able to give input in the question input field, then the error message should disappear', () => {
+            cy.log('Add Image to Question input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectImageOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addImageToInputField();
+            textSelectionPage.steps.verifyImageAndAltTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add equation to Question input field')
+            textSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            textSelectionPage.steps.verifyEquationInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
+            cy.log('Add bold text to input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addInputToQuestionInputField('This is Bold text input.');
+            textSelectionPage.steps.verifyBoldTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add link to Question input field')
+            textSelectionPage.steps.selectLinkOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addLinkToInputField();
+            textSelectionPage.steps.verifyLinkInQuestionInputField();
+            utilities.verifyElementVisibilityState(textSelectionPage.errorMessage(), 'notExist');
+            textSelectionPage.steps.focusOutOfQuestionInputField();
+        });
+
+        it('CSS of Question label and Question input field contents', { tags: 'css' }, () => {
+            utilities.verifyCSS(textSelectionPage.questionLabel(), {
+                'color': css.color.sectionHeading,
+                'font-size': css.fontSize.normal,
+                'font-weight': css.fontWeight.semibold
+            });
+            utilities.verifyCSS(textSelectionPage.questionInputField(), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.regular,
+                'border': `1px solid ${css.color.figDefaultComponentBorder}`
+            });
+            utilities.verifyCSS(textSelectionPage.questionInputField().find('a'), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+
+        it('Image, equation, bold text and link added in Question input field should be properly displayed in specify possible options section', () => {
+            textSelectionPage.steps.verifyImageAndAltTextInSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyEquationInSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyBoldTextInSpecifyPossibleOptionsSection();
+            textSelectionPage.steps.verifyLinkInSpecifyPossibleOptionsSection();
+        });
+
+        it('Image, equation, bold text and link added in Question input field should be properly displayed in specify correct answer section', () => {
+            textSelectionPage.steps.verifyImageAndAltTextInSpecifyCorrectAnswerSection();
+            textSelectionPage.steps.verifyEquationInSpecifyCorrectAnswerSection();
+            textSelectionPage.steps.verifyBoldTextInSpecifyCorrectAnswerSection();
+            textSelectionPage.steps.verifyLinkInSpecifyCorrectAnswerSection();
+        });
+    });
+
+    describe('Question field - Preview tab', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+        });
+
+        it('In Preview tab, the sample \'Lorem Ipsum\' text should be displayed in the question field', () => {
+            textSelectionPage.steps.switchToPreviewTab()
+            utilities.verifyInnerText(textSelectionPage.questionTextWrapperPreviewTab(), 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n \n\nUt enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n \n\nExcepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.');
+        });
+
+        it('The user should be able to edit text in the question input field and the updated question should be displayed in the preview tab', () => {
+            cy.log('Switching to edit tab')
+            textSelectionPage.steps.switchToEditTab();
+            textSelectionPage.steps.clearQuestionInputField();
+            cy.log('Add Image to Question input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectImageOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addImageToInputField();
+            textSelectionPage.steps.verifyImageAndAltTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add equation to Question input field')
+            textSelectionPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+            textSelectionPage.steps.verifyEquationInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{rightarrow}{enter}');
+            cy.log('Add bold text to input field')
+            textSelectionPage.steps.focusInQuestionInputField();
+            textSelectionPage.steps.selectBoldOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addInputToQuestionInputField('This is Bold text input.');
+            textSelectionPage.steps.verifyBoldTextInQuestionInputField();
+            textSelectionPage.steps.addInputToQuestionInputField('{enter}');
+            cy.log('Add link to Question input field')
+            textSelectionPage.steps.selectLinkOptionFromCKEditorToolbar();
+            textSelectionPage.steps.addLinkToInputField();
+            textSelectionPage.steps.verifyLinkInQuestionInputField();
+            utilities.verifyElementVisibilityState(textSelectionPage.errorMessage(), 'notExist');
+            textSelectionPage.steps.focusOutOfQuestionInputField();
+            cy.log('Switching to preview tab')
+            textSelectionPage.steps.switchToPreviewTab();
+            textSelectionPage.steps.verifyImageAndAltTextInPreviewTab();
+            textSelectionPage.steps.verifyEquationInPreviewTab();
+            textSelectionPage.steps.verifyBoldTextInPreviewTab();
+            textSelectionPage.steps.verifyLinkInPreviewTab();
+        });
+
+        //Failing due to https://redmine.zeuslearning.com/issues/537907
+        it('CSS of \'Preview tab\' when image, equation, bold text and link are added', { tags: 'css' }, () => {
+            utilities.verifyCSS(textSelectionPage.questionTextWrapperPreviewTab().find('strong'), {
+                'color': css.color.text,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+            utilities.verifyCSS(textSelectionPage.questionTextWrapperPreviewTab().find('a'), {
+                'color': css.color.linkText,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.bold
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/TextSelection/specifyCorrectAnswerSection.js

@@ -0,0 +1,89 @@
+import { textSelectionPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+
+const paragraphTextArray = ['All animals have a unique role to play in maintaining the balance of nature.', 'A lot of animal species exist in both, land and water. As a result, each of them has a purpose for their existence.', 'The animals divide into specific groups in biology. Amphibians are those which can live on both, land and water.', 'Mammals are ones which give birth to their offspring in the womb and have mammary glands.'];
+
+describe('Create Item page - Text selection: Specify correct answer, Alternative correct answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Specify correct answer section - \'Correct\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.addTextInQuestionInstructionsInputField('Select text from the given paragraph');
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+            textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[1]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[2]);
+        });
+
+        textSelectionPage.tests.verifyAutoScoredSpecifyCorrectAnswerHeaderSectionContents('text selection');
+
+        it('In the \'Correct\' accordion the question field text should be displayed and the options should be available as set in  \'Specify possible options\' section', () => {
+            textSelectionPage.steps.verifySpecifyCorrectAnswerTextAndOptions(paragraphTextArray, [paragraphTextArray[0], paragraphTextArray[1], paragraphTextArray[2]]);
+        });
+
+        textSelectionPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Correct');
+    });
+
+    describe('Specify correct answer section - \'Alternative\' accordion', () => {
+        abortEarlySetup();
+        before(() => {
+            textSelectionPage.steps.navigateToCreateQuestion('text selection');
+            cy.barsPreLoaderWait();
+            textSelectionPage.steps.addTextInQuestionInstructionsInputField('Select text from the given paragraph');
+            textSelectionPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                textSelectionPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            textSelectionPage.steps.addInputToQuestionInputField('{backspace}');
+            textSelectionPage.steps.switchTextSelectionMode('Paragraph');
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[1]);
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[2]);
+        });
+
+        textSelectionPage.tests.verifyAutoScoredAddAlternativeAnswerButtonAndValidation('text selection');
+
+        it('When user has added points and set correct answers in the \'Correct\' accordion, then the user should be able to add alternative answer for the question using \'Add alternative answer\' button', () => {
+            textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[0]);
+            textSelectionPage.steps.allotPoints(20);
+            textSelectionPage.steps.addAlternativeAnswerAccordion(1);
+        });
+
+        it('In the \'Alternate\' accordion the question field text should be displayed and the options should be available as set in \'Specify possible options\' section', () => {
+            textSelectionPage.steps.verifySpecifyCorrectAnswerTextAndOptions(paragraphTextArray, [paragraphTextArray[0], paragraphTextArray[1], paragraphTextArray[2]]);
+        });
+
+        textSelectionPage.tests.verifySpecifyCorrectAnswerAccordionContentsAndFunctionality('Alternative');
+
+        it('User should be able to add another alternative answer for the question using \'Add alternative answer\' button and the name for this new accordion should be \'Alternative 2\'', () => {
+            textSelectionPage.steps.addAlternativeAnswerAccordion(2);
+        });
+
+        textSelectionPage.tests.verifyWarningPopupAndAccordionNavigationWhenNoPointsAddedInAlternativeAccordion();
+
+        it('User should be able to remove alternative correct answer by clicking on the \'Delete\' icon button alongside alternative answer accordion and the name of the alternative answer accordions should get updated accordingly', () => {
+            cy.log('Set correct answer and points in alternative 2 accordion, then switch to alternative 1 accordion and click delete icon button');
+            textSelectionPage.steps.selectOptionInSpecifyCorrectAnswerSection(paragraphTextArray[1]);
+            textSelectionPage.steps.allotPoints(5);
+            textSelectionPage.steps.deleteAlternativeAnswerAccordion(1);
+            textSelectionPage.steps.verifyAlternativeAnswerAccordionNotExists(2);
+            textSelectionPage.steps.verifyAlternativeAnswerAccordionLabel(0);
+        });
+
+        it('When the user deselects an option assigned as correct in the correct accordion then the correct accordion should be in the expanded state', () => {
+            textSelectionPage.steps.clickOnOptionInSpecifyPossibleOptionsSection(paragraphTextArray[0]);
+            textSelectionPage.steps.verifyCorrectAnswerAccordionIsExpanded();
+        });
+    });
+});