itemengine-cypress-automation 1.0.50 → 1.0.62

package/cypress/e2e/ILC/Highlight/HighlightScoring/allOrNothingCorrectPointsMoreThanAlternatePoints.js

@@ -0,0 +1,215 @@
+import { highlightPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+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 - Highlight: Preview tab Scoring Section - All or nothing scoring with alternate answer', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    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 Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.allotPoints(20);
+            highlightPage.steps.clickOnAddAlternateAnswerButton();
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[2]);
+            highlightPage.steps.allotPoints(12);
+            highlightPage.steps.expandAdditonalSettings();
+            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        it('The points displayed should be equal to correct answer points', () => {
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+        });
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question then, correct/incorrect border should not be displayed, the correct answer should be highlighted and green check-marks should be displayed beside the correct answer options from the correct tab', () => {
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            cy.log('Post step: Unchecking the show correct answer checkbox')
+            highlightPage.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 besides the correctly answered options from the correct tab and a label \'Correct answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyPreviewTabScoreText(20, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            highlightPage.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 besides the correctly answered options from the correct tab and a label \'Correct answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+        });
+
+        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 besides the correctly answered options from the alternate tab and a label \'Correct answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyPreviewTabScoreText(12, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            highlightPage.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 besides the correctly answered options from the alternate tab and a label \'Correct answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+        });
+
+        it('When the user attempts the question partially correct exclusively according to the correct tab then 0 points should be awarded and on selecting \'Show correct answer\' checkbox green check-mark icons should be displayed beside the correct options from the correct tab and red cross-mark icons should be displayed beside the incorrectly answered options and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.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 correctly attempted options from the correct tab and red cross-mark icons should be displayed beside the incorrectly answered options and a label \'Incorrect answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer()
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When the user attempts the question partially correct exclusively according to the alternate tab then 0 points should be awarded and on selecting \'Show correct answer\' checkbox green check-mark icons should be displayed beside the correct options from the correct tab and correctly answered options from the alternate tab, red cross-mark icons should be displayed beside the incorrectly answered options and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.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 correctly attempted option from the alternate tab, red cross-mark icons should be displayed beside the incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When the user attempts the question partially correct with equal number of options form the correct and alternate tab then user should be awarded with 0 points and on selecting the \'Show correct answer\' checkbox the green check-mark icons should be displayed beside the correct options from the correct tab, red cross-mark icons should be displayed beside the incorrectly answered options and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When the user attempts the question partially correct with equal number of options form the correct and alternate tab then on selecting the \'Check answer\' button the green check-mark icons should be displayed beside the correctly attempted options from the correct tab, red cross-mark icons should be displayed beside the incorrectly answered options and a label \'Incorrect answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer()
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        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 0 points and on selecting the \'Show correct answer\' checkbox the green check-mark icon should be displayed beside the common option and correct tab options and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.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 a label \'Incorrect answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and red cross-mark icons should be beside incorrectly answered options, green check-marks should be displayed beside correct answer options from the correct tab and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question incorrectly and clicks on the \'Check Answer\' button, then red cross-mark icons should be beside incorrectly answered options and a label \'Incorrect answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+    });
+});

package/cypress/e2e/ILC/Highlight/HighlightScoring/allOrNothingScoring.js

@@ -0,0 +1,187 @@
+import { highlightPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+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 - Highlight: Preview tab Scoring Section - All or nothing scoring', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Show correct answer', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+        });
+
+        highlightPage.tests.verifyShowCorrectAnswerAndPointsInPreviewTabWhenNoCorrectAnswerIsSet();
+
+        it('When the user has set correct answer responses and alloted points \'Show correct answer\' checkbox should be displayed and it should be unchecked by default and points for the question should be displayed beside it', () => {
+            highlightPage.steps.switchToEditTab();
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInSetCorrectAnswerSection(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInSetCorrectAnswerSection(paragraphTextArray[3]);
+            highlightPage.steps.allotPoints(10);
+            highlightPage.steps.switchToPreviewTab();
+            highlightPage.steps.verifyDefaultShowCorrectAnswerCheckboxAndLabel();
+            highlightPage.steps.verifyPreviewTabScoreText(0, 10);
+        });
+
+        it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab users response should not persist', () => {
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+        });
+    });
+    
+    describe('Question Preview: AutoScored - All or Nothing', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to Highlight question type');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.allotPoints(20);
+            highlightPage.steps.expandAdditonalSettings();
+            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        highlightPage.tests.verifyCSSOfPreviewAndEditTabAndScoringContents();
+
+        highlightPage.tests.verifya11yOfCreateItemWrapperContents();
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct/incorrect border should not be displayed, the correct answer should be highlighted and green check-mark icon should be displayed besides the highlighted option', () => {
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+        });
+
+        it('When user selects Check answer button without attempting the question, correct/incorrect label and border should not be displayed below and check-mark or cross-mark should not be displayed for any option', () => {
+            cy.log('Pre-step: Deselect the show correct checkbox')
+            highlightPage.steps.uncheckShowCorrectAnswerCheckbox()
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
+        });
+
+        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points and red cross-mark icons should be displayed besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-mark should be displayed besides correct answers', () => {
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.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 besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed and green check-marks should not be displayed besides correct answer options');
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+        });
+
+        highlightPage.tests.verifyCSSAndA11yOfIncorrectAnswerLabel('highlight');
+
+        it('When user attempts the question partially correct without incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed below the question preview');
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question partially correct with incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyPreviewTabScoreText(0, 20);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question correctly then on selecting \'Show correct answer\' checkbox, the user should be awarded full points and green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyPreviewTabScoreText(20, 20);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed below the question preview')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+        });
+
+        highlightPage.tests.verifyCSSAndA11yOfFullScoreTextAndCorrectAnswerLabel('highlight');
+
+        highlightPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(20);
+    });
+});

package/cypress/e2e/ILC/Highlight/HighlightScoring/manualAndNonScored.js

@@ -0,0 +1,162 @@
+import { highlightPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+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 - Highlight - Manually and Non-scored', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: Manually scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to question, add input to stems and options, select manually scored scoring type and switch to preview tab');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.addQuestionInstructions();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectAScoringTypeFromScoringTypeDropdown('Manually scored');
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When user switches to the Preview tab, the question instruction and options should be displayed in the preview tab', () => {
+            highlightPage.steps.verifyQuestionInstructionsText();
+            highlightPage.steps.verifyOptionInPreviewTab(paragraphTextArray);
+        });
+
+        highlightPage.tests.verifyShowCorrectAnswerAndPointsNotDisplayedInPreviewTab();
+    });
+
+    describe('Question Preview: Non scored', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigate to question, add input to stems and options, select manually scored scoring type and switch to preview tab');
+            highlightPage.steps.navigateToCreateQuestion('highlight');
+            cy.barsPreLoaderWait();
+            highlightPage.steps.addQuestionInstructions();
+            highlightPage.steps.clearQuestionInputField();
+            paragraphTextArray.forEach((paragraphText) => {
+                highlightPage.steps.addInputToQuestionInputField(`${paragraphText}{enter}`);
+            });
+            highlightPage.steps.addInputToQuestionInputField('{backspace}');
+            highlightPage.steps.switchTextSelectionTypeInTextSelectionDropdown('Paragraph');
+            highlightPage.steps.selectAScoringTypeFromScoringTypeDropdown('Non scored');
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInSetCorrectAnswerSection(paragraphTextArray[1]);
+            highlightPage.steps.expandAdditonalSettings();
+            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Show correct answer\' checkbox without attempting the question, correct/incorrect border should not be displayed, the correct answer should be highlighted and green check-mark icon should be displayed besides the highlighted option', () => {
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+        });
+
+        it('When user selects Check answer button without attempting the question, correct/incorrect label and border should not be displayed below and check-mark or cross-mark should not be displayed for any option', () => {
+            cy.log('Pre-step: Deselect the show correct checkbox')
+            highlightPage.steps.uncheckShowCorrectAnswerCheckbox()
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightPage.steps.verifyCorrectIncorrectIconsDoesNotExist();
+        });
+
+        it('When user attempts the question incorrectly then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, red cross-mark icons should be displayed besides incorrectly answered options, green check-mark should be displayed besides correct answers, a label \'Incorrect answer\' and border should be displayed', () => {
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.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 besides incorrectly answered options, a label \'Incorrect answer\' and border should be displayed')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question partially correct without incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should not be displayed beside any option and a label \'Incorrect answer\' and border should be displayed');
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question partially correct with incorrect answer, then on selecting \'Show correct answer\' checkbox, the user should be awarded 0 points, green check-mark should be displayed besides correct answer options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question partially correct and clicks on the \'Check Answer\' button, green check-mark should be displayed besides correctly attempted options, red cross-mark should be displayed besides incorrectly answered option and a label \'Incorrect answer\' and border should be displayed')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyIncorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
+        });
+
+        it('When user attempts the question correctly then on selecting \'Show correct answer\' checkbox, the user should be awarded full points and green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed', () => {
+            highlightPage.steps.resetQuestionPreview();
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+            highlightPage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
+
+            cy.log('When user attempts the question correctly and clicks on the \'Check Answer\' button, green check-mark icons should be displayed besides the correctly answered options and a label \'Correct answer\' and border should be displayed')
+            highlightPage.steps.checkAnswer();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyCorrectAttemptBorder();
+            highlightPage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
+        });
+    });
+});