itemengine-cypress-automation 1.0.384-constructed-response-r2-8ff5be4.0 → 1.0.385-IEI-6161-IEI-6162-manualAndNonScoredScript-72a6ac7.0

package/Dockerfile

@@ -27,6 +27,7 @@ RUN chmod +x ./deploy/fillInTheGapsQuestion/run.sh
 RUN chmod +x ./deploy/resourcesAndToolsQuestion/run.sh
 RUN chmod +x ./deploy/audioResponseQuestion/run.sh
 RUN chmod +x ./deploy/dataApi/run.sh
+RUN chmod +x ./deploy/feedbackScaleQuestion/run.sh
 
 RUN npm ci
 

package/cypress/e2e/GradingGridView/gradingGridView.js

@@ -0,0 +1,156 @@
+
+import { singleSelectionPage, createItemPage, studentViewPage, gradingGridViewPage } from "../../pages";
+import utilities from '../../support/helpers/utilities';
+import { browseItemsPage } from "../../pages/components";
+
+describe('Test grading view with multiple session and student Ids', { tags: 'smoke' }, () => {
+    const studentIds = [];
+    const sessionIds = [];
+    let itemId = '';
+    const responseIds = [];
+    const updateStudentsAndItemData = () => {
+        const interval = setInterval(() => {
+            const itemActivityMap = JSON.parse(window.localStorage.getItem(`ngie_itemActivityMap`) || '[]');
+            if (itemActivityMap.length > 0) {
+                itemActivityMap.forEach(({
+                    sessionId, userId
+                }) => {
+                    studentIds.push(userId);
+                    sessionIds.push(sessionId);
+                });
+                clearInterval(interval);
+            }
+        }, 100);
+    }
+    const updateResponseIds = (response) => {
+        const {
+            body: {
+                data: {
+                    gradingMultipleSession: {
+                        sessionData = [],
+                    } = {},
+                } = {},
+            } = {},
+        } = response;
+        sessionData.forEach(({items}) => {
+            items.forEach(({questions}) => {
+                questions.forEach((question) => {
+                    responseIds.push(question.responseId);
+                });
+            });
+        })
+    }
+    before(() => {
+        cy.loginAs('admin');
+        cy.setGraphqlWait();
+        singleSelectionPage.steps.navigateToCreateQuestion('single selection');
+        singleSelectionPage.steps.createBasicSingleSelectionQuestion({
+            questionInstruction: "Question 1",
+            options: ["Option 1", "Option 2", "Option 3", "Option 4"],
+            correctAnswer: 2,
+            points: 10,
+        });
+        singleSelectionPage.steps.clickOnAddQuestion();
+        singleSelectionPage.steps.selectQuestionType('single selection');
+        singleSelectionPage.steps.createBasicSingleSelectionQuestion({
+            questionInstruction: "Question 2",
+            options: ["Option 5", "Option 6", "Option 7", "Option 8"],
+            correctAnswer: 3,
+            points: 10,
+        });
+        createItemPage.referenceId()
+            .invoke('text')
+            .then(text => {
+                itemId = text;
+                cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemId)}`);
+            });
+        cy.then(() => {
+            updateStudentsAndItemData();
+        });
+        cy.pageLoadWait();
+
+        cy.then(() => {
+            singleSelectionPage.optionsWrapperStudentView()
+                .eq(2)
+                .click();
+            singleSelectionPage.optionsWrapperStudentView()
+                .eq(4)
+                .click();
+            studentViewPage.steps.submitResponse();
+        })
+        
+        cy.logout();
+        cy.loginAs('admin').then(() => {
+            cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemId)}`)
+            cy.then(() => {
+                updateStudentsAndItemData();
+            });
+            cy.pageLoadWait();
+            cy.then(() => {
+                singleSelectionPage.optionsWrapperStudentView()
+                    .eq(3)
+                    .click();
+                singleSelectionPage.optionsWrapperStudentView()
+                    .eq(7)
+                    .click();
+                studentViewPage.steps.submitResponse();
+            })
+        });
+                
+        cy.visit('/item-engine/multiple-session/grading-view');
+
+    });
+    describe('Launch grading grid view for each session', { tags: 'smoke' }, () => {
+        it('Should launch with correct Item and responses', () => {
+            gradingGridViewPage.steps.addSessionDataAndLaunchGrading({studentIds, sessionIds});
+
+            cy.interceptGraphql("gradingMultipleSession");
+
+            // waiting for signed request to be completed
+            cy.pageLoadWait()
+            // waiting for grading multiple session data to be loaded
+            cy.wait('@gradingMultipleSession').then(({response}) => {
+                updateResponseIds(response);
+            });
+
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[0],
+                itemId,
+                0,
+                'Question 1',
+                'Your answer iscorrect'
+            );
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[0],
+                itemId,
+                1,
+                'Question 2',
+                'Your answer isincorrect'
+            );
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[1],
+                itemId,
+                0,
+                'Question 1',
+                'Your answer isincorrect'
+            )
+            gradingGridViewPage.steps.verifySessionData(
+                sessionIds[1],
+                itemId,
+                1,
+                'Question 2',
+                'Your answer iscorrect'
+            );
+        });
+        it('Should launch single question for the responseId', () => {
+            gradingGridViewPage.steps.addSessionDataAndLaunchGrading({
+                studentIds: [studentIds[0]],
+                sessionIds: [sessionIds[0]],
+                responseIds: [responseIds[0]],
+            });
+
+            gradingGridViewPage.getGradingViewforResponseId(responseIds[0])
+                .should('be.visible');
+        })
+    })
+})

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

@@ -416,7 +416,9 @@ describe('Preview of Audio response for bar audio recorder style', () => {
                 audioResponsePage.steps.navigateToCreateQuestion('audio response');
                 cy.barsPreLoaderWait();
                 audioResponsePage.steps.selectAudioRecorderStyle('Bar');
+                audioResponsePage.steps.addTextInQuestionInstructionsInputField('Verify volume control functionality');
                 audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.verifyQuestionInstructionsTextPreviewTab('Verify volume control functionality');
                 audioResponsePage.steps.recordAndSaveAudioBarPreview(10000);
             });
 

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

@@ -409,7 +409,9 @@ describe('Preview of Audio response for compact audio recorder style', () => {
                 audioResponsePage.steps.navigateToCreateQuestion('audio response');
                 cy.barsPreLoaderWait();
                 audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+                audioResponsePage.steps.addTextInQuestionInstructionsInputField('This is a test question for verifying volume control functionality');
                 audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.verifyQuestionInstructionsTextPreviewTab('This is a test question for verifying volume control functionality');
                 audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
             });
 
@@ -423,7 +425,9 @@ describe('Preview of Audio response for compact audio recorder style', () => {
                 audioResponsePage.steps.navigateToCreateQuestion('audio response');
                 cy.barsPreLoaderWait();
                 audioResponsePage.steps.selectAudioRecorderStyle('Compact');
+                audioResponsePage.steps.addTextInQuestionInstructionsInputField('This is a test question for verifying volume control functionality');
                 audioResponsePage.steps.switchToPreviewTab();
+                audioResponsePage.steps.verifyQuestionInstructionsTextPreviewTab('This is a test question for verifying volume control functionality');
                 audioResponsePage.steps.recordAndSaveAudioCompactPreview(10000);
             });
 

package/cypress/e2e/ILC/AudioResponseNew/editTabBasicSection.js

@@ -183,26 +183,14 @@ describe('Create Item page - Audio response: Question instructions, Audio record
 
         //Note: a11y is covered for Stop recording if silence is detected after section in HeaderSection file using verifyCreateItemWrapperContentsA11y
 
-        it('When the user has set \'Stop recording if silence is detected after\' value to \'0\' (zero) then a validation text \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+        it('When the user has set \'Stop recording if silence is detected after\' value to \'0\' (zero) then a validation text \'Error: Value must be greater than 0 secs.\' should not be displayed', () => {
             audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('0');
-            utilities.verifyInnerText(audioResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
+            utilities.verifyElementVisibilityState(audioResponsePage.errorMessage(), 'notExist');
         });
 
-        it('When the user has set \'Stop recording if silence is detected after\' value to \'0\' (zero) then a validation text \'Error: Value must be greater than 0 secs.\' should be displayed', () => {
+        it('When the user has set \'Stop recording if silence is detected after\' value to \'0\' (zero) then a validation text \'Error: Value must be greater than 0 secs.\' should not be displayed', () => {
             audioResponsePage.steps.setStopRecordingIfSilenceIsDetectedAfter('0');
-            utilities.verifyInnerText(audioResponsePage.errorMessage(), 'Error: Value must be greater than 0 secs.');
-        });
-
-        it('CSS of error message \'Error: Value must be greater than 0 secs.\'', { tags: 'css' }, () => {
-            utilities.verifyCSS(audioResponsePage.errorMessage(), {
-                'color': css.color.errorText,
-                'font-size': css.fontSize.small,
-                'font-weight': css.fontWeight.regular
-            });
-        });
-
-        it('Accessibility of \'Error: Value must be greater than 0 secs.\' is displayed', { tags: 'a11y' }, () => {
-            cy.checkAccessibility(audioResponsePage.errorMessage());
+            utilities.verifyElementVisibilityState(audioResponsePage.errorMessage(), 'notExist');
         });
 
         it('When the user updates the \'Stop recording if silence is detected after\' value the validation text should disappear. User should be able to add only numeric values and should not able to add decimal points', () => {

package/cypress/e2e/ILC/BrainingCampManipulative/editTabBasicSection.js

@@ -91,7 +91,7 @@ describe('Create item : Brainingcamp manipulative - Edit tab basics', () => {
 
         it('When user focuses in and out of \'Enter a share code\' input field, then error message \'Error: Please enter share code.\' should not be displayed', () => {
             brainingCampManipulativePage.steps.focusInAndFocusOutOfEnterAShareCodeInputField();
-            utilities.verifyInnerText(brainingCampManipulativePage.errorMessage(), 'Error: Please enter share code.');
+            utilities.verifyElementVisibilityState(brainingCampManipulativePage.errorMessage(), 'notExist')
         });
 
         brainingCampManipulativePage.tests.verifyErrorMessageCSSAndA11y();

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/allOrNothingScoringForAllViews.smoke.js

@@ -318,6 +318,362 @@ describe('Create item page - Charts - Bar horizontal orientation: All or nothing
         });
     });
 
+    views.forEach((view) => {
+        describe(`${view}: Charts - Bar Horizontal: Manually scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsBarPage.steps.selectHorizontalDirectionRadioButton();
+                        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 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.lockBar(1);
+                        chartsBarPage.steps.expandScoringTypeDropdown();
+                        chartsBarPage.steps.selectOptionFromScoringTypeDropdown('Manually scored');
+                        chartsBarPage.steps.allotPointsForManualScoring(20);
+                        chartsBarPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsBarPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    chartsBarPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            }
+
+            it('Question instructions should be visible', () => {
+                chartsBarPage.steps.verifyQuestionInstructionsTextPreviewTab('Set the bar on the chart for the profits of the years');
+                chartsBarPage.steps.verifyVisibityOfQuestionInstructionsText();
+            });
+
+            it('User should be able to attempt the question in student view, and correct/incorrect icons, "Your answer is correct/incorrect" label, and correct answer section should not be displayed in grading view', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 3, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 6, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore('', 20);
+                }
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkManuallyScoredScoringLabel();
+                }
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(0);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(2);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(3);
+                chartsBarPage.steps.verifyCorrectAnswerSectionNotExist();
+            });
+        });
+    });
+
+    views.forEach((view) => {
+        describe(`${view}: Charts - Bar Horizontal: Non scored`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.navigateToCreateQuestion('charts');
+                        cy.barsPreLoaderWait();
+                        chartsBarPage.steps.selectHorizontalDirectionRadioButton();
+                        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 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 1, value: 2, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSelectChartTypeSection({ barIndex: 3, value: 3, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.lockBar(1);
+                        chartsBarPage.steps.expandScoringTypeDropdown();
+                        chartsBarPage.steps.selectOptionFromScoringTypeDropdown('Non scored');
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 0, value: 3, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 2, value: 6, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.setBarValueInSpecifyCorrectAnswerSection({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                        chartsBarPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        itemPreviewPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            beforeEach(() => {
+                switch (view) {
+                    case 'Question preview':
+                        chartsBarPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        chartsBarPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        itemPreviewPage.steps.switchToStudentView();
+                        itemPreviewPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                }
+            });
+
+            if (view === 'Question preview') {
+                after(() => {
+                    chartsBarPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            }
+
+            //Need to remove skip once  https://redmine.zeuslearning.com/issues/577716 is resolved
+            it.skip('When the user selects "Grading" view without attempting the question, non-scoring label should be displayed, correct/incorrect status message should not be displayed, correct answers section with a label "Correct answers" should be displayed with correct answers and correct/incorrect icons should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.checkNonScoredScoringLabel();
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(0);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(2);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(3);
+                chartsBarPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user incorrectly sets a bar which was correct by default, then non-scoring label should be displayed and on switching to grading view, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 0, value: 5, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 2, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user incorrectly sets a bar which was set to 0 and correct by default, then non-scoring label should be displayed and on switching to grading view, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 4, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+                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: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar which was incorrect by default, then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 2, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+                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: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar to zero which was incorrect by default, then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 0, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+                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: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by incorrectly setting a bar which was set to zero by default, then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars, incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 9, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+                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: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user attempts the question partially correct by setting all bars correctly except 1 then non-scoring label should be displayed and on switching to grading view, correct icons should be displayed on the correctly attempted bars and incorrect icons should be displayed on the incorrectly attempted bars and correct answer section should be displayed with the correct answers', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    chartsBarPage.steps.switchToGradingView();
+                };
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(0, 'correct');
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconNotExistsInPreviewTab(1);
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(2, 'incorrect');
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(3, 'correct');
+                chartsBarPage.steps.verifyBarCorrectIncorrectIconInPreviewTab(4, 'correct');
+                chartsBarPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 0, barValue: 3, range: 10 });
+                chartsBarPage.steps.verifyLockedBarInCorrectAnswerSection({ barIndex: 1, barValue: 2, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 2, barValue: 6, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 3, barValue: 5, range: 10 });
+                chartsBarPage.steps.verifyBarInCorrectAnswerSection({ barIndex: 4, barValue: 0, range: 10 });
+            });
+
+            it('When the user attempts the question correctly then non-scoring label should be displayed, correct icons should be displayed on the correctly attempted bars, a status message with text "Your answer is correct" should be displayed and the correct answer section graph should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                }
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 2, value: 6, range: 10 }, 'horizontal');
+                chartsBarPage.steps.setBarValueInPreviewTab({ barIndex: 3, value: 5, range: 10 }, 'horizontal');
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyScoresNotVisibleForNonScoredQuestions();
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    chartsBarPage.steps.checkNonScoredScoringLabel();
+                    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();
+            });
+        });
+    });
+
     if (!grepTags || !grepTags.includes('smoke')) {
         describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
             abortEarlySetup();

package/cypress/e2e/ILC/ChartsBar/HorizontalOrientationBarChart/gradingViewAndCorrectAnswerView.smoke.js

@@ -20,8 +20,8 @@ describe('Create item page - Charts - Bar horizontal orientation: Grading view,
             before(() => {
                 chartsBarPage.steps.navigateToCreateQuestion('charts');
                 cy.barsPreLoaderWait();
-                chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
                 chartsBarPage.steps.selectHorizontalDirectionRadioButton();
+                chartsBarPage.steps.addTextInQuestionInstructionsInputField('Set the bar on the chart for the profits of the years');
                 chartsBarPage.steps.selectAddBarOrPointToolbarOption();
                 chartsBarPage.steps.addBarOrPointInChartInSelectChartTypeSection();
                 chartsBarPage.steps.setGraphTitle('Graph of profits');