itemengine-cypress-automation 1.0.212-3JulyUpdates-c1934bd.0 → 1.0.212

package/cypress/e2e/ILC/MatchingDropdown/allOrNothingScoringForAllViews.smoke.js

@@ -0,0 +1,261 @@
+import { dialogBoxBase, matchingPage, gradingViewPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const css = Cypress.env('css');
+const grepTags = Cypress.env('grepTags');
+let correctAnswerViews = ['Question preview', 'Item preview', 'Grading view'];
+const views = utilities.getViews(correctAnswerViews);
+var itemReferenceID = "";
+const promptTextArray = ['Wild', 'Aquatic', 'Pet'];
+const optionsArray = ['Cat', 'Elephant', 'Fish', 'Bear', 'Eagle'];
+
+describe('Create item page - Matching: All or nothing ', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview modes: Student view and Grading view', () => {
+            abortEarlySetup();
+            before(() => {
+                matchingPage.steps.navigateToCreateQuestion('matching');
+                cy.barsPreLoaderWait();
+                matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
+                matchingPage.steps.addMultipleOptionFields(2);
+                matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+                matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                matchingPage.steps.switchToPreviewTab();
+            });
+
+            matchingPage.tests.verifyPreviewModesAndScoreWhenPointsAndCorrectAnswersIsNotSet();
+
+            it('When the user sets correct answer responses and allots points, then the alloted points should be displayed in the preview tab', () => {
+                matchingPage.steps.switchToEditTab();
+                matchingPage.steps.allotPoints(20);
+                matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                matchingPage.steps.switchToPreviewTab();
+                matchingPage.steps.verifyPreviewScore(0, 20);
+            });
+
+            it('When the user attempts question in preview tab and switches to edit tab, then on re-switching to the preview tab, users response should not persist', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                matchingPage.steps.resetQuestionPreview();
+                matchingPage.steps.verifyDropdownIsEmptyPreviewTab(0);
+                matchingPage.steps.verifyDropdownIsEmptyPreviewTab(1);
+                matchingPage.steps.verifyDropdownIsEmptyPreviewTab(2);
+            });
+        });
+    };
+
+    views.forEach((view) => {
+        describe(`${view}: Auto scored - All or nothing scoring`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.navigateToCreateQuestion('matching');
+                        cy.barsPreLoaderWait();
+                        matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
+                        matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+                        matchingPage.steps.allotPoints(20);
+                        matchingPage.steps.addMultipleOptionFields(2);
+                        matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+                        matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                        matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                        matchingPage.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':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        matchingPage.steps.resetQuestionPreview();
+                        break;
+                    case 'Item preview':
+                        matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+                        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(() => {
+                    matchingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                });
+            };
+
+            it('When the user selects \'Grading\' view without attempting the question, dropdown numeration 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 respective option numeration', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                    matchingPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
+                };
+                matchingPage.steps.verifyDropdownNumeration(0);
+                matchingPage.steps.verifyDropdownNumeration(1);
+                matchingPage.steps.verifyDropdownNumeration(2);
+                matchingPage.steps.verifyCorrectIncorrectIconsNotExist();
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
+                utilities.verifyInnerText(matchingPage.correctAnswersLabel(), 'Correct answers');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+
+            it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+
+            it('When the user attempts the question partially correct with some correct, some incomplete, some incorrect options, 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 icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[3] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyCorrectIncorrectIconNotExistDropdown(1);
+                matchingPage.steps.verifyIncorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+
+            it('When the user attempts the question partially correct with all the dropdowns correctly attempted but one dropdown incomplete, 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 icon should be displayed besides incorrect answer response, a status message with text \'Your answer is incorrect\' and correct answer section with all correct answers along with numeration should be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(0, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(0, 20);
+                    matchingPage.steps.switchToGradingView();
+                };
+                matchingPage.steps.verifyCorrectIncorrectIconNotExistDropdown(0);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                matchingPage.steps.verifyCorrectAnswerResponsesInCorrectAnswerSectionAndCount([['Elephant'], ['Fish'], ['Cat']]);
+            });
+
+            it('When user attempts the question correctly, the user should be awarded full points and on switching to \'Grading\' view, then correct icons should be displayed beside all the correct responses, correct icon should be displayed besides the correct answer responses, a status message with text \'Your answer is correct\' and correct answer section should not be displayed', () => {
+                if (view === 'Grading view') {
+                    studentViewPage.steps.clearResponses();
+                };
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                if (view === 'Grading view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
+                    studentViewPage.steps.clickOnGoToGradingViewButton();
+                    gradingViewPage.steps.verifyGradingViewScore(20, 20);
+                };
+                if (view === 'Question preview' || view === 'Item preview') {
+                    matchingPage.steps.verifyPreviewScore(20, 20);
+                    matchingPage.steps.switchToGradingView();
+                    matchingPage.steps.verifyPreviewTabPointsBackgroundForCorrectAnswer();
+                };
+                matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                matchingPage.steps.verifyCorrectAnswerSectionNotExists();
+            });
+        });
+    });
+
+    if (!grepTags || !grepTags.includes('smoke')) {
+        describe('Question preview: Auto scored - All or nothing: Minimum scoring', () => {
+            abortEarlySetup();
+            before(() => {
+                matchingPage.steps.navigateToCreateQuestion('matching');
+                cy.barsPreLoaderWait();
+                matchingPage.steps.selectOptionLayoutToggleButton('Dropdown menu');
+                matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+                matchingPage.steps.allotPoints(20);
+                matchingPage.steps.addMultipleOptionFields(2);
+                matchingPage.steps.enterTextInPromptInputField(promptTextArray);
+                matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[1] }, { dropdownIndex: 1, dropdownOption: optionsArray[2] }, { dropdownIndex: 2, dropdownOption: optionsArray[0] }]);
+                matchingPage.steps.allotPoints(20);
+            });
+
+            it('When the user selects \'Award minimum score\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with minimum points', () => {
+                matchingPage.steps.expandMinimumScoringDropdown();
+                matchingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score');
+                matchingPage.steps.allotMinimumPoints(2);
+                matchingPage.steps.switchToPreviewTab();
+                matchingPage.steps.switchToGradingView();
+                matchingPage.steps.verifyPreviewScore(2, 20);
+                matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                matchingPage.steps.resetQuestionPreview();
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[3] }, { dropdownIndex: 1, dropdownOption: optionsArray[0] }, { dropdownIndex: 2, dropdownOption: optionsArray[1] }]);
+                matchingPage.steps.verifyPreviewScore(2, 20);
+                matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user selects \'Award minimum score only if attempted\' from the minimum scoring dropdown, does not attempt the question and switches to grading view, then the user should be awarded with 0 points', () => {
+                matchingPage.steps.switchToEditTab();
+                matchingPage.steps.expandMinimumScoringDropdown();
+                matchingPage.steps.selectOptionFromMinimumScoringDropdown('Award minimum score only if attempted');
+                matchingPage.steps.allotMinimumPoints(2);
+                matchingPage.steps.switchToPreviewTab();
+                matchingPage.steps.switchToGradingView();
+                matchingPage.steps.verifyPreviewScore(0, 20);
+                matchingPage.steps.verifyQuestionPreviewStateWhenSwitchingBackToStudentView();
+            });
+
+            it('When the user has selected \'Award minimum score\' from the minimum scoring dropdown, attempts the question incorrectly and switches to grading view, the user should be awarded with minimum points', () => {
+                matchingPage.steps.resetQuestionPreview();
+                matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[3] }, { dropdownIndex: 1, dropdownOption: optionsArray[0] }, { dropdownIndex: 2, dropdownOption: optionsArray[1] }]);
+                matchingPage.steps.verifyPreviewScore(2, 20);
+            });
+        });
+    };
+});

package/cypress/e2e/ILC/MatchingDropdown/previewContentsForAllViews.smoke.js

@@ -0,0 +1,124 @@
+import { matchingPage, itemPreviewPage, studentViewPage } from "../../../pages";
+import abortEarlySetup from "../../../support/helpers/abortEarly";
+import utilities from "../../../support/helpers/utilities";
+const previewContentViews = ['Question preview', 'Item view', 'Item preview', 'Student view', 'Grading view', 'Correct answer view'];
+const views = utilities.getViews(previewContentViews);
+var itemReferenceID = "";
+const optionsArray = ['Fox', 'This is a bold option', 'This is equation', 'Elephant'];
+
+describe('Create item page - Matching - Preview contents in all views', () => {
+    before(() => {
+        cy.loginAs('admin');
+    });
+
+    views.forEach((view) => {
+        describe(`Preview tab contents - ${view}`, { tags: 'smoke' }, () => {
+            abortEarlySetup();
+            before(() => {
+                switch (view) {
+                    case 'Question preview':
+                        matchingPage.steps.navigateToCreateQuestion('matching');
+                        cy.barsPreLoaderWait();
+                        matchingPage.steps.selectOptionLayoutToggleButton('Options layout Dropdown menu');
+                        matchingPage.steps.addTextInQuestionInstructionsInputField('Fill the categories with the right answer.');
+                        matchingPage.steps.allotPoints(10);
+                        cy.log('Add image to prompt input field')
+                        matchingPage.steps.focusInPromptInputField(0);
+                        matchingPage.steps.selectImageOptionFromCKEditorToolbar();
+                        matchingPage.steps.addImageToInputField();
+                        matchingPage.steps.enterTextInOnePromptInputField(0, 'Fox');
+                        cy.log('Add bold text to prompt input field')
+                        matchingPage.steps.focusInPromptInputField(1);
+                        matchingPage.steps.selectBoldOptionFromCKEditorToolbar();
+                        matchingPage.steps.enterTextInOnePromptInputField(1, 'This is a bold option');
+                        cy.log('Add equation to prompt input field')
+                        matchingPage.steps.enterTextInOnePromptInputField(2, 'Solve the following');
+                        matchingPage.steps.focusInPromptInputField(2);
+                        matchingPage.steps.selectEquationEditorOptionFromCKEditorToolbar();
+                        matchingPage.steps.addGenericEquationUsingEquationEditorToCKEditorInputField();
+                        cy.log('Add responses to option input field')
+                        matchingPage.steps.addMultipleOptionFields(1);
+                        matchingPage.steps.enterTextInOptionInputFieldDropdown(optionsArray);
+                        matchingPage.steps.selectResponseFromDropdownInSpecifyCorrectAnswerSection([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                        matchingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Item view':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Item preview':
+                        cy.visit(`/item-engine/demo/edit-item/${utilities.base64Encoding(itemReferenceID)}`);
+                        matchingPage.steps.switchToPreviewTab();
+                        break;
+                    case 'Student view':
+                        cy.visit(`/item-engine/demo/render-item/student-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Grading view':
+                        cy.visit(`/item-engine/demo/render-item/grading-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    case 'Correct answer view':
+                        cy.visit(`/item-engine/demo/render-item/correct-answer-view/${utilities.base64Encoding(itemReferenceID)}`);
+                        break;
+                    default:
+                        throw new Error('Invalid view');
+                }
+            });
+
+            after(() => {
+                if (view === 'Question preview') {
+                    matchingPage.steps.clickOnSaveQuestionButton();
+                    utilities.verifyElementVisibilityState(itemPreviewPage.referenceID(), 'visible');
+                    itemReferenceID = itemPreviewPage.steps.getItemReferenceID();
+                }
+                if (view === 'Student view') {
+                    studentViewPage.steps.submitResponse();
+                    utilities.verifyElementVisibilityState(studentViewPage.buttonGoToGradingView(), 'visible');
+                }
+            });
+
+            it('Question instructions should be visible', () => {
+                utilities.verifyInnerText(matchingPage.questionInstructionsText(), 'Fill the categories with the right answer.');
+                utilities.verifyElementVisibilityState(matchingPage.questionInstructionsText(), 'visible');
+            });
+
+            it('The prompt should have image, equation, bold text displayed', () => {
+                matchingPage.steps.verifyPromptWithImageInPreviewTab(0);
+                matchingPage.steps.verifyPromptWithBoldTextInPreviewTab(1);
+                matchingPage.steps.verifyPromptWithEquationTextInPreviewTab(2);
+            });
+
+            if (view !== 'Grading view' && view !== 'Correct answer view') {
+                it('User should be able to attempt the question by selecting option from the dropdowns', () => {
+                    matchingPage.steps.selectResponseFromDropdownInPreviewTab([{ dropdownIndex: 0, dropdownOption: optionsArray[0] }, { dropdownIndex: 1, dropdownOption: optionsArray[1] }, { dropdownIndex: 2, dropdownOption: optionsArray[2] }]);
+                });
+            } else if (view === 'Grading view') {
+                it('The dropdowns should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
+                    matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
+                    matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');
+                    matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(2, 'This is equation');
+                    matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                    matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                    matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                    matchingPage.steps.verifyCorrectIncorrectAnswerLabel('correct');
+                    utilities.verifyElementVisibilityState(matchingPage.correctAnswersOptions(), 'notExist');
+                });
+
+                it('The dropdowns should be in disabled state', () => {
+                    matchingPage.steps.verifyDropdownIsDisabled(0);
+                    matchingPage.steps.verifyDropdownIsDisabled(1);
+                    matchingPage.steps.verifyDropdownIsDisabled(2);
+                });
+            } else {
+                it('The dropdowns should be displayed filled with answers', () => {
+                    utilities.verifyElementCount(matchingPage.dropdownPreviewTab(), 3);
+                    matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(0, 'Fox');
+                    matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(1, 'This is a bold option');
+                    matchingPage.steps.verifyTextDisplayedInDropdownPreviewTab(2, 'This is equation');
+                    matchingPage.steps.verifyCorrectOptionIconDropdown(0);
+                    matchingPage.steps.verifyCorrectOptionIconDropdown(1);
+                    matchingPage.steps.verifyCorrectOptionIconDropdown(2);
+                });
+            }
+        });
+    });
+});

package/cypress/e2e/ILC/MultipleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js

@@ -93,7 +93,7 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
+            it('When the user selects \'Grading\' view without attempting the question, correct/incorrect status message should not be displayed, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -105,6 +105,8 @@ describe('Create item page - Multiple selection grid: All or nothing ', () => {
                     multipleSelectionGridPage.steps.switchToGradingView();
                     multipleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
+                multipleSelectionGridPage.steps.verifyCorrectIncorrectIconsNotExist();
+                multipleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 multipleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 

package/cypress/e2e/ILC/NumberLine/allOrNothingScoringForAllViews.smoke.js

@@ -105,7 +105,7 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -119,6 +119,8 @@ describe('Create Item page - Number line: All or nothing ', () => {
                 numberLinePage.steps.verifyLineSegmentOnNumberLineNotExistPreviewTab(range, [-4, -3]);
                 //TODO: Remove comment after https://redmine.zeuslearning.com/issues/565569 is resolved
                 //numberLinePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                numberLinePage.steps.verifyCorrectIncorrectIconsNotExist();
+                numberLinePage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 numberLinePage.steps.verifyCorrectPointsOnNumberLineCorrectAnswerSection(range, [2]);
                 numberLinePage.steps.verifyCorrectLineSegmentOnNumberLineCorrectAnswerSection(range, [{ x1: -4, x2: -3 }]);
             });

package/cypress/e2e/ILC/NumberLineLabel/allOrNothingForAllViews.smoke.js

@@ -105,7 +105,7 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and your answer is incorrect status message should be displayed', () => {
+            it('When the user selects \'Grading\' view without attempting the question, the correct answer should be displayed in the correct answer section graph and correct/incorrect status message should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -116,7 +116,8 @@ describe('Create Item page - Number line label: All or nothing ', () => {
                     numberLineLabelPage.steps.verifyPreviewScore(0, 20);
                 }
                 utilities.verifyElementVisibilityState(numberLineLabelPage.numberLinePointPreviewTab(), 'notExist');
-                numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                numberLineLabelPage.steps.verifyCorrectIncorrectIconsNotExist();
+                numberLineLabelPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 1', range, 0);
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 2', range, 9);
                 numberLineLabelPage.steps.verifyCorrectResponseOnNumberLineCorrectAnswerSection('Label 3', range, -9);

package/cypress/e2e/ILC/ReadingRuler/readingrulerPreviewContents.smoke.js

@@ -18,10 +18,10 @@ describe('Preview tab contents for all views', () => {
                     case 'Question preview':
                         cy.log('Navigating to reading ruler resource type');
                         readingRulerPage.steps.navigateToCreateResource('reading ruler');
-                        readingRulerPage.steps.checkVisibleOnLandingCheckbox();
-                        readingRulerPage.steps.selectColorBlock(2);
                         readingRulerPage.steps.addInputToOpacityInputField(30);
                         readingRulerPage.steps.addInputToDefaultNumberOfLinesInputField(5);
+                        readingRulerPage.steps.checkVisibleOnLandingCheckbox();
+                        readingRulerPage.steps.selectColorBlock(2);
                         readingRulerPage.steps.switchToPreviewTab();
                         break;
                     case 'Item view':

package/cypress/e2e/ILC/ShortTextResponseNew/allOrNothingBasicForAllViews.smoke.js

@@ -89,7 +89,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, incorrect border should be displayed and correct answer should be displayed below response field', () => {
+            it('When the user selects \'Grading\' view without attempting the question, correct/incorret border should not be displayed and correct answer should be displayed below response field', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -100,7 +100,7 @@ describe('Create item page - Short text response: All or nothing', () => {
                     shortTextResponsePage.steps.switchToGradingView();
                     shortTextResponsePage.steps.verifyPreviewScore(0, 20);
                 }
-                shortTextResponsePage.steps.verifyIncorrectAttemptBorder();
+                shortTextResponsePage.steps.verifyCorrectIncorrectBorderNotExist();
                 shortTextResponsePage.steps.verifyCorrectAnswerResponseInCorrectAnswerWrapper('Buildings');
             });
 

package/cypress/e2e/ILC/SingleSelectionGridNew/allOrNothingBasicForAllViews.smoke.js

@@ -93,7 +93,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                 });
             };
 
-            it('When the user selects \'Grading\' view without attempting the question, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers', () => {
+            it('When the user selects \'Grading\' view without attempting the question, correct answers section with a label \'Correct answers\' should be displayed with a preview of the entire grid with correct answers and correct/incorrect status message should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -105,6 +105,7 @@ describe('Create item page - Single selection grid: All or nothing ', () => {
                     singleSelectionGridPage.steps.switchToGradingView();
                     singleSelectionGridPage.steps.verifyPreviewTabPointsBackgroundForIncorrectOrPartiallyCorrectAnswer();
                 };
+                singleSelectionGridPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 singleSelectionGridPage.steps.verifyCorrectAnswerResponses([{ row: 1, column: 0 }, { row: 2, column: 1 }, { row: 3, column: 0 }, { row: 4, column: 1 }]);
             });
 

package/cypress/e2e/ILC/TextEntryMath/allOrNothingBasicForAllViews.smoke.js

@@ -133,7 +133,7 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                 textEntryMathPage.steps.verifyCorrectIncorrectIconNotExist(0);
                 textEntryMathPage.steps.verifyCorrectIncorrectIconNotExist(1);
                 textEntryMathPage.steps.verifyCorrectIncorrectIconNotExist(2);
-                textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textEntryMathPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
             });
 
             it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, and \'Your answer is incorrect\' label should be displayed', () => {

package/cypress/e2e/ILC/TextEntryMathWithImage/allOrNothingScoringForAllViews.smoke.js

@@ -139,7 +139,7 @@ describe('Create Item page - Text entry math: All or nothing ', () => {
                 textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(0);
                 textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(1);
                 textEntryMathWithImagePage.steps.verifyCorrectIncorrectIconNotExist(2);
-                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                textEntryMathWithImagePage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
             });
 
             it('When the user attempts the question incorrectly, then the user should be awarded 0 points and on switching to \'Grading\' view, incorrect icons should be displayed besides all incorrect responses, and \'Your answer is incorrect\' label should be displayed', () => {

package/cypress/e2e/ILC/TextSelection/allOrNothingScoringForAllViews.smoke.js

@@ -126,6 +126,7 @@ describe('Create item page - Text selection: All or nothing ', () => {
                 };
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[0]);
                 textSelectionPage.steps.verifyCorrectIncorrectIconForOptionNotExist(paragraphTextArray[1]);
+                textSelectionPage.steps.verifyCorrectIncorrectAnswerLabelNotExist();
                 //Remove comment once https://redmine.zeuslearning.com/issues/568598 is resolved
                 // utilities.verifyInnerText(textSelectionPage.correctAnswersLabel(), 'Correct answers');
                 textSelectionPage.steps.verifyCorrectIconForOptionCorrectAnswerSection(paragraphTextArray[0]);

package/cypress/e2e/ILC/chartsDotsPlot/allOrNothingForAllViews.smoke.js

@@ -114,7 +114,7 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
             };
 
             //Note: Remove comment after https://redmine.zeuslearning.com/issues/570904 is resolved
-            it('When the user selects \'Grading\' view without attempting the question, then by default correct dot column should have correct icons, incorrect dot column should have incorrect icons, the correct answer should be displayed in the correct answer section number line axis and your answer is incorrect status message should be displayed', () => {
+            it('When the user selects \'Grading\' view without attempting the question, then by default correct dot column should have correct icons, incorrect dot column should have incorrect icons, the correct answer should be displayed in the correct answer section number line axis and correct/incorrect status message should not be displayed', () => {
                 if (view === 'Grading view') {
                     studentViewPage.steps.submitResponse();
                     utilities.verifyElementVisibilityState(dialogBoxBase.dialogBox(), 'visible');
@@ -125,18 +125,18 @@ describe('Create Item page - Charts - Dot: All or nothing ', () => {
                     chartsDotPlotPage.steps.verifyPreviewScore(0, 20);
                 }
                 chartsDotPlotPage.steps.verifyLockedDotColumnPreviewTab({ point: 1, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 2, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 3, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.verifyCorrectDotColumnPreviewTab({ point: 4, min: 1, interval: 0.25 });
-                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 5, min: 1, interval: 0.25, defaultDots: 0 });
-                chartsDotPlotPage.steps.verifyIncorrectDotColumnPreviewTab({ point: 6, min: 1, interval: 0.25, defaultDots: 0 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 2, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 3, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 4, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 5, min: 1, interval: 0.25 });
+                chartsDotPlotPage.steps.verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab({ point: 6, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyLockedDotColumnCorrectAnswerSection({ point: 1, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 2, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 3, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 4, min: 1, interval: 0.25 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 5, min: 1, interval: 0.25, defaultDots: 0 });
                 chartsDotPlotPage.steps.verifyCorrectDotColumnCorrectAnswerSection({ point: 6, min: 1, interval: 0.25, defaultDots: 0 });
-                chartsDotPlotPage.steps.verifyCorrectIncorrectAnswerLabel('incorrect');
+                chartsDotPlotPage.steps.verifyCorrectIncorrectStatusMessageNotExists();
             });
 
             it(' When the user attempts the question incorrectly then the user should be awarded with 0 points and on switching to grading view \'Your answer is incorrect\' should be displayed and the attempted dot column should be displayed incorrect and the correct answer should be displayed in the correct answer section number line axis', () => {

package/cypress/pages/chartsDotPlotPage.js

@@ -1125,6 +1125,28 @@ const steps = {
         }
     },
 
+    /**
+      * Verifies that the dot columns has no correct/incorrect icon
+      * @param {object} options - The options object containing point, min, and interval.
+      * @param {number} options.point - The point value.
+      * @param {number} options.min - The minimum value.
+      * @param {number} options.interval - The interval value.
+      */
+    verifyCorrectIncorrectIconIsNotDisplayedInDotColumnPreviewTab: ({ point, min, interval }) => {
+        const index = Math.round((point - min) / interval);
+        chartsDotPlotPage.dotPlotChartPreviewTab()
+            .within(() => {
+                chartsDotPlotPage.dotColumnPreviewTab()
+                    .eq(index)
+                    .find('.icon-correct')
+                    .should('not.exist');
+                chartsDotPlotPage.dotColumnPreviewTab()
+                    .eq(index)
+                    .find('.icon-incorrect')
+                    .should('not.exist');
+            });
+    },
+
     /**
       * Verifies that the default dot column
       * @param {object} options - The options object containing point, min, and interval.

package/cypress/pages/chartsLinePage.js

@@ -46,6 +46,7 @@ const steps = {
     ...autoScoredScoringSectionMultiResponseType.steps,
     ...chartsCommonComponent.steps,
     ...autoScoredSpecifyCorrectAnswerSection.steps,
+    ...correctIncorrectAnswerLabelComponent.steps,
     /**
      * @description set the point height/value in the select chart type section chart
      * @param {Object} pointProperties - The properties and changes to be done on the point