itemengine-cypress-automation 1.0.51 → 1.0.62

package/cypress/e2e/ILC/FillInTheGapsOverImageDropdown/fillInTheGapsOverImageDropdownSupportedFileTypes.js

@@ -0,0 +1,86 @@
+import { dialogBoxBase, fillInTheGapsOverImageDropdownPage } from "../../../pages";
+import { uploadImageSectionComponent } from "../../../pages/components";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+import constants from "../../../fixtures/constants";
+
+describe('Create Item page - Fill in the gaps over image - dropdown: Question instructions, image section, upload image popup and source URL popup', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Supported file types functionality: device popup', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to fill in the gaps over image - dropdown question type');
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+            cy.barsPreLoaderWait();
+        });
+
+        const supportedFormatFiles = {
+            jpg: 'highlightImage.jpg',
+            jpeg: 'sample.jpeg',
+            png: 'image.png',
+            gif: 'sample.gif',
+            heic: 'sample.heic',
+            heif: 'sample.heif',
+            svg: 'sample.svg'
+        };
+
+        Object.keys(supportedFormatFiles).forEach((fileType) => {
+            it(`User should be able to upload ${fileType} file in the image section using link text \'device\' and it should be displayed in the \'Image\' section and \'Preview tab\'`, () => {
+                uploadImageSectionComponent.steps.uploadFile(supportedFormatFiles[fileType]);
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.imageSectionImage(), 'visible');
+                fillInTheGapsOverImageDropdownPage.steps.verifyUploadedImageFormatInImageSection(fileType);
+                cy.log('Checking in preview tab')
+                fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.imagePreviewTab(), 'visible');
+                fillInTheGapsOverImageDropdownPage.steps.verifyUploadedImageFormatInPreviewTab(fileType);
+                fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+                cy.log('Post step: Delete the image')
+                uploadImageSectionComponent.steps.clickOnDeleteImageButton();
+                dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+            });
+        });
+    });
+
+    describe('Supported file types functionality: Source URL popup', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to fill in the gaps over image - dropdown question type');
+            fillInTheGapsOverImageDropdownPage.steps.navigateToCreateQuestion('fill in the gaps over image - dropdown');
+            cy.barsPreLoaderWait();
+        });
+
+        const supportedFormatFiles = {
+            jpg: constants.foxImageLink,
+            jpeg: constants.sampleJPEGLink,
+            png: constants.samplePNGLink,
+            gif: constants.sampleGIFLink,
+            svg: constants.sampleSVGLink
+        };
+
+        Object.keys(supportedFormatFiles).forEach((fileType) => {
+            it(`User should be able to upload ${fileType} file in the upload section using link text \'source URL\' and it should be displayed in the \'Image\' section and \'Preview tab\'`, () => {
+                uploadImageSectionComponent.steps.clickOnSourceURL();
+                uploadImageSectionComponent.steps.uploadImageUsingSourceURL(supportedFormatFiles[fileType]);
+                uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
+                uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
+                utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.imageSectionImage(), 'visible');
+                fillInTheGapsOverImageDropdownPage.steps.verifyUploadedImageFormatInImageSection(fileType);
+                cy.log('Checking in preview tab')
+                fillInTheGapsOverImageDropdownPage.steps.switchToPreviewTab();
+                utilities.verifyElementVisibilityState(fillInTheGapsOverImageDropdownPage.imagePreviewTab(), 'visible');
+                fillInTheGapsOverImageDropdownPage.steps.verifyUploadedImageFormatInPreviewTab(fileType);
+                fillInTheGapsOverImageDropdownPage.steps.switchToEditTab();
+                cy.log('Post step: Delete the image')
+                uploadImageSectionComponent.steps.clickOnDeleteImageButton();
+                dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
+            });
+        });
+    });
+});

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

@@ -0,0 +1,213 @@
+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 Alternate Answer points are more than Correct 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(25);
+            highlightPage.steps.expandAdditonalSettings();
+            highlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            highlightPage.steps.switchToPreviewTab();
+        });
+
+        it('The points displayed should be equal to alternate answer points', () => {
+            highlightPage.steps.verifyPreviewTabScoreText(0, 25);
+        });
+
+        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-marks should be displayed beside the correct answer options from the alternate tab', () => {
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[2]);
+            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 points of the correct 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 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, 25);
+            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 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(25, 25);
+            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 alternate tab and correctly answered 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[3]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 25);
+            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 alternate 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[2]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[3]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 25);
+            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 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.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 correct options order 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 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[0]);
+            highlightPage.steps.selectOptionInPreviewTab(paragraphTextArray[2]);
+            highlightPage.steps.verifyPreviewTabScoreText(0, 25);
+            highlightPage.steps.checkShowCorrectAnswerCheckbox();
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(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 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 correctly attempted 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.checkAnswer()
+            highlightPage.steps.verifyIncorrectAnswerCrossmarkIconForOption(paragraphTextArray[0]);
+            highlightPage.steps.verifyOptionIsNotSelectedInPreviewTab(paragraphTextArray[1]);
+            highlightPage.steps.verifyCorrectAnswerCheckmarkIconForOption(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 alternate 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, 25);
+            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.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 alternate 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, 25);
+            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 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/allOrNothingCorrectPointsEqualToAlternatePoints.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: Alternate answer case: When Correct Answer points are equal to the 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(20);
+            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, 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]);
+            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 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(20, 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 icon should be displayed beside the correct attempted option 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 alternate 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[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 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.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 correct options order 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 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 correctly attempted option 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 alternate tab 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.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');
+        });
+
+        highlightPage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(20);
+    });
+});