itemengine-cypress-automation 1.0.48 → 1.0.51

package/cypress/e2e/ILC/ListSorting/Scoring/partialEqualWeightsCorrectPointsGreaterThanAlternatePoints.js

@@ -0,0 +1,307 @@
+import { listSortingPage } from "../../../../pages/listSortingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+
+let options = ['plant', 'sprout', 'flower', 'seed'];
+let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];
+let alternateCorrectAnswerArray = ['seed', 'flower', 'sprout', 'plant'];
+
+describe('Create item page - List sorting: Partial equal weights scoring with alternate answer - When correct answer points are more than alternate answer points', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights with alternate answer: When correct answer points are more than alternate answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to list sorting question type');
+            listSortingPage.steps.navigateToCreateQuestion('list sorting');
+            cy.log('Adding question instructions, setting correct answer order and adding points for Partial equal weights scoring type and switching to Preview tab');
+            cy.barsPreLoaderWait();
+            listSortingPage.steps.addQuestionInstructions();
+            listSortingPage.steps.addInputToOptionsInputField(options);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 3);
+            listSortingPage.steps.selectPartialEqualWeightsCheckbox();
+            listSortingPage.steps.allotPoints('20');
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(correctAnswerArray);
+            listSortingPage.steps.clickOnAddAlternateAnswerButton();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(alternateCorrectAnswerArray);
+            listSortingPage.steps.allotPoints('12');
+            listSortingPage.steps.uncheckRoundDownScoreCheckbox();
+            listSortingPage.steps.expandAdditonalSettings();
+            listSortingPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            listSortingPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question then correct/incorrect icons should not be displayed, correct/incorrect answer label and border should not be displayed and the correct tab order should be displayed in the correct answers container', () => {
+            cy.log('Total points displayed besides Show correct answer checkbox should be of Correct Answer points')
+            listSortingPage.steps.verifyPreviewTabScoreText(0, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(correctAnswerArray, ['1', '2', '3', '4']);
+            cy.log('Post step: Unchecking the show correct answer checkbox')
+            listSortingPage.steps.uncheckShowCorrectAnswerCheckbox();
+        });
+
+        it('When the user attempts the question according to the correct tab then user should be awarded with full points and on selecting \'Show correct answer\' checkbox green check-mark icons should be displayed beside all the options, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(correctAnswerArray);
+            listSortingPage.steps.verifyPreviewTabScoreText(20, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user attempts the question according to the correct tab then on selecting \'Check answer\' button green check-mark icons should be displayed beside all the options, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('When the user attempts the question according to the alternate tab then user should be awarded with points of the alternate tab(less than full points) and on selecting \'Show correct answer\' checkbox green check-mark icons should be displayed beside all the options, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(alternateCorrectAnswerArray);
+            listSortingPage.steps.verifyPreviewTabScoreText(12, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user attempts the question according to the alternate tab then on selecting \'Check answer\' button green check-mark icons should be displayed beside all the options, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('When the user attempts the question partially correct exclusively according to the correct tab then points of the correctly ordered options should be awarded and on selecting \'Show correct answer\' checkbox green check-mark icons should be displayed beside the options at the correct position with respect to the correct tab and red cross-mark icons should be displayed beside the incorrectly attempted options, the correct answers container should contain the correct answers of the incorrectly attempted options from the correct tab with numeration and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'sprout', 'plant', 'seed']);
+            listSortingPage.steps.verifyPreviewTabScoreText(10, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(['seed', 'flower'], ['1', '4']);
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user attempts the question partially correct exclusively according to the correct tab then on selecting \'Check answer\' button green check-mark icons should be displayed beside the options at the correct position with respect to the correct tab and red cross-mark icons should be displayed beside the incorrectly attempted options,the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('When the user attempts the question partially correct exclusively according to the alternate tab then points of the correctly ordered options should be awarded and on selecting \'Show correct answer\' checkbox green check-mark icons should be displayed beside the options at the correct position with respect to the alternate tab and red cross-mark icons should be displayed beside the incorrectly attempted options, the correct answers container should contain the correct answers of the incorrectly attempted options from the correct tab with numeration and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['plant', 'flower', 'sprout', 'seed']);
+            listSortingPage.steps.verifyPreviewTabScoreText(6, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(['seed', 'plant'], ['1', '4']);
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user attempts the question partially correct exclusively according to the alternate tab then on selecting \'Check answer\' button green check-mark icons should be displayed beside the options at the correct position with respect to the alternate tab and red cross-mark icons should be displayed beside the incorrectly attempted options, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('flower');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('When the user attempts the question partially correct with equal number of correct options order form the correct and alternate tab then user should be awarded with points of the tab with more points i.e. in this case correct tab and on selecting the \'Show correct answer\' checkbox the green check-mark icons should be displayed beside the options ordered according to the correct tab and red cross-mark icons should be displayed beside the options ordered according to the alternate tab, the correct answers container should have correct options of the incorrectly ordered options from the correct tab with numeration and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'sprout', 'flower', 'plant']);
+            listSortingPage.steps.verifyPreviewTabScoreText(10, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(['plant', 'flower'], ['3', '4']);
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user attempts the question partially correct with equal number of correct options order form the correct and alternate tab then on selecting the \'Check answer\' button the green check-mark icons should be displayed beside the options ordered according to the correct tab and red cross-mark icons should be displayed beside the options ordered according to the alternate tab, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('Race condition: When the user attempts the question with the common option between correct tab and alternate tab then user should be awarded with points of the tab with more points i.e. in this case correct tab and on selecting the \'Show correct answer\' checkbox the green check-mark icon should be displayed beside the common option and red cross-marks should be displayed beside the incorrectly ordered options, the correct answers container should have correct options of the incorrectly ordered options from the correct tab with numeration and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'plant', 'flower', 'sprout']);
+            listSortingPage.steps.verifyPreviewTabScoreText(5, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(['sprout', 'plant', 'flower'], ['2', '3', '4']);
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('Race condition: When the user attempts the question with the common option between correct tab and alternate tab then on selecting the \'Check answer\' button the green check-mark icon should be displayed beside the common option and red cross-marks should be displayed beside the incorrectly ordered options, the correct answers container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('When user attempts the question incorrectly and selects \'Show correct answer\' checkbox, then user should be awarded 0 points and red cross-mark icons should be displayed beside all the incorrect options, the correct answer container with all correct answers from the correct tab along with numeration should be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview', () => {
+            listSortingPage.steps.resetQuestionPreview();
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['flower', 'plant', 'seed', 'sprout']);
+            listSortingPage.steps.verifyPreviewTabScoreText(0, 20);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(correctAnswerArray, ['1', '2', '3', '4']);
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question incorrectly and clicks on the \'Check Answer\' button, then red cross-mark icons should be displayed beside all the incorrect options, the correct answer container should not be displayed and correct/incorrect answer label and border for the question should not be displayed below the question preview')
+            listSortingPage.steps.checkAnswer();
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+        });
+
+        it('Overachiever case: When the user attempts the question with more number of correct options from the alternate tab than the correct tab but the score of the individual response selected from the correct tab overpowers the combined score of the alternate tab answers then green checkmark icons should be displayed for the correct tab option, red crossmark icon should be displayed for the alternate tab options and points awarded should be of the correct tab, the correct answers container should have answers of the correct tab for the incorrectly ordered options and correct/incorrect answer label and its border should not be displayed', () => {
+            cy.log('(Overachiever case) Prestep: Switching to Edit tab and alloting points to correct and alternate tab such that the difference between the points is substantial and the points per response are in decimal')
+            listSortingPage.steps.switchToEditTab();
+            listSortingPage.steps.deleteAlternateTab();
+            listSortingPage.steps.addAlternateTab(1);
+            listSortingPage.steps.allotPoints('10');
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('plant', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('flower', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('sprout', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInSetCorrectAnswerSection('seed', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInSetCorrectAnswerSection(['plant', 'flower', 'sprout', 'seed']);
+            listSortingPage.steps.navigateToCorrectTab();
+            listSortingPage.steps.allotPoints('50');
+            listSortingPage.steps.switchToPreviewTab();
+
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('seed', 0);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('flower', 1);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('sprout', 2);
+            listSortingPage.steps.clickAndDropOptionFromSourceToTargetInPreviewTab('plant', 3);
+            listSortingPage.steps.verifyTargetOptionsTextContentInPreviewTab(['seed', 'flower', 'sprout', 'plant']);
+            listSortingPage.steps.verifyPreviewTabScoreText(12.5, 50);
+            listSortingPage.steps.checkShowCorrectAnswerCheckbox();
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectAnswerContainerContents(['sprout', 'plant', 'flower'], ['2', '3', '4']);
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+
+            listSortingPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('Overachiever case: When the user clicks on \'Check answer\' button, green checkmark icons should be displayed for the correct tab option, red crossmark icon should be displayed for the alternate tab options, correct answers container should not be displayed and correct/incorrect answer label and its border should not be displayed')
+            listSortingPage.steps.checkAnswer()
+            listSortingPage.steps.verifyCorrectOptionsCheckmarkIcon('seed');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('flower');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('sprout');
+            listSortingPage.steps.verifyIncorrectOptionsCrossmarkIcon('plant');
+            listSortingPage.steps.verifyCorrectIncorrectBorderNotExists();
+            listSortingPage.steps.verifyCorrectIncorrectAnswerLabelNotExists();
+            listSortingPage.steps.verifyCorrectAnswerContainerDoesNotExist();
+        });
+    });
+});

package/cypress/e2e/ILC/ListSorting/{listSortingPartialEqualWeightsScoring.js → Scoring/partialEqualWeightsScoring.js}

@@ -1,6 +1,6 @@
-import { listSortingPage } from "../../../pages/listSortingPage";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
+import { listSortingPage } from "../../../../pages/listSortingPage";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
 
 let options = ['plant', 'sprout', 'flower', 'seed'];
 let correctAnswerArray = ['seed', 'sprout', 'plant', 'flower'];

package/cypress/e2e/ILC/Passage/multipageContentEditTab.js

@@ -0,0 +1,242 @@
+import { passagePage } from "../../../pages";
+import { commonComponents } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+describe('Create Item page - Passage: Heading Section, Content section, Body section', () => {
+   before(() => {
+      cy.loginAs('admin');
+   });
+
+   describe('Enable multi-page content-Edit tab', () => {
+      abortEarlySetup();
+      before(() => {
+         cy.log('Navigating to passage resource type');
+         passagePage.steps.navigateToCreateResource('passage');
+      });
+
+      it('\'Content\' label should be displayed', () => {
+         utilities.verifyTextContent(passagePage.contentLabel(), 'Content');
+         utilities.verifyElementVisibilityState(passagePage.contentLabel(), 'visible');
+      });
+
+      it('\'Enable multi-page content\' label and checkbox should be displayed and by default the checkbox should be unchecked', () => {
+         utilities.verifyTextContent(passagePage.enableMultipageContentLabel(), 'Enable multi-page content');
+         utilities.verifyElementVisibilityState(passagePage.enableMultipageContentLabel(), 'visible');
+         passagePage.steps.verifyEnableMultiPageContentCheckboxUnchecked();
+      });
+
+      it('When the user checks the \'Enable multi-page content\' checkbox then 1 \'Body\' input fields should be displayed with placeholder text and numeration, Drag handle and Delete option icon buttons should be displayed besides body input field', () => {
+         passagePage.steps.checkMultipageContentCheckbox();
+         utilities.verifyElementVisibilityState(passagePage.bodyInputField(), 'exist');
+         passagePage.steps.verifyBodyContents(0)
+         utilities.verifyElementCount(passagePage.bodyInputField(), 1);
+      });
+
+      it('CSS of Checked Multi-page checkbox', { tags: 'css' }, () => {
+         utilities.verifyCSS(passagePage.enableMultipageContentLabelCheckbox().parents('.icon-checkbox-selected').find('.checkbox-icon-border-rect'), {
+            'fill': css.color.activeButtons
+         });
+      });
+
+      it('Accessbility of checked Multi-page checkbox', { tags: 'a11y' }, () => {
+         cy.checkAccessibility(passagePage.enableMultipageContentLabelCheckbox().parents('[data-ngie-testid="enable-multi-page-content-checkbox"]'));
+      });
+
+      it('When body input fields are less than 2 then drag handle and Delete page button should be in disabled state', () => {
+         passagePage.steps.verifyDeletePageButtonDisabled();
+         passagePage.steps.verifyDragHandleButtonDisabled();
+      });
+
+      it('CSS of disabled delete and Drag handle button', { tags: 'css' }, () => {
+         passagePage.deletePageButton()
+            .verifyPseudoClassBeforeProperty('color', css.color.deleteIcon)
+         utilities.verifyCSS(passagePage.deletePageButton(), {
+            'opacity': '0.5'
+         })
+         utilities.verifyCSS(passagePage.dragHandleButton(), {
+            'opacity': '0.5'
+         });
+      });
+
+      it('Accessbility of disabled delete and Drag handle button', { tags: 'a11y' }, () => {
+         cy.checkAccessibility(passagePage.deletePageButton());
+         cy.checkAccessibility(passagePage.dragHandleButton());
+      });
+
+      it('When the user hovers over the disabled \'Delete\' icon buttons then, \'Minimum one page is required\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
+         passagePage.steps.verifyDisabledDeletePageButtonTooltip();
+      });
+
+      it('\'Add page\' button should be present', () => {
+         utilities.verifyTextContent(passagePage.addPageButton(), 'Add page');
+         utilities.verifyElementVisibilityState(passagePage.addPageButton(), 'visible');
+      });
+
+      it('When user adds a page using the \'Add page\' button then added page should be displayed with drag handle, placeholder text, body numeration and delete button', () => {
+         passagePage.steps.addPage();
+         for (let index = 0; index < 2; index++) {
+            passagePage.steps.verifyBodyContents(index)
+         }
+         utilities.verifyElementCount(passagePage.bodyInputField(), 2);
+      });
+
+      it('When body input fields are more than one then drag handle and Delete page button should be in displayed in enabled state', () => {
+         passagePage.steps.verifyDeletePageButtonEnabled();
+         passagePage.steps.verifyDragHandleButtonEnabled();
+      });
+
+      it('CSS of Body input field', { tags: 'css' }, () => {
+         utilities.verifyCSS(passagePage.dragHandleButton().eq(0), {
+            'color': css.color.secondaryBtnActive,
+            'font-size': css.fontSize.normal,
+            'font-weight': css.fontWeight.regular
+         });
+         utilities.verifyCSS(passagePage.deletePageButton().eq(0), {
+            'opacity': '1'
+         });
+         utilities.verifyCSS(passagePage.bodyInputField(), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         utilities.verifyCSS(passagePage.bodyNumeration().eq(0), {
+            'color': css.color.labels,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.semibold
+         });
+         utilities.verifyCSS(passagePage.addPageButton(), {
+            'color': css.color.secondaryBtnActive,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.medium
+         });
+      });
+
+      it('When the user hovers over the drag handle of the body field, \'Drag to reorder\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the drag handle', () => {
+         passagePage.steps.verifyDragHandleButtonTooltip();
+      });
+
+      it('When the user hovers over the enabled \'Delete\' icon buttons then, \'Delete page\' message should be displayed on a tooltip and the tooltip should disappear if focus is removed from the \'Delete\' icon button', () => {
+         passagePage.steps.verifyDeletePageButtonTooltip();
+      });
+
+      it('When user clicks on the \'Delete\' page button then the respective body input field should get deleted, body numeration should change accordingly', () => {
+         passagePage.steps.deletePage(0);
+         passagePage.steps.verifyDeletePageButtonDisabled();
+         passagePage.steps.verifyBodyContents(0)
+         utilities.verifyElementCount(passagePage.bodyInputField(), 1);
+      });
+
+      it('When user focus in and out of any of the \'Body\' input field without typing anything, an error message \'Error: Body is required.\' should be displayed', () => {
+         passagePage.steps.focusInBodyInputField(0);
+         passagePage.steps.focusOutOfBodyInputField(0);
+         utilities.verifyInnerText(commonComponents.errorMessage(), 'Error: Body is required.');
+      });
+
+      it('When user enters text in body input field the error message should disappear', () => {
+         passagePage.steps.addInputTextToBodyInputField(['It simply means the act of being globalized']);
+         utilities.verifyElementVisibilityState(commonComponents.errorMessage(), 'notExist');
+      });
+
+      it('When user enters text in Body input field, the placeholder text should disappear ', () => {
+         passagePage.steps.verifyBodyPlaceholderTextNotExist();
+      });
+
+      it('When user adds an image to the body input field then it should be displayed in the body input field', () => {
+         cy.log('Clear Body field')
+         passagePage.steps.clearBodyInputField();
+         passagePage.steps.focusInBodyInputField(0);
+         passagePage.steps.selectImageOptionFromCKEditorToolbar();
+         passagePage.steps.addImageToInputField();
+         passagePage.steps.verifyImageAndAltTextInBodyInputField(0);
+      });
+
+      it('When user adds an equation to the body input field then it should be displayed in the body input field', () => {
+         cy.log('Add page');
+         passagePage.steps.addPage();
+         passagePage.steps.focusInBodyInputField(1);
+         passagePage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+         passagePage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+         passagePage.steps.verifyEquationInBodyInputField(1);
+      });
+
+      it('When user adds a link to the body input field then it should be displayed in the body input field', () => {
+         cy.log('Add page');
+         passagePage.steps.addPage();
+         passagePage.steps.focusInBodyInputField(2);
+         passagePage.steps.selectLinkOptionFromCKEditorToolbar();
+         passagePage.steps.addLinkToInputField();
+         passagePage.steps.verifyLinkInBodyInputField(2);
+      });
+
+      it('When user adds  bold text to the body input field then it should be displayed in the body input field', () => {
+         cy.log('Add page');
+         passagePage.steps.addPage();
+         passagePage.steps.focusInBodyInputField(3);
+         passagePage.steps.selectBoldOptionFromCKEditorToolbar();
+         passagePage.steps.addBoldTextInputToBodyInputField(3);
+         passagePage.steps.verifyBoldTextInBodyInputField(3);
+      });
+
+      it('CSS of \'Body\' input field when image, equation, text and link are added', { tags: 'css' }, () => {
+         utilities.verifyCSS(passagePage.bodyInputField().eq(0).find('img'), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         utilities.verifyCSS(passagePage.bodyInputField().eq(1), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         utilities.verifyCSS(passagePage.bodyInputField().eq(2).find('a'), {
+            'color': css.color.linkText,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+         utilities.verifyCSS(passagePage.bodyInputField().eq(3), {
+            'color': css.color.text,
+            'font-size': css.fontSize.default,
+            'font-weight': css.fontWeight.regular
+         });
+      });
+
+      it('Accessbility of\' Body input\' field when image, equation, text and link are added', { tags: 'a11y' }, () => {
+         cy.checkAccessibility(passagePage.bodyWrapper().parents('[data-rbd-droppable-id="assessment-option-item-options"]'));
+      });
+   });
+
+   describe('Enable multi-page content: Check & Uncheck functionality-Edit tab', () => {
+      abortEarlySetup();
+      before(() => {
+         cy.log('Navigating to passage resource type');
+         passagePage.steps.navigateToCreateResource('passage');
+         cy.log('check the \'Enable multi-page content\' checkbox');
+         passagePage.steps.checkMultipageContentCheckbox();
+         utilities.verifyElementVisibilityState(passagePage.bodyInputField(), 'exist');
+         cy.log('Add 1 page to body input field');
+         passagePage.steps.addPage();
+      });
+
+      it('When user adds text input to all the \'Body \' input fields then the added text should be displayed in input fields', () => {
+         passagePage.steps.focusInBodyInputField(0);
+         passagePage.steps.addInputTextToBodyInputField(['It simply means the act of being globalized', 'Globalization is a serious issue']);
+      });
+
+      it('When user unchecks the \'Enable multi-page content\' checkbox then all the input fields should be combined and displayed in a single \'Body\' input field', () => {
+         passagePage.steps.uncheckMultipageContentCheckbox();
+         passagePage.steps.verifyTextInBodyInputField(0, 'It simply means the act of being globalizedGlobalization is a serious issue');
+      });
+
+      it('\'Body\' input field should be displayed without numeration, Drag handle and Delete option icon ', () => {
+         utilities.verifyElementVisibilityState(passagePage.bodyWrapper(), 'notExist');
+      });
+
+      it('When user checks the \'Enable multi-page content\' checkbox again then the added content should be displayed in a single body field', () => {
+         passagePage.steps.checkMultipageContentCheckbox();
+         passagePage.steps.verifyTextInBodyInputField(0, 'It simply means the act of being globalizedGlobalization is a serious issue');
+      });
+   });
+});
+