itemengine-cypress-automation 1.0.78 → 1.0.80

package/cypress/e2e/ILC/HighlightImage/highlightImageAllOrNothingWithAlternateAnswer.js

@@ -1,810 +0,0 @@
-import { highlightImagePage } from "../../../pages";
-import { uploadImageSectionComponent } from "../../../pages/components/uploadImageSectionComponent";
-import abortEarlySetup from "../../../support/helpers/abortEarly";
-import utilities from "../../../support/helpers/utilities";
-const css = Cypress.env('css');
-
-const flowerHighlightRegion = [[24, 6], [24, 24], [56, 24], [56, 6]];
-const branchesHighlightRegion = [[36, 36], [36, 46], [58, 46], [58, 36]];
-const leafHighlightRegion = [[54, 48], [54, 72], [82, 72], [82, 48]];
-const rootsHighlightRegion = [[28, 84], [28, 98], [74, 98], [74, 84]];
-
-describe('Create Item page - Highlight image: Preview tab Scoring Section', () => {
-    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 image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
-            highlightImagePage.steps.checkMultipleSelectionCheckbox();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
-            highlightImagePage.steps.allotPoints(20);
-            highlightImagePage.steps.clickOnAddAlternateAnswerButton();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(1);
-            highlightImagePage.steps.allotPoints(12);
-            highlightImagePage.steps.expandAdditonalSettings();
-            highlightImagePage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightImagePage.steps.switchToPreviewTab();
-        });
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question then the correct tab regions should be highlighted, correct/incorrect answer label and border should not be displayed and correct answer container should not be displayed', () => {
-            cy.log('Total points displayed besides Show correct answer checkbox should be of alternate answer points')
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectIncorrectBorderNotVisible();
-            highlightImagePage.steps.verifyCorrectIncorrectIconsDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            cy.log('Post step: Unchecking the show correct answer checkbox')
-            highlightImagePage.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 and green background should be displayed for all the correct tab highlight regions, \'Correct\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, the user should be awarded full points and green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        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 and green background should be displayed for all the alternate tab highlight regions, \'Correct\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(12, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, the user should be awarded full points and green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        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 and green background should be displayed for all the correct tab highlight regions, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct exclusively according to the correct tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.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 and green background should be displayed for all the correct tab highlight regions and alternate tab selected highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the alternate tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct exclusively according to the correct tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When the user attempts the question partially correct with equal number of highlight regions from the correct and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the correct tab highlight regions and red cross-mark icon with red background should be displayed for selected alternate tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('Race condition 1: When the user attempts the question with the common highlight region between correct tab and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the correct tab highlight regions, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 4'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('Race condition 2: When the user attempts the question with the all highlight regions of correct tab and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the correct tab highlight regions, and red cross-mark icon and red background should be displayed for the alternate tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question incorrectly then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for the correct tab highlight regions, and red cross-mark icon and red background should be displayed for the incorrect highlight region, \'Incorrect\' label and border should be displayed and the correct answer container should contain the correct answers of the options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(2);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-    });
-    
-    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 image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
-            highlightImagePage.steps.checkMultipleSelectionCheckbox();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
-            highlightImagePage.steps.allotPoints(12);
-            highlightImagePage.steps.clickOnAddAlternateAnswerButton();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(1);
-            highlightImagePage.steps.allotPoints(20);
-            highlightImagePage.steps.expandAdditonalSettings();
-            highlightImagePage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightImagePage.steps.switchToPreviewTab();
-        });
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question then the alternate tab regions should be highlighted, correct/incorrect answer label and border should not be displayed and correct answer container should not be displayed', () => {
-            cy.log('Total points displayed besides Show correct answer checkbox should be of alternate answer points')
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectIncorrectBorderNotVisible();
-            highlightImagePage.steps.verifyCorrectIncorrectIconsDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            cy.log('Post step: Unchecking the show correct answer checkbox')
-            highlightImagePage.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 and green background should be displayed for all the correct tab highlight regions, \'Correct\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(12, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        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 and green background should be displayed for all the alternate tab highlight regions, \'Correct\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        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 and green background should be displayed for all the alternate tab highlight regions and for the selected correct tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct exclusively according to the correct tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.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 and green background should be displayed for all the alternate tab highlight regions \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the alternate tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct exclusively according to the correct tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When the user attempts the question partially correct with equal number of highlight regions from the correct and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the alternate tab highlight regions and selected correct tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the alternate tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('Race condition 1: When the user attempts the question with the common highlight region between correct tab and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the alternate tab highlight regions, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the alternate tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 2'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(1, 2);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('Race condition 2: When the user attempts the question with the all highlight regions of correct tab and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the alternate tab highlight regions, and red cross-mark icon and red background should be displayed for the correct tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question incorrectly then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for the correct tab highlight regions, and red cross-mark icon and red background should be displayed for the incorrect highlight region, \'Incorrect\' label and border should be displayed and the correct answer container should contain the correct answers of the options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(2);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 2'], [1, 2]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(1, 2);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-    });
-
-    describe('Question Preview: AutoScored - All or Nothing with alternate answer: When correct answer points are equal to alternate answer points', () => {
-        abortEarlySetup();
-        before(() => {
-            cy.log('Navigating to highlight image question type');
-            highlightImagePage.steps.navigateToCreateQuestion('highlight image');
-            cy.barsPreLoaderWait();
-            highlightImagePage.steps.addQuestionInstructions();
-            uploadImageSectionComponent.steps.uploadFile('highlightImage.jpg');
-            uploadImageSectionComponent.steps.verifyUploadedImageInImagePopup();
-            uploadImageSectionComponent.steps.clickOnImagePopupOkButton();
-            utilities.verifyElementVisibilityState(uploadImageSectionComponent.uploadImagePopup(), 'notExist');
-            highlightImagePage.steps.verifyImageUploadedInHighlightRegion();
-            highlightImagePage.steps.verifyImageUploadedInSetCorrectAnswerSection();
-            highlightImagePage.steps.highlightRegionInImage(flowerHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(branchesHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(leafHighlightRegion);
-            highlightImagePage.steps.highlightRegionInImage(rootsHighlightRegion);
-            highlightImagePage.steps.checkMultipleSelectionCheckbox();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(3);
-            highlightImagePage.steps.allotPoints(20);
-            highlightImagePage.steps.clickOnAddAlternateAnswerButton();
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(0);
-            highlightImagePage.steps.highlightARegionInSetCorrectAnswerSection(1);
-            highlightImagePage.steps.allotPoints(20);
-            highlightImagePage.steps.expandAdditonalSettings();
-            highlightImagePage.steps.checkAllowStudentsToCheckAnswerCheckbox();
-            highlightImagePage.steps.switchToPreviewTab();
-        });
-
-        it('When the user selects \'Show correct answer\' checkbox without attempting the question then the correct tab regions should be highlighted, correct/incorrect answer label and border should not be displayed and correct answer container should not be displayed', () => {
-            cy.log('Total points displayed besides Show correct answer checkbox should be of alternate answer points')
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectIncorrectBorderNotVisible();
-            highlightImagePage.steps.verifyCorrectIncorrectIconsDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            cy.log('Post step: Unchecking the show correct answer checkbox')
-            highlightImagePage.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 and green background should be displayed for all the correct tab highlight regions, \'Correct\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for all correct tab highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        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 and green background should be displayed for all the alternate tab highlight regions, \'Correct\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(20, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When user attempts the question correctly and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed in all correct highlight regions, a label \'Correct answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Correct');
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-        });
-
-        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 and green background should be displayed for all the correct tab highlight regions, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct exclusively according to the correct tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.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 and green background should be displayed for all the alternate tab highlight regions, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the alternate tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct exclusively according to the correct tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When the user attempts the question partially correct with equal number of highlight regions from the correct and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the correct tab highlight regions and red cross-mark icon with red background should be displayed for selected alternate tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('Race condition 1: When the user attempts the question with the common highlight region between correct tab and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the correct tab highlight regions, \'Incorrect\' label and border should be displayed and the correct answers container should contain the correct answers of the unattempted options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 4'], [1]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('Race condition 2: When the user attempts the question with the all highlight regions of correct tab and alternate tab then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for all the correct tab highlight regions, and red cross-mark icon and red background should be displayed for the alternate tab highlight region, \'Incorrect\' label and border should be displayed and the correct answers container should not be displayed', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(0);
-            highlightImagePage.steps.highlightARegionInPreviewTab(1);
-            highlightImagePage.steps.highlightARegionInPreviewTab(3);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(1);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        it('When user attempts the question incorrectly then user should be awarded 0 points and on selecting \'Show correct answer\' checkbox green check-mark icons and green background should be displayed for the correct tab highlight regions, and red cross-mark icon and red background should be displayed for the incorrect highlight region, \'Incorrect\' label and border should be displayed and the correct answer container should contain the correct answers of the options from the correct tab with numeration', () => {
-            highlightImagePage.steps.resetQuestionPreview();
-            highlightImagePage.steps.highlightARegionInPreviewTab(2);
-            highlightImagePage.steps.verifyPreviewTabScoreText(0, 20);
-            highlightImagePage.steps.checkShowCorrectAnswerCheckbox();
-            highlightImagePage.steps.verifyCorrectHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(2);
-            highlightImagePage.steps.verifyCorrectHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(0, 1);
-            highlightImagePage.steps.verifyHighlightNumerationPreviewTab(3, 4);
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-
-            highlightImagePage.steps.verifyQuestionPreviewStateWhenShowCorrectAnswerIsUnchecked();
-
-            cy.log('When the user attempts the question partially correct with equal number highlight regions from the correct and alternate tab and clicks on the \'Check answer\' button, green check-mark icons and green background should be displayed for attempted correct tab highlight regions, a label \'Incorrect answer\' and border should be displayed below the question preview and the correct answer container should not be displayed')
-            highlightImagePage.steps.checkAnswer();
-            highlightImagePage.steps.verifyDefaultHighlightRegion(0);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(1);
-            highlightImagePage.steps.verifyIncorrectHighlightRegion(2);
-            highlightImagePage.steps.verifyDefaultHighlightRegion(3);
-            highlightImagePage.steps.verifyCorrectAnswerContainerDoesNotExist();
-            highlightImagePage.steps.verifyIncorrectAttemptBorder();
-            highlightImagePage.steps.verifyCorrectIncorrectAnswerLabel('Incorrect');
-        });
-
-        highlightImagePage.tests.verifyMinimumScoreAwardedIfAttemptedFunctionalityForIncorrectAnswer(20);
-    });
-});