itemengine-cypress-automation 1.0.193-packageUpdated-b3f3d0b.0 → 1.0.193-packageUpdated-0af2e49.0

package/cypress/e2e/ILC/ImageHighlight/Scoring/partialEqualWeightsWithCorrectPointsEqualToAlternativePoints.js

@@ -0,0 +1,229 @@
+import { imageHighlightPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const flowerHighlightRegion = [[40, 6], [40, 20], [55, 20], [55, 6]];
+const branchesHighlightRegion = [[50, 30], [50, 42], [65, 42], [65, 30]];
+const leafHighlightRegion = [[26, 26], [26, 36], [48, 36], [48, 26]];
+const rootsHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+
+describe('Create Item page - Image highlight: Partial equal weights with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights with alternate answer: When correct answer points are equal to alternate answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.addQuestionInstructions();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(rootsHighlightRegion);
+            imageHighlightPage.steps.selectMultipleSelectionToggle();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(3);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.clickOnAddAlternativeAnswerButton();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to \'Grading view\' without attempting the question then the no regions should be highlighted, \'Your answer is incorrect\' label should be displayed and the correct answer section with the answers of the correct accordion should be displayed', () => {
+            cy.log('Total points displayed besides Show correct answer checkbox should be of alternate answer points')
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyHighlightRegionNumerationPreviewTab()
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            utilities.verifyElementVisibilityState(imageHighlightPage.correctIncorrectAnswerTextWrapper(), 'notExist');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with points of the attempted response and on switching to \'Grading\' view, green check-mark icon should be displayed besides response field with correct answer responses, red cross-mark icon should be displayed beside responses from the alternative tab, correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed beside empty responses correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 1: When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with points of the attempted response and on switching to \'Grading\' view, green check-mark icon should be besides the common response, no icon should be displayed beside unattempted response, correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 2: When the user attempts the question partially correct with all the responses, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and  no icon should be displayed beside unattempted response, correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with partially correct with all the response and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and no icon should be displayed beside unattempted response, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses,  no icon should be displayed beside unattempted response correct answer section with all correct answers should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(2);
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses,  no icon should be displayed beside unattempted response correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+    });
+});

package/cypress/e2e/ILC/ImageHighlight/Scoring/partialEqualWeightsWithCorrectPointsGreaterThanAlternativePoints.js

@@ -0,0 +1,261 @@
+import { imageHighlightPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+import utilities from "../../../../support/helpers/utilities";
+const css = Cypress.env('css');
+
+const flowerHighlightRegion = [[40, 6], [40, 20], [55, 20], [55, 6]];
+const branchesHighlightRegion = [[50, 30], [50, 42], [65, 42], [65, 30]];
+const leafHighlightRegion = [[26, 26], [26, 36], [48, 36], [48, 26]];
+const rootsHighlightRegion = [[45, 45], [45, 55], [57, 55], [57, 45]];
+
+describe('Create Item page - Image highlight: Partial equal weights with alternative answers', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - Partial equal weights with alternate answer: When correct answer points are greater than alternate answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            cy.log('Navigating to highlight image question type');
+            imageHighlightPage.steps.navigateToCreateQuestion('image highlight');
+            cy.barsPreLoaderWait();
+            imageHighlightPage.steps.addQuestionInstructions();
+            imageHighlightPage.steps.uploadFile('highlightImage.jpg');
+            imageHighlightPage.steps.verifyImageUploadedInSpecifyPossibleOptionsSection();
+            imageHighlightPage.steps.verifyImageUploadedSpecifyCorrectAnswer();
+            imageHighlightPage.steps.highlightRegionInImage(flowerHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(branchesHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(leafHighlightRegion);
+            imageHighlightPage.steps.highlightRegionInImage(rootsHighlightRegion);
+            imageHighlightPage.steps.selectMultipleSelectionToggle();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(3);
+            imageHighlightPage.steps.selectAutoScoredScoringSubtype('Partial equal weights');
+            imageHighlightPage.steps.allotPoints(20);
+            imageHighlightPage.steps.clickOnAddAlternativeAnswerButton();
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(0);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.allotPoints(12);
+            imageHighlightPage.steps.checkAllowStudentsToCheckAnswerCheckbox();
+            imageHighlightPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user switches to \'Grading view\' without attempting the question then the no regions should be highlighted, \'Your answer is incorrect\' label should be displayed and the correct answer section with the answers of the correct accordion should be displayed', () => {
+            cy.log('Total points displayed besides Show correct answer checkbox should be of alternate answer points')
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyHighlightRegionNumerationPreviewTab()
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded full points and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            utilities.verifyElementVisibilityState(imageHighlightPage.correctIncorrectAnswerTextWrapper(), 'notExist');
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with responses from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with responses from the alternative accordion, then the user should be awarded with points specified for alternative accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, correct answer section should not be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.verifyPreviewScore(12, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with responses from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the correct accordion, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, no icon should be displayed beside unattempted response correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with partially correct options exclusively from the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question with partially correct options exclusively from the alternative accordion, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.verifyPreviewScore(6, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with partially correct options exclusively from the alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user has attempted the question with equal number of correct responses from correct and alternative accordion, then the user should be awarded with points of the attempted response and on switching to \'Grading\' view, green check-mark icon should be displayed besides response field with correct answer responses, red cross-mark icon should be displayed beside responses from the alternative tab, correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, incorrect icon should be displayed beside empty responses correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 1: When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with points of the attempted response and on switching to \'Grading\' view, green check-mark icon should be besides the common response, no icon should be displayed beside unattempted response, correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.verifyPreviewScore(10, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with equal number of correct responses from correct and alternative accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses,  no icon should be displayed beside unattempted response correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Race condition 2: When the user attempts the question partially correct with all the responses, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and  no icon should be displayed beside unattempted response, correct answer section with all correct answers from the correct accordion should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(3);
+            imageHighlightPage.steps.verifyPreviewScore(20, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question with partially correct with all the response and clicks on \'Check answer\' button, then correct icon should be displayed besides the response from the correct accordion, incorrect icon should be displayed besides the responses from the alternative accordion and no icon should be displayed beside unattempted response, correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(2);
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('When the user attempts the question incorrectly, then the user should be awarded points of the attempted response and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses,  no icon should be displayed beside unattempted response correct answer section with all correct answers should be displayed', () => {
+            imageHighlightPage.steps.resetQuestionPreview();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(2);
+            imageHighlightPage.steps.verifyPreviewScore(0, 20);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(0);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(1);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('When the user has attempted the question incorrectly and clicks on \'Check answer\' button, then incorrect icons should be displayed besides all incorrect responses,  no icon should be displayed beside unattempted response correct answer section should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(0);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(1);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerSectionNotExists();
+        });
+
+        it('Overachiever case: When the user attempts the question with more number of correct options from the alternate tab than the correct tab but the score of the individual response selected from the correct tab overpowers the combined score of the alternate tab answers then green check-mark icons amd green background should be displayed should be displayed for the correct tab highlight regions, red cross-mark icon and red background should be displayed for the selected alternate tab highlight regions and points awarded should be of the correct tab, the correct answers container should have answers of the correct tab for the incorrectly selected highlight regions and correct/incorrect answer label and its border should not be displayed', () => {
+            cy.log('(Overachiever case) Pre-step: Switching to Edit tab and allotting points to correct and alternate tab such that the difference between the points is substantial and the points per response are in decimal')
+            imageHighlightPage.steps.switchToEditTab();
+            imageHighlightPage.steps.deleteAlternativeAnswerAccordion(0);
+            imageHighlightPage.steps.addAlternativeAnswerAccordion(1);
+            imageHighlightPage.steps.allotPoints(10);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(1);
+            imageHighlightPage.steps.highlightARegionInSpecifyCorrectAnswerSection(2);
+            imageHighlightPage.steps.expandCorrectAnswerAccordion();
+            imageHighlightPage.steps.allotPoints(50);
+            imageHighlightPage.steps.switchToPreviewTab();
+            imageHighlightPage.steps.highlightARegionInPreviewTab(0);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(1);
+            imageHighlightPage.steps.highlightARegionInPreviewTab(2);
+            imageHighlightPage.steps.verifyPreviewScore(25, 50);
+            imageHighlightPage.steps.switchToGradingView();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
+            imageHighlightPage.steps.verifyDefaultHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectAnswerContainerContents(['Option 1', 'Option 4'], [1, 2]);
+            imageHighlightPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+
+            cy.log('Overachiever case: When the user clicks on \'Check answer\' button, green check-mark icons should be displayed for the correct tab option, red crossmark icon should be displayed for the alternate tab options, correct answers container should not be displayed and correct/incorrect answer label and its border should not be displayed')
+            imageHighlightPage.steps.checkAnswer();
+            imageHighlightPage.steps.verifyCorrectHighlightRegion(0);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(1);
+            imageHighlightPage.steps.verifyIncorrectHighlightRegion(2);
+            imageHighlightPage.steps.verifyHiddenHighlightRegion(3);
+            imageHighlightPage.steps.verifyCorrectIncorrectBorderNotExists();
+        });
+    });
+});