itemengine-cypress-automation 1.0.183 → 1.0.184

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

@@ -0,0 +1,120 @@
+import { itemPreviewPage, numberLineLabelPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view'];
+const views = utilities.getViews(previewContentViews);
+const css = Cypress.env('css');
+var itemReferenceID = "";
+const range = 20.75;
+
+describe('Create item page: Number line label - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        numberLineLabelPage.steps.navigateToCreateQuestion('Number line');
+                        cy.barsPreLoaderWait();
+                        numberLineLabelPage.steps.navigateToLabelNumberLineTab();
+                        numberLineLabelPage.steps.addTextInQuestionInstructionsInputField('Label the number line');
+                        numberLineLabelPage.steps.addLabel();
+                        cy.log('Add image to label input field')
+                        numberLineLabelPage.steps.focusInLabelInputField(0);
+                        numberLineLabelPage.steps.selectImageOptionFromCKEditorToolbar()
+                        numberLineLabelPage.steps.addImageToInputField();
+                        numberLineLabelPage.steps.enterTextInLabelInputField(0, 'Fox image');
+                        cy.log('Add bold text to label input field')
+                        numberLineLabelPage.steps.focusInLabelInputField(1);
+                        numberLineLabelPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        numberLineLabelPage.steps.enterTextInLabelInputField(1, 'This is a bold option');
+                        cy.log('Add equation to label input field')
+                        numberLineLabelPage.steps.enterTextInLabelInputField(2, 'Solve the following');
+                        numberLineLabelPage.steps.focusInLabelInputField(2);
+                        numberLineLabelPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        numberLineLabelPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        numberLineLabelPage.steps.enterTextInLabelInputField(3, 'This is a normal text');
+                        numberLineLabelPage.steps.allotPoints(10);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Fox image', 'horizontal', range, 0);
+                        numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [0]);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('Solve the following', 'horizontal', range, 9);
+                        numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [9]);
+                        numberLineLabelPage.steps.clickAndDropLabelOnNumberLineSpecifyCorrectAnswer('This is a bold option', 'horizontal', range, -9);
+                        numberLineLabelPage.steps.verifyPointsPlottedOnNumberLineSpecifyCorrectAnswer(range, [-9]);
+                        numberLineLabelPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        numberLineLabelPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        cy.log('Adding wait because number line wasn\'t loaded properly')
+                        cy.wait(4000);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    numberLineLabelPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+            });
+
+            it('Question instructions should be visible and number line should be displayed', () => {
+                utilities.verifyInnerText(numberLineLabelPage.questionInstructionsText(), 'Label the number line');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.questionInstructionsText(), 'visible');
+                utilities.verifyElementVisibilityState(numberLineLabelPage.numberLinePreviewTab(), 'visible');
+            });
+
+            it(`When the user has added image, bold text and equation to the label input they should be displayed in the ${view}`, () => {
+                numberLineLabelPage.steps.verifyImageInPreviewTab(0);
+                numberLineLabelPage.steps.verifyBoldTextInPreviewTab(1);
+                numberLineLabelPage.steps.verifyEquationTextInPreviewTab(2);
+                numberLineLabelPage.steps.verifyLabelTextContentPreviewTab(3, 'This is a normal text');
+            });
+
+            it('User should be able to drag and drop image, bold text and equation options on the number line', () => {
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Fox image', 'horizontal', range, 0);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'horizontal', range, 9);
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('This is a bold option', 'horizontal', range, -9);
+            });
+
+            it('The labels on the plotted points should be displayed on the number line', () => {
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [0]);
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [9]);
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [-9]);
+            });
+
+            it('The user should be able to change the plotted label on the number line', () => {
+                numberLineLabelPage.steps.clickAndDropLabelOnNumberLinePreviewTab('Solve the following', 'horizontal', range, 7);
+                numberLineLabelPage.steps.verifyPointsPlottedOnNumberLinePreviewTab(range, [7]);
+                numberLineLabelPage.steps.verifyPointsNotExistOnNumberLinePreviewTab(range, [9]);
+            });
+
+            it('CSS of number line label', { tags: 'css' }, () => {
+                utilities.verifyCSS(numberLineLabelPage.draggableLabelsPreviewTab(), {
+                    'color': css.color.primaryBtn,
+                    'background-color': css.color.primaryBtnBg,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+
+            it('Accessibility of number line label', { tags: 'a11y' }, () => {
+                cy.checkAccessibility(numberLineLabelPage.numberLinePreviewTab().parents('.ngie-jxgbox'));
+            });
+        });
+    });
+});

package/cypress/e2e/ILC/Protractor/protractorPreviewContents.smoke.js

@@ -54,7 +54,7 @@ describe('Preview tab contents for all views', () => {
                 }
                 if (view === 'Student view') {
                     studentViewPage.steps.submitResponse();
-                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'exist');
                 }
             });
 

package/cypress/e2e/ILC/ReadingRuler/readingRulerEditTabBasicsSection.js

@@ -195,7 +195,55 @@ describe('Create Item page - Reading ruler: Edit Tab', () => {
             readingRulerPage.steps.verifyColorPopupIsDisplayed();
         });
 
-        readingRulerPage.tests.verifyColorPopupSelectColorTitle();
+        it('A title \'Select color\' should be displayed on the color popup', () => {
+            readingRulerPage.steps.verifyColorPopupSelectColorTitle();
+        });
+
+        it('A \'Selected color\' label and color block displaying the selected color should be displayed', () => {
+            readingRulerPage.steps.verifySelectedColorLabelAndSelectedColorBlock();
+        });
+
+        it('\'Cancel\' and \'Ok\' buttons should be displayed', () => {
+            utilities.verifyInnerText(readingRulerPage.cancelButton(), 'Cancel');
+            utilities.verifyElementVisibilityState(readingRulerPage.cancelButton(), 'visible');
+            utilities.verifyInnerText(readingRulerPage.okButton(), 'OK');
+            utilities.verifyElementVisibilityState(readingRulerPage.okButton(), 'visible');
+        });
+
+        it('CSS of color popup contents', { tags: 'css' }, () => {
+            const labels = [readingRulerPage.selectedColorLabel, readingRulerPage.hexLabel]
+            const inputFields = [readingRulerPage.hexInputField];
+            labels.forEach(label => {
+                utilities.verifyCSS(label(), {
+                    'color': css.color.labels,
+                    'font-size': css.fontSize.normal,
+                    'font-weight': css.fontWeight.semibold
+                });
+            });
+            inputFields.forEach(inputField => {
+                utilities.verifyCSS(inputField(), {
+                    'color': css.color.text,
+                    'font-size': css.fontSize.default,
+                    'font-weight': css.fontWeight.regular
+                });
+            });
+            utilities.verifyCSS(readingRulerPage.okButton(), {
+                'color': css.color.primaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.primaryBtnBg
+            });
+            utilities.verifyCSS(readingRulerPage.cancelButton(), {
+                'color': css.color.secondaryBtn,
+                'font-size': css.fontSize.default,
+                'font-weight': css.fontWeight.semibold,
+                'background-color': css.color.transparent
+            });
+        });
+
+        it('Accessibility of color popup contents', { tags: 'a11y' }, () => {
+            cy.checkAccessibility(readingRulerPage.dialogBoxContent());
+        });
 
         readingRulerPage.tests.verifySaturationAndOpacityGradientPalette('rgb(255, 255, 255)');
 

package/cypress/e2e/ILC/ShortTextResponseNew/studentViewSettings.js

@@ -318,7 +318,7 @@ describe('Create Item page - Short text response : Student view settings', () =>
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer multiple times', () => {
             shortTextResponsePage.steps.switchToEditTab();
             shortTextResponsePage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            shortTextResponsePage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             shortTextResponsePage.steps.switchToPreviewTab();
             shortTextResponsePage.steps.verifyCheckAnswerButtonEnabled();
             shortTextResponsePage.steps.enterTextInAnswerInputFieldPreviewTab('Flower');

package/cypress/e2e/ILC/SingleSelectionGridNew/studentViewSettings.js

@@ -172,7 +172,7 @@ describe('Create item page - single selection grid: Student view settings', () =
         it('When the user selects \'No limit\' option from the dropdown then user should be able to check answer single times', () => {
             singleSelectionGridPage.steps.switchToEditTab();
             singleSelectionGridPage.steps.expandMaxCheckAnswerAttemptsDropdown();
-            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('no limit');
+            singleSelectionGridPage.steps.selectMaxCheckAnswerAttemptsDropdownListOption('0');
             singleSelectionGridPage.steps.switchToPreviewTab();
             singleSelectionGridPage.steps.verifyCheckAnswerButtonEnabled();
             singleSelectionGridPage.steps.selectOptionsInPreviewTab({ row: 1, column: 0 });

package/cypress/e2e/ILC/TextEntryMath/responseEvaluationMethodsAndCustomSettings.js

@@ -353,10 +353,10 @@ describe('Create Item page - Text entry math: Response evaluation methods and cu
                 } else {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.ignoreUnitCoefficient), 'notExist');
                 }
-                if (evaluationMethod.customSettings.includes('Check for parenthesis grouping')) {
+                if (evaluationMethod.customSettings.includes('Check for parenthesis groups')) {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.checkForParenthesisGrouping), 'visible');
                     textEntryMathPage.steps.verifyCustomSettingsCheckboxIsUnchecked(customSettingsIds.checkForParenthesisGrouping);
-                    textEntryMathPage.steps.verifyCustomSettingsCheckboxLabel(customSettingsIds.checkForParenthesisGrouping, 'Check for parenthesis grouping');
+                    textEntryMathPage.steps.verifyCustomSettingsCheckboxLabel(customSettingsIds.checkForParenthesisGrouping, 'Check for parenthesis groups');
                 } else {
                     utilities.verifyElementVisibilityState(textEntryMathPage.customSettingsCheckboxContainer(customSettingsIds.checkForParenthesisGrouping), 'notExist');
                 }

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingAlternatePointsMoreThanCorrectPoints.js

@@ -10,7 +10,6 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Alternate Answer points are more than Correct Answer points', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingCorrectPointsEqualToAlternatePoints.js

@@ -10,7 +10,6 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Correct Answer points are equal to Alternate Answer points', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/allOrNothingCorrectPointsMoreThanAlternatePoints.js

@@ -10,7 +10,6 @@ describe('Create Item page - Text selection: Preview tab Scoring Section - All o
     describe('Question Preview: AutoScored - All or Nothing with alternate answer: When Correct Answer points are more than Alternate Answer points', () => {
         abortEarlySetup();
         before(() => {
-            cy.log('Navigating to Text selection question type');
             textSelectionPage.steps.navigateToCreateQuestion('text selection');
             cy.barsPreLoaderWait();
             textSelectionPage.steps.setQuestionAndOptionsInEditTab();

package/cypress/e2e/ILC/TextSelection/Scoring/basicScoringForAllTextSelectionTypes.smoke.js

@@ -16,7 +16,6 @@ describe('Create Item page - Text selection - Basic scoring for all text selecti
         describe('Question Preview: Custom text selection type with All or nothing scoring', () => {
             abortEarlySetup();
             before(() => {
-                cy.log('Navigate to question, add input to stems and options, set correct answer and allot points and switch to preview tab');
                 textSelectionPage.steps.navigateToCreateQuestion('text selection');
                 cy.barsPreLoaderWait();
                 textSelectionPage.steps.addQuestionInstructions();

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,12 +93,11 @@ 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]);
                 textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[2]);
-                textSelectionPage.steps.verifyIncorrectIconForOption(paragraphTextArray[3]);
+                textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[3]);
                 textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 textSelectionPage.steps.verifyCorrectAnswerSectionNotExists();
             });

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,18 +109,17 @@ 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', () => {
-                    textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[0]);
+                it('The question text should be displayed with the selected correct options and status message \' Your answer is incorrect\' should be displayed', () => {
                     textSelectionPage.steps.verifyCorrectIconForOption(paragraphTextArray[1]);
-                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    textSelectionPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
                 });
 
                 it('The submitted answer options should not be editable', () => {
-                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[0]);
-                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[0]);
+                    textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[1]);
+                    textSelectionPage.steps.verifyOptionIsSelectedInPreviewTab(paragraphTextArray[1]);
                     textSelectionPage.steps.clickOnOptionInPreviewTab(paragraphTextArray[2]);
                     textSelectionPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
                 });