itemengine-cypress-automation 1.0.198 → 1.0.199

package/cypress/e2e/ILC/AudioPlayerNew/allSupportedFileTypes.js

@@ -1,4 +1,4 @@
-import { audioPlayerPage } from "../../../pages";
+import { audioPlayerPage, dialogBoxBase } from "../../../pages";
 import abortEarlySetup from "../../../support/helpers/abortEarly";
 import constants from "../../../fixtures/constants";
 import utilities from "../../../support/helpers/utilities";
@@ -61,6 +61,7 @@ describe('Audio player: Preview tab', () => {
         it('When user uploads WAV audio file, audio player should be displayed in preview tab and user should be able to play WAV audio file.', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.deleteAudioFile();
+            dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
             audioPlayerPage.steps.uploadAudioFile(WAVFile);
             audioPlayerPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');
@@ -71,6 +72,7 @@ describe('Audio player: Preview tab', () => {
         it('When user uploads AAC audio file, audio player should be displayed in preview tab and user should be able to play AAC audio file.', () => {
             audioPlayerPage.steps.switchToEditTab();
             audioPlayerPage.steps.deleteAudioFile();
+            dialogBoxBase.steps.clickOnAcceptButtonInDialogBox();
             audioPlayerPage.steps.uploadAudioFile(AACFile);
             audioPlayerPage.steps.switchToPreviewTab();
             utilities.verifyElementVisibilityState(audioPlayerPage.playbackPlayButton(), 'visible');

package/cypress/e2e/ILC/AudioResponseNew/gradingViewAndCorrectAnswerViewContents.smoke.js

@@ -30,6 +30,7 @@ describe('Create item page - audio response: Grading view, Correct answer view c
                         itemReferenceID = $refID;
                         cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
                         audioResponsePage.steps.recordAndSaveAudioStandardPreview(10000);
+                        cy.wait(1000); //Added wait else response does not reflect in grading view
                         studentViewPage.steps.submitResponse();
                         studentViewPage.steps.clickOnGoToGradingViewButton();
                     });

package/cypress/e2e/ILC/ChartsBar/Scoring/allOrNothingAlternatePointsGreaterThanCorrectPoints.js

@@ -0,0 +1,348 @@
+import { chartsBarPage } from "../../../../pages";
+import abortEarlySetup from "../../../../support/helpers/abortEarly";
+
+describe('Create item page - Charts - Bar: All or nothing scoring with alternative answer - When Alternate answer points are more than correct answer points', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    describe('Question Preview: AutoScored - All or nothing with alternative answer: When Alternate answer points are more than correct answer points', () => {
+        abortEarlySetup();
+        before(() => {
+            chartsBarPage.steps.navigateToCreateQuestion('charts');
+            cy.barsPreLoaderWait();
+            chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 });
+            chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 });
+            chartsBarPage.steps.lockBar(1);
+            chartsBarPage.steps.allotPoints(10);
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.addAlternativeAnswerAccordion(1);
+            chartsBarPage.steps.allotPoints(20);
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.checkAllowStudentToCheckAnswerCheckbox();
+            chartsBarPage.steps.switchToPreviewTab();
+        });
+
+        it('When the user selects \'Grading\' view without attempting the question, then user should be provided with 0 points, correct icon should be displayed for bar set to correct by default, incorrect icon should be displayed for incorrect graph, the correct accordion answer should be displayed in the correct answer section graph and incorrect status message should be displayed', () => {
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user selects check answer without attempting the question, then correct/incorrect status message should not be displayed, incorrect icons should be displayed on the unattempted bars and correct icons should be displayed on the bar which is correct by default')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user incorrectly attempts the answer, then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrect bars and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 1, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user selects check answer after incorrectly attempting the question, then \'Your answer is incorrect\' should be displayed, incorrect icons should be displayed on the incorrectly attempted bars')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with responses from the correct accordion, then the user should be awarded with points specified for correct accordion (less than full points) and on switching to \'Grading\' view, correct icons should be displayed beside all the correct responses, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(10, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.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, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        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, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(20, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            chartsBarPage.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, a status message with text \'Your answer is correct\' should be displayed and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+
+        it('When the user attempts the question with partially correct exclusively from the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.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, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with partially correct exclusively from the alternative accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.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, incorrect icons should be displayed on the incorrect bars a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with all answers from the alternate accordion except one, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the correct answer responses, incorrect icons should be displayed on the incorrect bars a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 0, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 1, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with all answers from the correct accordion except one and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with more answers from the correct accordion than the alternate accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the alternate accordion responses, incorrect icons should be displayed on the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with more answers from the correct accordion than the alternate accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the alternate accordion responses, incorrect icons should be displayed on the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('When the user attempts the question with more answers from the alternate accordion than the correct accordion, then the user should be awarded 0 points and on switching to \'Grading\' view, correct icon should be displayed besides the alternate accordion responses, incorrect icons should be displayed on the correct accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 4, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            cy.log('When the user attempts the question with more answers from the alternate accordion than the correct accordion and clicks on \'Check answer\' button, then correct icon should be displayed besides the correct accordion responses, incorrect icons should be displayed on the alternate accordion responses, a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        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 0 points 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, a status message with text \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 5, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 6, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.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 a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+
+        it('Race condition : When the user attempts the question with the common response between correct and alternative accordion, then the user should be awarded with 0 points and on switching to \'Grading\' view, green check-mark icon should be besides the common response, incorrect icons should be displayed on the incorrect bars, \'Your answer is incorrect\' and correct answer section should be displayed with the correct answers from the alternative accordion', () => {
+            chartsBarPage.steps.resetQuestionPreview();
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 1, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 4, range: 10 });
+            chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 1, range: 10 });
+            chartsBarPage.steps.verifyPreviewScore(0, 20);
+            chartsBarPage.steps.switchToGradingView();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 0, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 4, range: 10 });
+            chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 6, range: 10 });
+            chartsBarPage.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 icons should be displayed on the incorrect bars a status message with text \'Your answer is incorrect\' and correct answer section should not be displayed')
+            chartsBarPage.steps.checkAnswer();
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+            chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'incorrect');
+            chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+            chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+        });
+    });
+});